/ index.html
index.html
 1  <!DOCTYPE html>
 2  <html lang="en">
 3    <head>
 4      <meta charset="UTF-8" />
 5      <meta
 6        name="viewport"
 7        content="width=device-width, initial-scale=1, viewport-fit=cover"
 8      />
 9      <title>%VITE_CLIENT_NAME%</title>
10      <meta
11        name="description"
12        content="Follow your interests across social networks!"
13      />
14      <meta name="color-scheme" content="dark light" />
15      <link rel="icon" type="image/x-icon" href="/favicon.ico" />
16      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
17      <meta name="apple-mobile-web-app-title" content="%VITE_CLIENT_NAME%" />
18      <meta name="apple-mobile-web-app-capable" content="yes" />
19      <meta name="mobile-web-app-capable" content="yes" />
20      <link rel="canonical" href="%VITE_WEBSITE%" />
21      <meta
22        name="theme-color"
23        content="#fff"
24        media="(prefers-color-scheme: light)"
25      />
26      <meta
27        name="theme-color"
28        content="#242526"
29        media="(prefers-color-scheme: dark)"
30      />
31      <meta name="google" content="notranslate" />
32  
33      <!-- Metacrap https://broken-links.com/2015/12/01/little-less-metacrap/ -->
34      <meta property="twitter:card" content="summary_large_image" />
35      <meta property="og:url" content="%VITE_WEBSITE%" />
36      <meta property="og:title" content="%VITE_CLIENT_NAME%" />
37      <meta
38        property="og:description"
39        content="Follow your interests across social networks!"
40      />
41      <a style="display: none" rel="me" href="https://andrew.masto.host/@andrew">Mastodon</a>
42    </head>
43    <body>
44      <div id="app"></div>
45      <div id="modal-container"></div>
46      <script type="module" src="/src/main.jsx"></script>
47    </body>
48  </html>