Add responsive image CSS, resize oversized images, fix aspect ratios, add lazy loading

2026-09-18 01:10:25 +00:00 · 2026-09-12 12:27:24 +02:00
parent 4c6c10b26e
commit fe315560d9
25 changed files with 42 additions and 30 deletions
@@ -34,11 +34,11 @@ parent: "/retro/"
 <p>For the internal mount I printed a <a href="https://www.thingiverse.com/thing:2664753" target="_blank">Gotek case from Thingiverse</a> that fits in the floppy bay. I used this to relocate the Storm/Cloudy TOS switcher: the 2-way switch is mounted in a slot at the front of the printed case, right where the floppy opening is. So the TOS switcher now sits at the front of the floppy bay, which meant no drilling into the case at all, and there was already space there for it.</p>

 <h2>Gallery</h2>
-<img src="gotek-switch-2.jpg" alt="The relocated TOS switcher at the front of the Gotek case" width="640" height="640">
+<img src="gotek-switch-2.jpg" alt="The relocated TOS switcher at the front of the Gotek case" width="640" height="640" loading="lazy">
 <p class="caption">The relocated TOS switcher at the front of the printed Gotek case, a clear view of how it sits in the floppy bay.</p>
-<img src="gotek-back.jpg" alt="Gotek floppy emulator rear view" width="640" height="480">
+<img src="gotek-back.jpg" alt="Gotek floppy emulator rear view" width="640" height="480" loading="lazy">
 <p class="caption">The Gotek in the 3D-printed case, with the relocated TOS switcher visible at the front.</p>
-<img src="gotek-switch.jpg" alt="Gotek with the relocated TOS switcher in the printed case" width="640" height="480">
+<img src="gotek-switch.jpg" alt="Gotek with the relocated TOS switcher in the printed case" width="640" height="480" loading="lazy">
 <p class="caption">The Gotek rear view.</p>

 <h2>Sources</h2>