{% extends "base.html" %}

{% block fulltitle %}insin.webfactional.com{% endblock %}

{% block extrahead %}
<style type="text/css">
#header { text-align: center; }
#content-main { padding: 4em; }
.section { float: left; width: 30%; text-align: center; }
#tumblelog, #code { margin-left: 5%; }
p.intro { font-style: italic; }
#footer { text-align: center; padding: 1em; }
.clear { clear: both; }
</style>
{% endblock %}

{% block header %}
<h1>insin.webfactional.com</h1>
<p class="intro">Hi, I'm some introductory text typed by Jonathan Buchanan, to explain that he's a programmer/web developer residing in sunny Banbridge, Northern Ireland and to let you know that this is his personal website.</p>
<p>Meanwhile&hellip;</p>
{% endblock %}

{% block content %}
<div class="section" id="weblog">
  <h2><a href="weblog/">Weblog</a></h2>
  <p>Obligatory <em class="unfunny">blog-standard</em> weblog.</p>
</div>
<div class="section" id="tumblelog">
  <h2><a href="tumblelog/">Tumblelog</a></h2>
  <p>Bits and bobs, tumbling along - links, code, quotes and miscellaneous media.</p>
</div>
<div class="section" id="code">
  <h2><a href="code/">Code</a></h2>
  <p>Publicly accessible code repository.</p>
</div>
<div class="clear"></div>
{% endblock%}