<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    
    <link rel="icon" href="/api/static/assets/favicon.ico" type="image/ico"/>
    <link rel="shortcut icon" href="/api/static/assets/favicon.ico" type="image/x-icon"/>

    <meta name="theme-color" content="#000" />
    <link rel="manifest" href="/api/static/assets/manifest.json">

    <title>Solid Scribe - An easy, encrypted Note App</title>
  </head>
  <body>
    <div id="app">
      <!-- placeholder data for scrapers with no JS -->
      <style>
        body {
          background-color: #212221;
          color: #aeaeae;
        }
        .centered {
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          font-family: Arial, Helvetica, sans-serif;
        }
        .logo {
          width: 200px;
          height: auto;
        }
        .scrape-info {
          opacity: 0;
        }
      </style>
    
      <div class="centered">
        <img class="logo" src="/api/static/assets/logo.svg" alt="Solid Scribe Logo - if you can read this your connection is really slow">
        <h1>Solid Scribe</h1>
        <h3>An easy, encrypted Note App</h3>
        <h4>Loading...</h4>
      </div>

      <div class="scrape-info">
        <h1>Solid Scribe</h1>
        <h2>A note application that respects your privacy.</h2>
        <p>Take notes with a clean editor that works on desktop or mobile.</p>
        <p>Search notes, links and files to find what you need.</p>
        <p>Accessable everywhere.</p>
        <p>Categorize notes with tags.</p>
        <p>Share data with fellow users.</p>
        <p>Encrypt notes for additional security.</p>
        <b>This site requires Javascipt to run.</b>
      </div>

    </div>
    <!-- built files will be auto injected -->
  </body>
</html>