index.html raw

   1  <!doctype html>
   2  <html lang="en">
   3    <head>
   4      <meta charset="utf-8" />
   5      <meta name="viewport" content="width=device-width,initial-scale=1" />
   6      <meta name="color-scheme" content="light dark" />
   7  
   8      <title>ORLY?</title>
   9  
  10      <style>
  11        :root {
  12          color-scheme: light dark;
  13        }
  14        html, body {
  15          background-color: #fff;
  16          color: #000;
  17        }
  18        @media (prefers-color-scheme: dark) {
  19          html, body {
  20            background-color: #000;
  21            color: #fff;
  22          }
  23        }
  24      </style>
  25  
  26      <link rel="icon" type="image/png" href="/favicon.png" />
  27      <link rel="manifest" href="/manifest.json" />
  28      <link rel="apple-touch-icon" href="/icon-192.png" />
  29      <meta name="theme-color" content="#000000" />
  30      <meta name="apple-mobile-web-app-capable" content="yes" />
  31      <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  32      <link rel="stylesheet" href="/global.css" />
  33      <link rel="stylesheet" href="/bundle.css" />
  34  
  35      <script defer src="/bundle.js"></script>
  36    </head>
  37  
  38    <body></body>
  39    <script>
  40      if ('serviceWorker' in navigator) {
  41        navigator.serviceWorker.register('/sw.js');
  42      }
  43    </script>
  44  </html>
  45