···2020 - title: "Loader"
2121 todo: true
2222 desc: >
2323- **A theme that loads other themes!** Load a theme from a URL, text snippet or from your user data output.
2323+ **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!_
2424 - url: "themes/webamp/"
2525 title: "Webamp"
2626 desc: >
···319319 <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.
320320 </p>
321321 <p>
322322- 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).
322322+ 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).
323323 </p>
324324 </li>
325325 <!-- 4 -->
···339339 <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.
340340 </p>
341341 <p>
342342- 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>.
342342+ 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>.
343343 </p>
344344 </li>
345345 <!-- 6 -->
···354354 <!-- 7 -->
355355 <li>
356356 <p>
357357- <i class="ph-fill ph-chef-hat"></i> <strong>Level 7</strong>: You got promoted to chef. Time to open your own restaurant chain.
357357+ <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.
358358 </p>
359359 <p>
360360- 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.
360360+ 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.
361361 </p>
362362 </li>
363363 </div>