| <!doctype html> |
| <html> |
| <head> |
| <meta charset="utf-8" /> |
| <title>Graphite</title> |
| <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="16x16" href="favicon-16x16.png" /> |
| <link rel="manifest" href="site.webmanifest" /> |
| <link rel="mask-icon" href="safari-pinned-tab.svg" color="#473a3a" /> |
| <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5" /> |
| <meta name="apple-mobile-web-app-title" content="Graphite" /> |
| <meta name="application-name" content="Graphite" /> |
| <meta name="msapplication-TileColor" content="#ffffff" /> |
| <meta name="theme-color" content="#ffffff" /> |
| <meta name="color-scheme" content="dark only" /> |
| <meta name="darkreader-lock" /> |
| |
| </head> |
| <body> |
| <noscript>JavaScript is required</noscript> |
| <style> |
| body { |
| background: #222; |
| height: 100%; |
| margin: 0; |
| } |
| |
| body::after { |
| content: ""; |
| display: block; |
| position: absolute; |
| left: 50%; |
| top: 50%; |
| width: 60px; |
| height: 60px; |
| border-radius: 50%; |
| border: 4px solid #eee; |
| border-color: #eee transparent #eee transparent; |
| animation: spinning-loading-indicator 1s linear infinite; |
| } |
| |
| @keyframes spinning-loading-indicator { |
| 0% { |
| transform: translate(-30px, -30px) rotate(0deg); |
| } |
| 100% { |
| transform: translate(-30px, -30px) rotate(360deg); |
| } |
| } |
| </style> |
| <script type="module" src="src/main.ts"></script> |
| </body> |
| </html> |
|
|
