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