forked from
tokono.ma/diffuse
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 <link rel="manifest" href="site.webmanifest" />
27
28 <!-- Preloads -->
29 {{ for url of (preloads ?? []) }}
30 <link rel="preload" href="{{ url.href }}" as="{{ url.as }}" type="{{ url.type }}" crossorigin />
31 {{ /for }}
32
33 <!-- Styles -->
34 {{ for url of styles }}
35 <link rel="stylesheet" href="{{ url }}" />
36 {{ /for }}
37
38 <!-- Import map -->
39 <script type="importmap">
40 {
41 "imports": {
42 "~/": "./",
43
44 "@awesome.me/webawesome/dist/": "./vendor/@awesome.me/webawesome/",
45 "@awesome.me/webawesome/dist-cdn/": "./vendor/@awesome.me/webawesome/",
46 "@phosphor-icons/web/": "./vendor/@phosphor-icons/web/",
47
48 "@atcute/cbor": "./vendor/@atcute/cbor/index.js",
49 "@atcute/oauth-browser-client": "./vendor/@atcute/oauth-browser-client/index.js",
50 "@atcute/tid": "./vendor/@atcute/tid/index.js",
51 "idb-keyval": "./vendor/idb-keyval/index.js",
52 "kmenu": "./vendor/kmenu-core/index.js",
53 "lit-html": "./vendor/lit-html/index.js",
54 "throttle-debounce": "./vendor/throttle-debounce/index.js"
55 }
56 }
57 </script>
58 </head>
59 <body>
60 {{ content }}
61
62 <script src="default-layout.js" type="module"></script>
63
64 <!-- Scripts -->
65 {{ for url of scripts }}
66 <script src="{{ url }}" type="module"></script>
67 {{ /for }}
68 </body>
69</html>