Feat: documentation, UI/UX

website/src/pages/index.astro

@@ -94,6 +94,9 @@ const DL = 'https://dlcagire.raphaelforment.fr';
     <p class="note">Source code and issue tracker on <a href="https://github.com/Bubobubobubobubo/cagire">GitHub</a>. You can also compile the software yourself from source!</p>
 
 
+    <h2>Documentation</h2>
+    <p>Cagire ships with built-in interactive documentation — browse it inside the app with runnable examples, or <a href="/docs">read the static version here</a>.</p>
+
     <h2>About</h2>
     <p>Cagire is a step sequencer where each step contains a Forth script instead of typical note data. When the sequencer reaches a step, it runs the associated script. Scripts can produce sound, trigger samples, apply effects, or do nothing at all. You are free to define what your scripts will do. Cagire includes a built-in audio engine called <a href="https://doux.livecoding.fr">Doux</a>. No external software is needed to make sound. It comes with oscillators, sample players, filters, reverb, delay, distortion, and more.</p>
 
@@ -125,7 +128,7 @@ const DL = 'https://dlcagire.raphaelforment.fr';
     <video src="/mono_cagire.mp4" autoplay muted loop playsinline></video>
 
     <p class="colophon">
-        <a href="https://raphaelforment.fr">BuboBubo</a> · Audio engine: <a href="https://doux.livecoding.fr">Doux</a> · <a href="https://github.com/Bubobubobubobubo/cagire">GitHub</a> · AGPL-3.0    </p>
+        <a href="https://raphaelforment.fr">BuboBubo</a> · Audio engine: <a href="https://doux.livecoding.fr">Doux</a> · <a href="https://github.com/Bubobubobubobubo/cagire">GitHub</a> · <a href="/docs">Docs</a> · AGPL-3.0    </p>
 
     <script is:inline src="/script.js"></script>
 </body>