A music player that connects to your cloud/distributed storage.
1---
2layout: layouts/diffuse.vto
3base: ../../
4title: Facets | Diffuse
5
6styles:
7 - styles/base.css
8 - styles/diffuse/page.css
9 - vendor/@phosphor-icons/bold/style.css
10 - vendor/@phosphor-icons/fill/style.css
11---
12
13<style>
14 .construct, h2 {
15 color: var(--accent-twist-2);
16 }
17</style>
18
19<header>
20 <div style="min-width: var(--container-md)">
21 <div>
22 <a class="diffuse-logo" href="./" style="display: inline-block;">
23 {{ await comp.diffuse.logo() }}
24 </a>
25 </div>
26 <p class="construct dither-mask" style="margin-top: 0; max-width: none;">
27 Facets
28 </p>
29 </div>
30 <div class="dither-mask filler filler--bg-twist-2"></div>
31</header>
32
33<main>
34 {{ await comp.facets.nav({ url, facets }) }}
35
36 {{ content }}
37</main>