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 <!-- Styles -->
32 {{ for url of styles }}
33 <link rel="stylesheet" href="{{ url }}" />
34 {{ /for }}
35 </head>
36 <body>
37 {{ content }}
38
39 <!-- Make every touched URL available offline -->
40 <do-offline></do-offline>
41 <script src="components/orchestrator/offline/element.js" type="module"></script>
42
43 <!-- Scripts -->
44 {{ for url of scripts }}
45 <script src="{{ url }}" type="module"></script>
46 {{ /for }}
47 </body>
48</html>