docs: learning machines

book.toml

@@ -14,7 +14,7 @@ assets_version = "2.1.0" # DO NOT EDIT: Managed by `mdbook-catppuccin install`
 [output]
 
 [output.html]
-additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-admonish.css", "./css/last-changed.css"]
+additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-admonish.css", "./css/custom.css"]
 default-theme = "ayu"
 preferred-dark-theme = "ayu"
 git-repository-url = "https://www.github.com/tlackemann/nullfish.dev"

css/custom.css

@@ -0,0 +1,8 @@
+footer {
+    font-size: 0.8em;
+    padding: 1em 0;
+    margin-top: 3em;
+}
+
+.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 1em; }
+.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

src/SUMMARY.md

@@ -15,8 +15,8 @@
     - [Brioche Bread]()
     - [Pizza Dough]()
     - [Skewered Pork Belly w/ Red Potato Chips]()
-- [Music]()
-  - [Modular]()
+- [Music](music/index.md)
+  - [Learning Machines](music/learning-machines.md)
 - [Programming](programming/index.md)
   - [Bootstrapping](programming/bootstrapping.md)
   - [Games](programming/games/index.md)

src/music/index.md

@@ -0,0 +1,6 @@
+# Music
+
+A few years back I got really into modular synthesizers. I still am very much interested in the subject but I have had
+far less time to experiment recently.
+
+You can listen to some of my modular recordings on YouTube as [Learning Machines](./learning-machines.md)

src/music/learning-machines.md

@@ -0,0 +1,14 @@
+# Learning Machines
+
+Learning Machines is my online music pseudonym. It's a play on "machine learning".
+
+Some of my favorite compositions are listed below. You can browse all my recorded patches on [YouTube](https://www.youtube.com/@learningmachines4463).
+
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/psAgcAEmGYE?si=mFzJS2tdvt2v4h2s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/GfXnUgyVPFI?si=sipke_g6XewxGm2N" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/yRRxKLY-crw?si=JWmUfAeSvDCkXiBj" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/pQxD9TW70ug?si=lcYXwPAEo1wXTViG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/sY0puNEPLYk?si=MWExWAK28UALgkil" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/16KN6aHDp3Y?si=tmRIi-Fft8FA25hB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/5tzSFhw4Rsc?si=MmHE_m1px8QpSFLx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/j6vdqwFGpcs?si=nP_n2C4ibnYUknuA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>