<!DOCTYPE html>
<html>
  <head>
    <title>zero-knowledge - {{ .Title }}</title>
    <style type="text/css">
      :root {
        --bg-color: hsl(204, 35%, 20%);
        --bg-code-color: hsl(204, 10%, 20%);
        --tx-color: hsl(34, 5%, 80%);
        --hi-color: hsl(34, 100%, 50%);
        --lo-color: hsl(15, 100%, 50%);
      }
      body { background: var(--bg-color);
              color: var(--tx-color);
              font-size: 100%; }
      a { color: var(--hi-color); }
      a:visited { color: var(--lo-color); }
      main { max-width: 75%; margin-left: auto; margin-right: auto; }
      main aside { width: 100%;
                  border-top: 0.1em solid var(--hi-color);
                  padding-top: 0.5em;
                  padding-left: 0.5em; }
      pre { margin: 0; padding: 1em; background: var(--bg-code-color); }
      code { margin: 0; padding: 0; font-size: 100%; }
      pre, code { font-family: GoMonoRegular, monospace; }
      @font-face { font-family: 'GoMonoRegular';
        src: url('/static/go-mono/GoMonoRegular.ttf') format('truetype');
        font-weight: normal; font-style: normal; }

    </style>
  </head>
  <body>
    <header>
      <a href="/" class="logo" id="top">
        <img src="/static/zero-knowledge.png" alt="zero-knowledge" />
      </a>
    </header>
