index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />

    <link
      rel="preload"
      href="https://unpkg.com/highlight.js@11.0.1/styles/ascetic.css"
      as="style"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript
      ><link
        rel="stylesheet"
        href="https://unpkg.com/highlight.js@11.0.1/styles/ascetic.css"
    /></noscript>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="theme-color"
      content="#e9eaeb"
      media="(prefers-color-scheme: light)"
    />
    <meta
      name="theme-color"
      content="#232b32"
      media="(prefers-color-scheme: dark)"
    />
    <title>Mark</title>

    <!-- Primary Meta Tags -->
    <title>Mark</title>
    <meta name="title" content="Mark" />
    <meta name="description" content="Quick Web Markdown Editor" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://mark.reaper.im/" />
    <meta property="og:title" content="Mark" />
    <meta property="og:description" content="Quick Web Markdown Editor" />
    <meta property="og:image" content="" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://mark.reaper.im/" />
    <meta property="twitter:title" content="Mark" />
    <meta property="twitter:description" content="Quick Web Markdown Editor" />
    <meta property="twitter:image" content="" />
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>