<!DOCTYPE html>
<html>
<head>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<title>Statocles</title>
<style type="text/css">
main header h1
{
border-bottom: 4px solid #045578;
}
header aside {
margin-top: 0;
font-size: 12pt;
}
.sidebar h1 {
font-size: 14pt;
}
/** Add a line when using the "Continue reading..." link */
section:target {
padding-top: 0.5em;
border-top: 4px solid #045578;
}
/** Don't allow <pre> to push too much */
pre {
max-width: 100%;
overflow-x: scroll;
}
/** <code> is used for input and output, so let it wrap */
code {
white-space: normal;
}
.tags {
float: right;
}
/**
* Don't allow main content images to push things around
*/
main img {
max-width: 100%;
}
</style>
<link href="/Statocles/blog/index.atom" rel="alternate" type="application/atom+xml">
<link href="/Statocles/blog/index.rss" rel="alternate" type="application/rss+xml">
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button class="navbar-toggle" data-target="#top-navbar-collapse-1" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/Statocles/">Statocles</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/Statocles/index.html">Blog</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="main container">
<div class="row">
<div class="col-md-9">
<main>
<article>
<header>
<h1><a href="/Statocles/blog/2014/05/06/test-post.html">Test Post</a></h1>
<p class="tags">Tags:
<a href="/Statocles/blog/tag/example/index.html" rel="tag">example</a>
<a href="/Statocles/blog/tag/default/index.html" rel="tag">default</a>
</p>
<aside>
<p><time datetime="2014-05-06">
Posted on 2014-05-06
</time>
by preaction</p>
</aside>
</header>
<h1>We probably shouldn't use headings for the title field</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non nisi
mi. Sed vitae consectetur massa. Proin malesuada ultricies facilisis.
Aliquam sollicitudin venenatis risus, a dapibus nisi mollis sit amet. Ut at
commodo ligula, et euismod nunc. Praesent suscipit ullamcorper tempor. Nunc
scelerisque nisl a volutpat posuere.</p>
<p><a href="/Statocles/blog/2014/05/06/test-post.html#section-2">Continue reading Test Post...</a></p>
</article>
</main>
<ul class="pager">
<li class="previous disabled">
<span>← Older</span>
</li>
<li class="next disabled">
<span>Newer →</span>
</li>
</ul>
</div>
<div class="sidebar col-md-3">
<h1>Tags</h1>
<ul class="list-inline">
<li><a href="/Statocles/blog/tag/default/index.html">default</a></li>
<li><a href="/Statocles/blog/tag/example/index.html">example</a></li>
</ul>
<h1>Feeds</h1>
<ul class="list-inline">
<li>
<a href="/Statocles/blog/index.atom" rel="alternate" type="application/atom+xml">
Atom
</a>
</li>
<li>
<a href="/Statocles/blog/index.rss" rel="alternate" type="application/rss+xml">
RSS
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>