From febf4da884e83c964016975194ebc2cd599f391a Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Sun, 15 Jun 2025 18:23:57 +0200
Subject: [PATCH] chore: update index page

---
 src/pages/index.astro | 42 +++++++++++++++++++++++++++++++++++-------
 1 file changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index e3415f8..85e53e3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -60,8 +60,8 @@ const output = [
 ];
 
 const processors = [
-  { url: "processor/artwork/", title: "Artwork fetcher" },
-  { url: "processor/metadata/", title: "Metadata fetcher" },
+  { url: "processor/artwork/", title: "Artwork retrieval" },
+  { url: "processor/metadata/", title: "Metadata retrieval" },
   { url: "processor/search/", title: "Search" },
 ];
 ---
@@ -166,13 +166,13 @@ const processors = [
         </Applet>
 
         <Applet title="Engines" list={engines}>
-          Applets with each a singular purpose and don't have any UI. There are specialised UI
-          applets in themes that control these.
+          Applets with each a singular purpose and don't have any UI. There are specialised UI and
+          orchestrators applets that control these.
         </Applet>
 
         <Applet title="Input" list={input}>
           Inputs are sources of audio tracks. Each track is an entry in the list of possible items
-          to play. These can be files or streams. Or in other words, static or dynamic.
+          to play. These can be files or streams, static or dynamic.
         </Applet>
 
         <Applet title="Orchestrators" list={orchestrators}>
@@ -187,12 +187,40 @@ const processors = [
         </Applet>
 
         <Applet title="Processors" list={processors}>
-          These applets work with the tracks generated by the input applets to add more data to them
-          or produce more data based on the tracks.
+          These applets work with the tracks generated by the input applets to add more data to
+          them, or process them in some other way.
         </Applet>
 
         <Applet title="Supplements" list={[]}>Additional applets, such as scrobblers.</Applet>
       </div>
     </section>
+
+    <!-- BUILD YOUR OWN -->
+    <section>
+      <h2 id="yours">Build your own</h2>
+
+      <p>
+        Ideally you'd be able to mix and match these applets to build your own music player. There
+        are still a few todos and unknowns here:
+      </p>
+
+      <ul>
+        <li>
+          Haven't tested this idea cross-origin. No idea if the applets work when included on a
+          different origin (though it should).
+        </li>
+        <li>
+          Currently using a fork of the web applets SDK that adds a few features (waiting on PRs).
+          Meaning that it won't be as easy to write your own applets in the same way as done here.
+        </li>
+        <li>
+          I wrote some custom code on top of the web applets SDK that makes the applets talk to each
+          other over a broadcast channel. This should ideally become a JS library or added to the
+          web applets SDK. Though you can just copy-paste from the Diffuse repo if you want (it's
+          not that much code).
+        </li>
+        <li><em>... Probably a bunch of stuff I'm forgetting, teaching materials, ...</em></li>
+      </ul>
+    </section>
   </main>
 </Page>
-- 
2.51.2