A music player that connects to your cloud/distributed storage.
1<!DOCTYPE html>
2<html>
3<head>
4
5 <meta charset="utf-8" />
6 <title>About | Diffuse</title>
7
8 <!-- Viewport -->
9 <meta name="viewport" content="width=device-width, initial-scale=1" />
10
11 <!-- Favicons & Mobile -->
12 <link rel="apple-touch-icon" sizes="180x180" href="{{pathToRoot}}apple-touch-icon.png" />
13 <link rel="icon" type="image/png" sizes="32x32" href="{{pathToRoot}}favicon-32x32.png" />
14 <link rel="icon" type="image/png" sizes="16x16" href="{{pathToRoot}}favicon-16x16.png" />
15 <link rel="manifest" href="{{pathToRoot}}site.webmanifest" />
16 <link rel="mask-icon" href="{{pathToRoot}}safari-pinned-tab.svg" color="#8a90a9" />
17 <meta name="msapplication-TileColor" content="#8a90a9" />
18 <meta name="theme-color" content="#8a90a9" />
19
20 <!-- Styles -->
21 <meta name="color-scheme" content="dark light" />
22 <link rel="stylesheet" href="{{pathToRoot}}about.css" />
23
24</head>
25<body class="bg-white font-body my-16 px-4 text-base01 dark:bg-darkest-hour dark:text-gray-600">
26
27
28 <main class="max-w-2xl mx-auto">
29 <a class="inline-block logo" href="{{pathToRoot}}">
30 <img class="block dark:hidden" src="{{pathToRoot}}images/diffuse-dark.svg" />
31 <img class="hidden dark:block" src="{{pathToRoot}}images/diffuse-light.svg" />
32 <h1>Diffuse</h1>
33 </a>
34
35 <placeholder />
36 </main>
37
38
39 <!-- Service worker -->
40 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/highlight.min.js"></script>
41 <script>hljs.initHighlightingOnLoad()</script>
42 <script>
43 if ("serviceWorker" in navigator) {
44 navigator.serviceWorker.register("{{pathToRoot}}service-worker.js")
45 }
46 </script>
47
48
49</body>
50</html>