<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ '/static/style.css'|url }}">
<title>Infinite Negative Utility: {% block title %}index{% endblock %}</title>

<style type="text/css" >
</style>

<body>
  <div class="header"><h1><img src="/static/inu-logo-small.png"/><span class="text" >infinite negative utility</span></h1></div>
  <div >
    <nav class="menu">
      <ul class="nav navbar-nav">
        <li><a href="/">home</a></li>
        <li>tools and programs</li>
        <ul>
          <li><a href="/projects/bricoleur">bricoleur</a></li>
          <li><a href="/projects/charter">charter</a></li>
          <li><a href="/projects/dmesktop">dmesktop</a></li>
          <li><a href="/projects/matterhorn">matterhorn</a></li>
        </ul>
        <li>libraries</li>
        <ul>
          <li><a href="/libraries/s-cargot">s-cargot</a></li>
          <li><a href="/libraries/config-ini">config-ini</a></li>
          <li><a href="/libraries/cube-cotillion">cube cotillion</a></li>
          <li><a href="/libraries/telml">telml</a></li>
          <li><a href="/libraries/xleb">xleb</a></li>
        </ul>
        <li>art & writing</li>
        <ul>
          <li><a href="https://thefireattheshoemakersestate.tumblr.com/">art</a></li>
          <li><a href="http://librarianofalexandria.com/">prose</a></li>
          <li><a href="http://blog.infinitenegativeutility.com/">technical</a></li>
          <li><a href="http://what.happens.when.computer/">informative</a></li>
          <li><a href="https://twitter.com/aisamanra">tweets</a></li>
          <li><a href="https://mastodon.social/users/keweddji">toots</a></li>
        </ul>
        <li><a href="http://gdritter.com/resume.pdf">résumé</a></li>
        <li><a href="/about">about</a></li>
      </ul>
    </nav>
    <div class="content">
      {% block body %}{% endblock %}
    </div>
  </div>
</body>
