<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/png" href="/static/inf-icon-64x64.png" />
    <link rel="apple-touch-icon" href="/static/inf-icon-192x192.png" />
    <link rel="stylesheet" type="text/css" href="/static/main.css" />
    <link rel="stylesheet" type="text/css" href="/static/highlighting.css" />
    <link rel="alternate" type="application/rss+xml"
      title="Infinite Negative Utility"
      href="/rss" />

    <meta property="og:title" content=""/>
    <meta property="og:url" content="{{url}}"/>
    <meta property="og:image" content="/static/inf-icon-128x128.png"/>
    <meta property="og:type" content="website"/>
    <meta property="og:description" content="{{title}}"/>
    <meta property="og:image:width" content="128"/>
    <meta property="og:image:height" content="128"/>
    <meta property="og:site_name" content="Infinite Negative Utility"/>
    <title>{{title}} — Infinite Negative Utility</title>
  </head>
  <body>
    {{#user}}
      <div class="username">
        Logged in as {{name}}
        —
        <a href="/create">Create a Post</a>
        —
        <a href="/change">Change My Password</a>
        —
        <a href="/logout">Log Out</a>
      </div>
    {{/user}}
    <div class="title">
      <h1>{{title}}</h1>
    </div>
    <div class="nav">
      <a class="navitem" href="/newest">Newest</a>
      <a class="navitem" href="/archive">Archive</a>
      <a class="navitem" href="/oldest">Oldest</a>
      <a class="navitem" href="/about">About</a>
    </div>
    <div class="main">
      {{{ contents }}}
    </div>
    <div class="nav">©2020 Getty Ritter</div>
  </body>
</html>
