From c385e66162f34c986ada323e6ae331272b2f6384 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Mon, 6 Apr 2026 20:08:26 +0200
Subject: [PATCH] added /feed page to replace /projects/small and
 /art/drawings; set up appropriate redirects

---
 src/lib/lists/image-gallery.svelte            |   2 +-
 src/lib/viewport/footer.svelte                |   3 +-
 src/lib/viewport/header.svelte                |  10 +-
 src/routes/art/drawings/+page.ts              |   5 +
 .../{projects/small => feed}/+page.svelte     | 104 +++++++++++-------
 src/routes/projects/small/+page.ts            |   5 +
 static/{art => feed}/banner.webp              | Bin
 static/{art => feed}/drawings/2026/0310.webp  | Bin
 .../drawings/2026/breadgirl.webp              | Bin
 static/{art => feed}/drawings/banner.webp     | Bin
 .../electronics}/3ds-usb-c/finished.webp      | Bin
 .../electronics}/3ds-usb-c/hole.webp          | Bin
 .../electronics}/3ds-usb-c/showcase.mp4       | Bin
 .../bt-speaker/20241023_175436.jpg            | Bin
 .../bt-speaker/20241024_185311.jpg            | Bin
 .../bt-speaker/20241025_224315.jpg            | Bin
 .../electronics}/deej0461/finished.webp       | Bin
 .../electronics}/deej0461/printing.webp       | Bin
 .../electronics}/deej0461/soldering.webp      | Bin
 19 files changed, 83 insertions(+), 46 deletions(-)
 create mode 100644 src/routes/art/drawings/+page.ts
 rename src/routes/{projects/small => feed}/+page.svelte (71%)
 create mode 100644 src/routes/projects/small/+page.ts
 rename static/{art => feed}/banner.webp (100%)
 rename static/{art => feed}/drawings/2026/0310.webp (100%)
 rename static/{art => feed}/drawings/2026/breadgirl.webp (100%)
 rename static/{art => feed}/drawings/banner.webp (100%)
 rename static/{projects/small => feed/electronics}/3ds-usb-c/finished.webp (100%)
 rename static/{projects/small => feed/electronics}/3ds-usb-c/hole.webp (100%)
 rename static/{projects/small => feed/electronics}/3ds-usb-c/showcase.mp4 (100%)
 rename static/{projects/small => feed/electronics}/bt-speaker/20241023_175436.jpg (100%)
 rename static/{projects/small => feed/electronics}/bt-speaker/20241024_185311.jpg (100%)
 rename static/{projects/small => feed/electronics}/bt-speaker/20241025_224315.jpg (100%)
 rename static/{projects/small => feed/electronics}/deej0461/finished.webp (100%)
 rename static/{projects/small => feed/electronics}/deej0461/printing.webp (100%)
 rename static/{projects/small => feed/electronics}/deej0461/soldering.webp (100%)

diff --git a/src/lib/lists/image-gallery.svelte b/src/lib/lists/image-gallery.svelte
index 1973c23..13fb0a4 100644
--- a/src/lib/lists/image-gallery.svelte
+++ b/src/lib/lists/image-gallery.svelte
@@ -41,7 +41,7 @@
         <button class="gallery-button" onclick={galleryForward}>&gt;</button>
     </div>
     <div class="gallery-img-container">
-        <img class="gallery-img" src={images[currentIndex].src} alt={images[currentIndex].alt}>
+        <img class="gallery-img" loading="lazy" src={images[currentIndex].src} alt={images[currentIndex].alt}>
     </div>
 </div>
 
diff --git a/src/lib/viewport/footer.svelte b/src/lib/viewport/footer.svelte
index 96e3a03..4cbe2bb 100644
--- a/src/lib/viewport/footer.svelte
+++ b/src/lib/viewport/footer.svelte
@@ -27,8 +27,7 @@
                 <a href="/projects">Projects</a>
                 <a class="link-level-2" href="/projects/projectn5">Homesick</a>
                 <a href="/blog">Blog</a>
-                <a href="/art">Art</a>
-                <a class="link-level-2" href="/art/drawings">Drawings</a>
+                <a href="/feed">Art Feed</a>
             </div>
             <div class="content-box">
                 <h6>Meta</h6>
