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

Configure Feed

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

chore: couple minor index page adjustments

+9 -5
+5 -5
src/index.vto
··· 20 20 - title: "Loader" 21 21 todo: true 22 22 desc: > 23 - **A theme that loads other themes!** Load a theme from a URL, text snippet or from your user data output. 23 + **A theme that loads other themes!** Load a theme from a URL, text snippet or from your user data output. _If you're taking the first steps to customize, checkout the [constituents loader](#constituents) first!_ 24 24 - url: "themes/webamp/" 25 25 title: "Webamp" 26 26 desc: > ··· 319 319 <i class="ph-fill ph-pepper"></i> <strong>Level 3</strong>: Now that you know which food is good and how to make combinations, you might make a slight customization, add a little something of your own (eg. add some spice). However, you're not quite confident enough which spice to pick, so you hire some help. 320 320 </p> 321 321 <p> 322 - This can be done using the <a href="#constituents-loader">constituents loader</a> which allows you to build on top of a familiar foundation and load custom constituents. People might share their own, or maybe you use an LLM to generate something for you (eg. an album art gallery). 322 + This can be done using the <a href="#constituents-loader">constituents loader</a> which allows you to build on top of a familiar preconfigured foundation and load custom constituents. People might share their own, or maybe you use an LLM to generate something for you (eg. an album art gallery). 323 323 </p> 324 324 </li> 325 325 <!-- 4 --> ··· 339 339 <i class="ph-fill ph-cooking-pot"></i> <strong>Level 5</strong>: At this point you're confident enough to make a meal from scratch. You can start very simple, eg. just throwing a steak in the pan with some butter and some salt to it. Then later add some baked potatoes and go from there. 340 340 </p> 341 341 <p> 342 - A similar tool comes into play here, the <a href="#themes-loader">themes loader</a>. Same concept as the constituents loader, but now you need to specify the foundation yourself. You can use the <a href="#elements">elements</a> listed below to do so. The code for these is available from this website or through the <a href="#">Javascript package</a>. 342 + A similar tool comes into play here, the <a href="#themes-loader">themes loader</a>. Same concept as the constituents loader, but now you need to specify the foundation yourself. You can use the <a href="#elements">elements</a> listed below to do so. The code for these is available from this website or through the <a href="https://jsr.io/@toko/diffuse">Javascript package</a>. 343 343 </p> 344 344 </li> 345 345 <!-- 6 --> ··· 354 354 <!-- 7 --> 355 355 <li> 356 356 <p> 357 - <i class="ph-fill ph-chef-hat"></i> <strong>Level 7</strong>: You got promoted to chef. Time to open your own restaurant chain. 357 + <i class="ph-fill ph-chef-hat"></i> <strong>Level 7</strong>: You got promoted to master chef. Time to open your own restaurant chain. 358 358 </p> 359 359 <p> 360 - You can self-host Diffuse, it's <a href="https://tangled.org/tokono.ma/diffuse/blob/v4/">open-source</a>! Or you present your own collection of elements and however you want to present them. 360 + You can self-host Diffuse, it's <a href="https://tangled.org/tokono.ma/diffuse/blob/v4/">open-source</a>! Or you present your own collection of elements. 361 361 </p> 362 362 </li> 363 363 </div>
+4
src/styles/diffuse/page.css
··· 159 159 margin-bottom: var(--space-xs); 160 160 margin-top: var(--space-2xs); 161 161 opacity: 0.6; 162 + 163 + a { 164 + text-underline-offset: 3px; 165 + } 162 166 } 163 167 164 168 .table-of-contents {