tokono.ma
A music player that connects to your cloud/distributed storage.
1---
2title: "Diffuse"
3
4base: "./"
5---
6
7<html lang="en">
8 <head>
9 <meta charset="UTF-8" />
10
11 <meta name="color-scheme" />
12 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
13
14 <meta name="media-controllable" />
15 <meta name="mobile-web-app-capable" content="yes" />
16
17 <title>{{title}}</title>
18
19 <!-- Base -->
20 <base href="{{base}}" />
21
22 <!-- Favicons & Mobile -->
23 <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
24 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
25 <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
26 <!-- TODO: <link rel="manifest" href="site.webmanifest" />-->
27 <link rel="mask-icon" href="safari-pinned-tab.svg" color="#8a90a9" />
28 <meta name="msapplication-TileColor" content="#8a90a9" />
29 <meta name="theme-color" content="#8a90a9" />
30
31 <!-- Preload items so they're ready before first paint (prevents flash during view transitions) -->
32 <link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/InterVariable.woff2" />
33 <link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/InterVariable-Italic.woff2" />
34 <link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/CommitMonoVariable.woff2" />
35 <link rel="preload" as="font" type="font/woff2" crossorigin href="vendor/@phosphor-icons/bold/Phosphor-Bold.woff2" />
36 <link rel="preload" as="font" type="font/woff2" crossorigin href="vendor/@phosphor-icons/fill/Phosphor-Fill.woff2" />
37
38 <!-- Styles -->
39 {{ for url of styles }}
40 <link rel="stylesheet" href="{{ url }}" />
41 {{ /for }}
42 </head>
43 <body>
44 {{ content }}
45
46 <!-- Make every touched URL available offline -->
47 <do-offline></do-offline>
48 <script src="components/orchestrator/offline/element.js" type="module"></script>
49
50 <!-- Scripts -->
51 {{ for url of scripts }}
52 <script src="{{ url }}" type="module"></script>
53 {{ /for }}
54 </body>
55</html>