<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Soon?</title>
    <style type="text/css">
      body {
        color: #e3e3e3;
        background-color: #88f;
        text-shadow: 0 0 8vh rgba(128, 128, 128, 0.9);
        margin: 0;
        padding: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
      }
      body:before, body:after {
        content: '';
        position: absolute;
        width: 100vw;
        height: 50vh;
        z-index: -2;
        background-image: linear-gradient(
          60deg,
          #00c 12.50%,
          #003 12.50%,
          #003 25%,
          #007 25%,
          #007 37.50%,
          #003 37.50%,
          #003 50%,
          #00c 50%,
          #00c 62.50%,
          #003 62.50%,
          #003 75%,
          #007 75%,
          #007 87.50%,
          #003 87.50%,
          #003 100%
        );
        background-size: 99.5px 170.5px;
        animation: Stripes 3600s linear infinite;
      }
      body:after {
        top: 50vh;
        transform: scale(1, -1);
      }
      #backdrop {
        backdrop-filter: blur(3px);
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: -1;
      }
      h1 {
        margin: 0;
        padding-top: 20vh;
        z-index: 0;
        font-size: 15vh;
        text-align: center
      }
      p {
        margin: 1em 5vw;
        text-align: center;
        font-size: 4vh;
      }
      h1 + p {
        margin-top: 10vh;
      }
      @keyframes Stripes {
        from { background-position: -2000% 0 }
        to { background-position: 2000% 0 }
      }
    </style>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#2b5797">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">
  </head>
  <body>
    <div id="backdrop"></div>
    <h1 style="text-align: center;">Someday…</h1>
    <p>There was a whole blog here once.</p>
    <p>Restoring it would be a bit of work.</p>
    <p>Until then, the contents are safely backed up.</p>
  </body>
</html>
