<html>
<head>
  <meta content="text/html; charset=utf-8" http-equiv="content-type">
  <title><%=@title%></title>
  <link href="articleStyle.css" type="text/css" rel="stylesheet"/>
<% if @math %>
  <script type="text/javascript"
          src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
  </script>
  <script type="text/javascript" src="mathjax-config.js"></script>
<% end %>

</head>
<BODY>
  <div class="masthead">
    <div class="logo"><a href="../index.html"><img src="../images/site.logo.png" alt="logo" border="0"/></a></div>
    <h1 class="blogHeader"><a href="index.html">a <span class="bigger">blog</span>
           about things that I've been <span class="bigger">thinking hard</span> about</a></h1>
  </div>
  <H1 CLASS="itemTitle"><%=@title%></H1>
  <DIV CLASS="date"><%=@dateString%></DIV>

  <DIV CLASS="blurb"><%=@blurb%></DIV>

  <DIV CLASS="byline">
    <DIV CLASS="author">by <A HREF="../aboutme.html">Philip Dorrell</A></DIV>
  </DIV>

  <DIV CLASS="main">

    <DIV CLASS="articleAndSidebar">

      <DIV CLASS="sidebar">

        <DIV CLASS="otherStories">
          <DIV CLASS="otherStoriesHeading">Some previous articles ...</DIV>
            <% @previousStories.each do |entry| %>
              <div class="otherStory"><A class="otherStoryLink" HREF="<%=entry.baseFileName%>"><%=entry.title%></A></div>
            <% end %>
          </DIV>
        </DIV>
      </DIV>

      <DIV CLASS="article">
