
<!doctype html>
<html lang="en" id="theme-root">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Login</title>

    

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link rel="stylesheet" href="/static/css/style.css">

    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
  </head>

  <body>
    <script src="/static/js/theme.js" type="text/javascript"></script>
    <nav id="header" class="fixed w-full z-10 top-0">

      <div class="w-full max-w-7xl mx-auto flex flex-wrap items-center justify-between mt-0 py-3 px-4 sm:px-6 lg:px-8">

        <div class="pl-4 flex">
          <svg class="mr-2 pt-1" fill="none" height="20px" width="20px" version="1.1"
            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            viewBox="0 0 512 512" xml:space="preserve">
            <g>
              <g>
                <path stroke="currentColor" stroke-width="20" fill="none"
                  d="M434.205,294.091c9.226-5.259,17.88-11.3,25.865-18.063c63.417-53.712,51.185-122.244,50.633-125.135
                  c-0.821-4.301-4.296-7.598-8.634-8.191c-2.419-0.333-55.045-7.114-108.329,18.911c-2.885-41.703-19.785-73.525-34.168-93.511
                  c-17.109-23.774-34.267-36.278-34.989-36.799c-3.562-2.568-8.367-2.568-11.929,0c-0.722,0.521-17.879,13.024-34.989,36.799
                  c-11.62,16.147-24.875,40.031-31.062,70.598c-4.045-7.376-8.254-13.876-12.266-19.452c-17.11-23.774-34.267-36.278-34.99-36.799
                  c-3.561-2.568-8.367-2.568-11.928,0c-0.722,0.521-17.88,13.024-34.989,36.799c-14.453,20.082-31.448,52.121-34.209,94.121
                  C64.904,186.979,12.295,193.522,9.876,193.843c-4.379,0.578-7.888,3.913-8.689,8.257c-0.531,2.873-12.27,70.987,51.118,124.674
                  c8.017,6.79,16.702,12.859,25.957,18.146c-39.345,26.676-48.648,67.631-49.071,69.586c-0.938,4.333,1.03,8.775,4.87,10.991
                  c1.999,1.152,49.583,27.956,104.954,3.415c18.659-8.271,33.293-14.766,44.168-22.326v65.84c0,5.631,4.565,10.197,10.197,10.197
                  s10.197-4.566,10.197-10.197v-65.839c10.877,7.559,25.508,14.054,44.168,22.325c17.276,7.657,33.787,10.316,48.399,10.315
                  c32.221-0.002,55.18-12.937,56.555-13.73c3.839-2.216,5.808-6.658,4.87-10.991c-0.42-1.94-9.649-42.581-48.603-69.269
                  c1.877-1.07,3.724-2.181,5.554-3.315c10.609,14.629,29.797,23.138,58.462,35.843c17.276,7.657,33.787,10.316,48.399,10.315
                  c32.22-0.002,55.179-12.937,56.555-13.73c3.839-2.216,5.808-6.658,4.87-10.99C482.387,361.42,473.158,320.779,434.205,294.091z
                  M321.651,311.615c-11.339,9.603-24.237,17.567-38.335,23.667c-3.685,1.595-6.092,5.205-6.146,9.22
                  c-0.055,4.016,2.253,7.689,5.894,9.384c33.469,15.572,47.315,43.778,52.237,57.326c-13.59,5.554-44.584,14.439-79.292-0.946
                  c-32.966-14.613-46.817-21.614-52.432-32.851v-26.864l85.334-57.192c4.679-3.135,5.929-9.469,2.794-14.148
                  c-3.137-4.68-9.471-5.93-14.149-2.793l-73.979,49.582V216.693c0-5.631-4.565-10.197-10.197-10.197s-10.197,4.566-10.197,10.197
                  v109.475l-74.231-49.75c-4.679-3.135-11.013-1.884-14.148,2.793c-3.136,4.679-1.885,11.013,2.793,14.148l85.586,57.36v26.687
                  c-5.61,11.243-19.458,18.244-52.432,32.859c-34.718,15.391-65.719,6.496-79.29,0.948c4.955-13.634,18.917-42.041,52.738-57.559
                  c3.657-1.678,5.986-5.35,5.944-9.372s-2.444-7.646-6.135-9.248c-14.157-6.149-27.117-14.164-38.522-23.822
                  c-22.666-19.197-37-42.681-42.608-69.803c-2.408-11.645-2.611-21.531-2.335-27.908c17.718-0.705,61.851,0.544,102.178,25.701
                  c3.191,1.99,7.22,2.064,10.481,0.189c3.261-1.876,5.225-5.394,5.109-9.154c-0.059-1.922-0.087-3.516-0.087-5.016
                  c0-33.794,10.2-65.233,30.318-93.444c9.409-13.194,18.923-22.58,24.837-27.838c5.919,5.262,15.431,14.646,24.839,27.838
                  c20.119,28.211,30.318,59.65,30.318,93.444c0,1.449-0.024,2.884-0.062,4.309c-0.099,3.741,1.861,7.237,5.105,9.105
                  c3.244,1.868,7.249,1.809,10.437-0.154c40.362-24.859,84.569-25.818,102.176-25.018
                  C367.092,230.942,364.532,275.297,321.651,311.615z M381.247,359.12c-29.014-12.86-43.218-19.827-50.036-28.973
                  c1.221-0.976,2.431-1.964,3.622-2.973c63.418-53.712,51.185-122.244,50.633-125.135c-0.821-4.301-4.296-7.598-8.634-8.191
                  c-2.419-0.334-55.045-7.114-108.328,18.911c-0.78-11.281-2.593-21.833-5.097-31.628c0.113-0.663,0.163-1.347,0.142-2.045
                  c-0.059-1.922-0.087-3.516-0.087-5.016c0-33.794,10.2-65.233,30.318-93.444c9.409-13.194,18.923-22.58,24.837-27.838
                  c5.919,5.262,15.431,14.646,24.838,27.838c20.119,28.211,30.318,59.65,30.318,93.444c0,1.449-0.024,2.884-0.062,4.309
                  c-0.099,3.741,1.861,7.237,5.105,9.105c3.243,1.867,7.249,1.808,10.437-0.154c40.349-24.852,84.539-25.819,102.162-25.019
                  c0.328,6.417,0.203,16.419-2.16,28.203c-5.461,27.231-19.715,50.766-42.365,69.951c-11.34,9.604-24.237,17.567-38.336,23.667
                  c-3.685,1.595-6.092,5.205-6.146,9.221c-0.055,4.016,2.253,7.69,5.894,9.384c33.469,15.575,47.315,43.782,52.238,57.329
                  C446.949,365.619,415.955,374.503,381.247,359.12z" />
              </g>
            </g>
          </svg>
          <a class="no-underline hover:no-underline text-xl font-black" href="/">komorebi</a>
        </div>

        <div class="block lg:hidden pr-4">
          <button id="nav-toggle" class="flex items-center px-3 py-2 border rounded text-gray-500 border-gray-600 hover:text-gray-900 hover:border-green-500 appearance-none focus:outline-none">
            <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
              <title>Menu</title>
              <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
            </svg>
          </button>
        </div>

        <div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden lg:block mt-2 lg:mt-0 bg-gray-100 md:bg-transparent z-20" id="nav-content">
          <ul class="list-reset lg:flex justify-end flex-1 items-center">
            <li class="mr-3">
              <a class="nav-link-active" href="/">blog</a>
            </li>
            
            <li class="mr-3">
              <button id="theme-toggle" class="nav-link">
                <span id="theme-toggle-dark-icon">🌙</span>
                <span id="theme-toggle-light-icon">☀️</span>
              </button>
            </li>
            
            <li class="mr-3">
              <a class="nav-link" href="/signup">signup</a>
            </li>
            <li class="mr-3">
              <a class="nav-link" href="/login">login</a>
            </li>
            
          </ul>
        </div>

      </div>

    </nav>

    <div class="container w-full max-w-7xl mx-auto pt-20 px-4 sm:px-6 lg:px-8">
      <main>
        
        
<div class="form-container">
  <div class="form-content">
    <h2 class="form-title">Login</h2>
  </div>

  <div class="form-content">
    <form class="form-main" action='/login' method='POST' novalidate>
      
        <input type='hidden' name='csrf_token' value='u9s1QwnMRZwBC4IzEKptEHl7os0caQ5UQshLc1D0bjD5VIlmQx2lp9&#43;hKnjZoywMvU&#43;55OSOjBX&#43;VedA7Z/VEg=='>
      <div>
        <label for='email' class="form-label">Email</label>
        
        <input type='email' name='email' autocomplete='email' required class='form-input' value=''>
      </div>
      <div>
        <label for='password' class="form-label">Password</label>
        
        <input type='password' name='password' required class='form-input'>
      </div>
      <div>
        <input type='submit' class='btn-primary' value='Login'>
      </div>
    </form>
  </div>
</div>

      </main>
    </div>
    <script src="/static/js/main.js" type="text/javascript"></script>
  </body>
</html>