diff --git a/src/lib/viewport/header.svelte b/src/lib/viewport/header.svelte
index 33cd1b0..33f69d7 100644
--- a/src/lib/viewport/header.svelte
+++ b/src/lib/viewport/header.svelte
@@ -1,9 +1,9 @@
 {#snippet headerLinks()}
-    <a href="/">Home</a>
-    <a href="/projects">Projects</a>
-    <a href="/blog">Blog</a>
-    <a href="/art">Art</a>
-    <a href="/meta/about">About</a>
+    <a href="/">home</a>
+    <a href="/projects">projects</a>
+    <a href="/blog">blog</a>
+    <a href="/feed">art_feed</a>
+    <a href="/meta/about">about</a>
 {/snippet}
 
 <div class="header-content">
diff --git a/src/routes/art/drawings/+page.ts b/src/routes/art/drawings/+page.ts
new file mode 100644
index 0000000..d448c48
--- /dev/null
+++ b/src/routes/art/drawings/+page.ts
@@ -0,0 +1,5 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load() {
+    redirect(308, '/feed');
+}
\ No newline at end of file
diff --git a/src/routes/projects/small/+page.svelte b/src/routes/feed/+page.svelte
similarity index 71%
rename from src/routes/projects/small/+page.svelte
rename to src/routes/feed/+page.svelte
index 407af2b..815f602 100644
--- a/src/routes/projects/small/+page.svelte
+++ b/src/routes/feed/+page.svelte
@@ -1,84 +1,112 @@
-<script>
-    import Banner2 from "$lib/banner2.svelte";
-    import SubtitledImage from "$lib/components/subtitled-image.svelte";
-    import TableOfContents from "$lib/components/table-of-contents.svelte";
+<script lang="ts">
     import Content from "$lib/viewport/content.svelte";
+    import Banner2 from "$lib/banner2.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
+    import SubtitledImage from "$lib/components/subtitled-image.svelte";
+    import ImageGallery from "$lib/lists/image-gallery.svelte";
+
 </script>
 
 <svelte:head>
-    <title>Small Projects | denizk0461</title> 
+    <title>Art Feed | denizk0461</title> 
 </svelte:head>
 
+
 <Content>
     <Banner2
-        title="My Small Projects"
-        subtitle="the ones that don't get the spotlight"
-        banner="crate.webp"
-        bannerAlt="A cardboard box filled with electronic components, tools, and screws. They are arranged in 3D printed Gridfinity containers." />
-
-    <p>Not all of my projects are big, month-long endeavours. Some of them are short and sweet. Sometimes, they're even more rewarding than the bigger ones, because you end up with a finished 'thing' much quicker! And because I like my small projects just as much as my bigger ones, I figured it would be nice to give them a space on my website as well.</p>
-
-    <p>There's more to come here! This page is very new and I will add things here gradually.</p>
+        title="Art Feed"
+        banner="banner.webp"
+        bannerAlt="Mirror picture of me, pixelated beyond recognition"
+        subtitle="subtitle missing"
+        date="2026-04-06"
+        pixelated />
 
     <TableOfContents />
 
+    <h2>My First Month Drawing</h2>
+    <p class="subtitle">self-imposed drawing challenge</p>
+    <p class="subtitle">February – March 2026</p>
+
+    <p>Here are some of my favourite drawings from that time:</p>
+
+    <ImageGallery
+        images={[
+            {
+                src: "drawings/",
+                alt: "",
+                desc: "",
+            },
+        ]}
+        />
+
+
     <h2>3DS USB-C mod</h2>
     <p class="subtitle">DIY charging port mod</p>
     <p class="subtitle">October 2024</p>
 
     <SubtitledImage
-        image="3ds-usb-c/showcase.mp4"
+        image="electronics/3ds-usb-c/showcase.mp4"
         subtitle="it charges via USB-C! also do you like my A Hat in Time theme?"
         video />
 
     <p>I modded my New 3DS XL (SNES Edition) to give it a USB-C port to charge!</p>
 
-    <SubtitledImage
-        image="3ds-usb-c/finished.webp"
-        altText="A back view at a New Nintendo 3DS XL with a USB-C port added between the charging port and the right shoulder buttons."
-        subtitle="the USB-C port in all its glory"
-        alignment="right" />
+    <ImageGallery
+        images={[
+            {
+                src: "electronics/3ds-usb-c/finished.webp",
+                alt: "A back view at a New Nintendo 3DS XL with a USB-C port added between the charging port and the right shoulder buttons.",
+                desc: "the USB-C port in all its glory",
+            },
+            {
+                src: "electronics/3ds-usb-c/hole.webp",
+                alt: "At the top is a view at a USB-C-shaped hole cut into the back half of a New 3DS XL. At the bottom is a look at the same hole from the inside of the case. There are rough cutouts where the stylus slides in.",
+                desc: "a closer look at the holes I cut, and how they affect the stylus slot",
+            },
+        ]}
+        />
 
     <p>I used a small USB-C breakout I had lying around that is wired straight into the charging pads of the original charging port, which is left completely intact. The breakout board also has a 5.1kΩ resistor between ground and one of the CC pins (which I had to manually find because it's unlabelled) to allow for using C-to-C cables.</p>
 
-    <SubtitledImage
-        image="3ds-usb-c/hole.webp"
-        altText="At the top is a view at a USB-C-shaped hole cut into the back half of a New 3DS XL. At the bottom is a look at the same hole from the inside of the case. There are rough cutouts where the stylus slides in."
-        subtitle="a closer look at the holes I cut, and how they affect the stylus slot"
-        alignment="left" />
-
     <p>What I wrecked in turn was the wrist strap loop, which I completely cut out to create the hole for the port. The stylus port also got cut down to make space, but my stylus is kind of broken and doesn't stay put when I put it into the system, so I didn't really care about that.</p>
 
     <p>It works well! The hole isn't the prettiest but it was pretty simple to pull off, and extremely cheap as well. In turn I got a 3DS that I can charge using any USB-C cable and I no longer need to lug around the proprietary 3DS charger!</p>
 
+
     <h2>deej0461</h2>
     <p class="subtitle">PC companion audio source controller</p>
     <p class="subtitle">August 2024</p>
 
     <SubtitledImage
-        image="deej0461/finished.webp"
+        image="electronics/deej0461/finished.webp"
         altText="A golden 3D printed shell with a slider on its left, two LEDs recessed, and four black buttons on its right. The buttons have symbols of speakers, monitors, and headphones printed on them. Three screws at the top are visible. A USB-C cable is plugged into the back of it."
-        subtitle="a handful of device for controlling a handful of other devices" />
+        subtitle="a handful of device for controlling a handful of other devices"
+        alignment="left"
+        smaller
+        />
     
     <p>This little device was inspired by one a friend of mine built his own version of: a <a href="https://github.com/omriharel/deej">deej</a> volume slider panel. This thing allows you to control different applications with individual, <i>physical</i>, sliders. Super cool thing.</p>
 
-    <SubtitledImage
-        image="deej0461/printing.webp"
-        altText="A Bambu Lab A1 mini 3D printer in the middle of printing casing parts using a golden filament. The printer head has two googly eyes attached."
-        subtitle="googly-eyed printer hard at work"
-        alignment="left" />
-
     <p>Except – I didn't need all these sliders, really. A single slider would be cool, I thought. You know what I really wanted? Buttons to control the audio <i>source</i>, because I switch between speakers and headphones constantly, and that's at least 3 clicks every time I want to switch. So I built a device based on deej, but with some expansions.</p>
 
     <p>I only used few components: a HID-enabled Arduino-compatible Pro Micro with USB-C controls the whole thing. Hooked up to it are four Cherry switches and a Soldering slider I had lying around from my <a href="/projects/daisy">Daisy project</a>, and I added two LEDs for good measure. It's all packaged into a 3D-printed enclosure I designed myself. The slider is screwed in tightly, and so is the top of the case; the key switches are clipped in from the top so they don't fall out; the Arduino and the LEDs are just hot-glued in. For extra flair, the four output buttons are marked with symbols for my outputs: two monitors, a pair of loudspeakers, and a pair of headphones. In the final device, they're arranged so that my two most frequently-used buttons are at the bottom for easier reach.</p>
 
     <p>Software-wise, I set this up with the original deej software to control main volume. For the audio, I used a program called <a href="https://soundswitch.aaflalo.me/">SoundSwitch</a>. The program listened to key presses for the <code>F21-F24</code> keys, which the Arduino triggers when the output keys are pressed. The red LED lights up when a key is pressed; the white LED has no assigned function. This worked pretty well, but this is no longer the setup I use, since I switched to Fedora Linux, as I needed to adapt/change the software for the new OS!</p>
 
-    <SubtitledImage
-        image="deej0461/soldering.webp"
-        altText="An Arduino set into a 3D printed case with a slider, two LEDs, and four key switches soldered to it using wires. The components are spread out and hanging out the top of the case."
-        subtitle="no PCB? no problem"
-        alignment="right" />
+    <ImageGallery
+        images={[
+            {
+                src: "electronics/deej0461/printing.webp",
+                alt: "A Bambu Lab A1 mini 3D printer in the middle of printing casing parts using a golden filament. The printer head has two googly eyes attached.",
+                desc: "googly-eyed printer hard at work",
+            },
+            {
+                src: "electronics/deej0461/soldering.webp",
+                alt: "An Arduino set into a 3D printed case with a slider, two LEDs, and four key switches soldered to it using wires. The components are spread out and hanging out the top of the case.",
+                desc: "no PCB? no problem",
+            },
+        ]}
+        />
 
     <p>When pressing a keyboard's volume button, Windows raises or lowers volume in increments of 2. Fedora does 5. I found this much handier, so I stopped reaching for the slider and just defaulted to using my keyboard. This meant I didn't bother setting up the slider in Fedora. The buttons work, though, but they needed some adjustment. I think (and I might be wrong??) that Linux doesn't support function keys past F12, so I changed the Arduino script so the buttons trigger <code>Shift + F9-F12</code>. Instead of a separate program (which kept asking to be updated...), I now use KDE's built-in Shortcuts that trigger a script. The script is one line: <code>pactl set-default-sink [sink-name]</code>. The sink name is hard-coded into the file because, as extensive testing proved, Shortcuts does not allow arguments when entering a command. I currently only have two files set up: one for the primary monitor, one for the headphones.</p>
 
diff --git a/src/routes/projects/small/+page.ts b/src/routes/projects/small/+page.ts
new file mode 100644
index 0000000..d448c48
--- /dev/null
+++ b/src/routes/projects/small/+page.ts
@@ -0,0 +1,5 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load() {
+    redirect(308, '/feed');
+}
\ No newline at end of file
diff --git a/static/art/banner.webp b/static/feed/banner.webp
similarity index 100%
rename from static/art/banner.webp
rename to static/feed/banner.webp
diff --git a/static/art/drawings/2026/0310.webp b/static/feed/drawings/2026/0310.webp
similarity index 100%
rename from static/art/drawings/2026/0310.webp
rename to static/feed/drawings/2026/0310.webp
diff --git a/static/art/drawings/2026/breadgirl.webp b/static/feed/drawings/2026/breadgirl.webp
similarity index 100%
rename from static/art/drawings/2026/breadgirl.webp
rename to static/feed/drawings/2026/breadgirl.webp
diff --git a/static/art/drawings/banner.webp b/static/feed/drawings/banner.webp
similarity index 100%
rename from static/art/drawings/banner.webp
rename to static/feed/drawings/banner.webp
diff --git a/static/projects/small/3ds-usb-c/finished.webp b/static/feed/electronics/3ds-usb-c/finished.webp
similarity index 100%
rename from static/projects/small/3ds-usb-c/finished.webp
rename to static/feed/electronics/3ds-usb-c/finished.webp
diff --git a/static/projects/small/3ds-usb-c/hole.webp b/static/feed/electronics/3ds-usb-c/hole.webp
similarity index 100%
rename from static/projects/small/3ds-usb-c/hole.webp
rename to static/feed/electronics/3ds-usb-c/hole.webp
diff --git a/static/projects/small/3ds-usb-c/showcase.mp4 b/static/feed/electronics/3ds-usb-c/showcase.mp4
similarity index 100%
rename from static/projects/small/3ds-usb-c/showcase.mp4
rename to static/feed/electronics/3ds-usb-c/showcase.mp4
diff --git a/static/projects/small/bt-speaker/20241023_175436.jpg b/static/feed/electronics/bt-speaker/20241023_175436.jpg
similarity index 100%
rename from static/projects/small/bt-speaker/20241023_175436.jpg
rename to static/feed/electronics/bt-speaker/20241023_175436.jpg
diff --git a/static/projects/small/bt-speaker/20241024_185311.jpg b/static/feed/electronics/bt-speaker/20241024_185311.jpg
similarity index 100%
rename from static/projects/small/bt-speaker/20241024_185311.jpg
rename to static/feed/electronics/bt-speaker/20241024_185311.jpg
diff --git a/static/projects/small/bt-speaker/20241025_224315.jpg b/static/feed/electronics/bt-speaker/20241025_224315.jpg
similarity index 100%
rename from static/projects/small/bt-speaker/20241025_224315.jpg
rename to static/feed/electronics/bt-speaker/20241025_224315.jpg
diff --git a/static/projects/small/deej0461/finished.webp b/static/feed/electronics/deej0461/finished.webp
similarity index 100%
rename from static/projects/small/deej0461/finished.webp
rename to static/feed/electronics/deej0461/finished.webp
diff --git a/static/projects/small/deej0461/printing.webp b/static/feed/electronics/deej0461/printing.webp
similarity index 100%
rename from static/projects/small/deej0461/printing.webp
rename to static/feed/electronics/deej0461/printing.webp
diff --git a/static/projects/small/deej0461/soldering.webp b/static/feed/electronics/deej0461/soldering.webp
similarity index 100%
rename from static/projects/small/deej0461/soldering.webp
rename to static/feed/electronics/deej0461/soldering.webp