<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Your Page Title Here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="static/stylesheets/base.css">
<link rel="stylesheet" href="static/stylesheets/skeleton.css">
<link rel="stylesheet" href="static/stylesheets/layout.css">
<link rel="stylesheet" href="static/stylesheets/mystyles.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="static/images/favicon.ico">
<link rel="apple-touch-icon" href="static/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<!-- Delete everything in this .container and get started on your own site! -->
<div class="container">
<article>
<header class="sixteen columns">
<h1>${title}</h1>
</header>
<p class="abody ten columns" style="background:red" data-articleid="${articleid}">${body}</p>
<footer>
<section class="comments six columns clearfix">
<form action="/addcomment" method="POST">
<input type="hidden" name="articleid" value="${articleid}" />
<textarea name="comment" class="six columns"></textarea>
<input type="submit" class="six columns" />
</form>
% for comment in comments:
<article class="comment six columns">
<p class="comment">${comment}</p>
</article>
% endfor
</section>
</footer>
</article>
</div><!-- container -->
<!-- End Document
================================================== -->
</body>
</html>