<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ block "title" .}}{{ end }} | Journal</title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <style>
      nav {
        display: flex;
        flex-direction: row;
        max-width: 64rem;
        justify-content: center;
        font-size: 1.5rem;
      }
      nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
      }
      nav ul li {
        margin-right: 20px;
      }
      nav ul li a {
        color: #007BFF;
      }
      body {
        font-family: Consolas, monospace;
        margin: 0;
        padding: 2rem;
      }
      header {
        margin-bottom: 2rem;
      }
      main {
        margin: 2rem 0;
      }
      h1 {
        font-size: 2rem;
      }
      h2 {
        font-size: 1.5rem;
      }
      h3 {
        font-size: 1.2rem;
      }
      p {
        font-size: 1.2rem;
        line-height: 1.5;
      }
      ul {
        padding-left: 1.5rem;
      }
      li {
        margin-bottom: 1rem;
      }
      a {
        color: #007BFF;
      }
      .container {
        max-width: 768px;
        margin: 0 auto;
        /* padding: 1rem; */
        padding-top: .5rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        border-radius: 2rem;
        border-color: #000;
        border-width: 0.25rem;
        border-style: solid;
        background-color: #eeeeee;
      }
    </style>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><strong>Journal</strong></li>
          <li><a href="/">Home</a></li>
          <li><a href="/entry/new">New entry</a></li>
        </ul>
      </nav>
    </header>
    {{ block "content" . }}{{ end }}
  </body>
</html>
