A music player that connects to your cloud/distributed storage.
1---
2layout: layouts/diffuse.vto
3base: ../
4title: Diffuse
5
6styles:
7 - styles/base.css
8 - styles/diffuse/page.css
9 - styles/diffuse/code-editor.css
10 - vendor/@phosphor-icons/web/bold/style.css
11 - vendor/@phosphor-icons/web/fill/style.css
12
13scripts:
14 - common/pages/ppr.js
15 - common/pages/version-upgrade.js
16---
17
18<style>
19 .construct, h2 {
20 color: var(--accent);
21 }
22</style>
23
24<header style="overflow: hidden">
25 <div>
26 <div class="diffuse-logo-container diffuse-logo-container--condensed">
27 <a href="./" style="display: inline-block;">
28 {{ await comp.diffuse.logo() }}
29 </a>
30 </div>
31 </div>
32 <div class="dither-mask filler">
33 <div id="status--filler-container">
34 {{ await comp.diffuse.status() }}
35 </div>
36 </div>
37</header>
38
39<main>
40 {{ await comp.nav({ url, facets }) }}
41
42 {{ content }}
43</main>