A music player that connects to your cloud/distributed storage.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: 🧹

+5 -29
+1 -2
src/_data/facets.json
··· 19 19 "title": "Blur", 20 20 "category": "Themes", 21 21 "featured": true, 22 - "desc": "A modern, blurred glass-style theme for the audio player." 22 + "desc": "A combination of the classic Diffuse browser and the Apple Music iOS playback screen." 23 23 }, 24 24 { 25 25 "url": "themes/blur/artwork-controller/facet/index.html", ··· 213 213 "url": "themes/winamp/browser/facet/index.html", 214 214 "title": "Winamp / Browser", 215 215 "category": "Browsing", 216 - "featured": true, 217 216 "desc": "Collection browser and search." 218 217 } 219 218 ]
-24
src/category.page.ts
··· 1 - interface Facet { 2 - url: string; 3 - title: string; 4 - category: string; 5 - desc: string; 6 - } 7 - 8 - export const layout = "layouts/kitchen-category.vto"; 9 - 10 - export default function* ({ facets }: { facets: Facet[] }) { 11 - const categories = [...new Set(facets.map((f) => f.category))] 12 - .sort() as string[]; 13 - 14 - for (const category of categories) { 15 - const slug = category.toLowerCase().replace(/\s+/g, "-"); 16 - yield { 17 - url: `/${slug}/`, 18 - title: `${category} | Diffuse`, 19 - category, 20 - slug, 21 - categoryFacets: facets.filter((f) => f.category === category), 22 - }; 23 - } 24 - }
+2 -2
src/guide.vto
··· 203 203 </p> 204 204 205 205 <p> 206 - You can disable the "Automatic Queue" feature on <a href="./dashboard/">your dashboard</a> by deleting that item, or toggling it off on the <a href="./playback/">playback category page</a>. Next, reload the interface that plays your audio; now there won't be anything in the queue. 206 + You can disable the "Automatic Queue" feature on <a href="./dashboard/">your dashboard</a> by clicking the toggle button, or removing it all together. Don't worry, you can always add it back using the <a href="./catalogue/?category=Playback">playback category page</a>. Next, reload the interface that plays your audio; now there won't be anything in the queue. Note that you have to close all the interfaces that interact with the queue, otherwise the state will be remembered. 207 207 </p> 208 208 </div> 209 209 210 210 <div class="flex"> 211 211 <p> 212 - Interfaces can also be added to your dashboard, but it's not required, you can try them out right away by clicking the link in their title. For interfaces that are more like traditional web applications, delivering more encompassing experiences, look at <a href="themes/">themes</a>. 212 + Interfaces can also be added (pinned) to your dashboard, but it's not required, you can try them out right away by clicking the link in their title. For interfaces that are more like traditional web applications, delivering more encompassing experiences, look at <a href="themes/">themes</a>. 213 213 </p> 214 214 215 215 <p>
+1
src/styles/diffuse/page.css
··· 47 47 ol { 48 48 margin: var(--space-sm) 0; 49 49 max-width: var(--container-sm); 50 + text-wrap: balance; 50 51 } 51 52 52 53 footer nav {
+1 -1
src/themes/blur/artwork-controller/element.css
··· 48 48 } 49 49 50 50 .artwork label { 51 - background: oklch(0 0 0); 51 + background: oklch(14% 0 0); 52 52 border-radius: var(--radius-sm); 53 53 box-shadow: var(--box-shadow-lg); 54 54 font-size: 64%;