Andrei Lavrenov · writingEssays on shipping, design systems, and the occasional footnote.https://lav.renenA reader mode for forum stories that keeps the commentshttps://lav.ren/blog/2026-08-xenforo-story-readerhttps://lav.ren/blog/2026-08-xenforo-story-readerA Tampermonkey userscript that turns a threadmarked XenForo thread into an AO3-style reader — chapter TOC, discussion as comments, EPUB export, one file.Mon, 31 Aug 2026 10:00:00 GMTuserscriptdev-toolsjavascriptReplacing the Proximus ONT with a single SFP+ stickhttps://lav.ren/blog/2026-06-proximus-byod-ont-sfp-stickhttps://lav.ren/blog/2026-06-proximus-byod-ont-sfp-stickHow I threw out the operator's Nokia ONT and B-box and ran my whole fiber connection through one FS.com SFP+ module inside my own router — PON serial registration, VLAN 20, optical levels, and the O5.1 state. Tested on the Proximus network.Wed, 03 Jun 2026 09:00:00 GMTfiberxgs-ponproximushome-networkunifiGetting fiber to the garagehttps://lav.ren/blog/2026-05-getting-fiber-to-the-garagehttps://lav.ren/blog/2026-05-getting-fiber-to-the-garageA free install that quietly cancelled itself, then a polite installer, a shared pole, and a same-day surprise that turned "next week" into that same afternoon.Fri, 29 May 2026 09:00:00 GMTfiberbelgiumproximushome-networkBuilding an annotation editor that writes its own YAMLhttps://lav.ren/blog/2026-04-building-an-annotation-editorhttps://lav.ren/blog/2026-04-building-an-annotation-editorA dev-only visual tool for authoring the margin notes, stamps, and arrows on lav.ren. Drag to position, click to create, auto-saves to MDX frontmatter.Sun, 26 Apr 2026 18:00:00 GMTastrodev-toolsvitehmrA palette mixer for tuning ink on paperhttps://lav.ren/blog/2026-04-palette-mixer-dev-toolhttps://lav.ren/blog/2026-04-palette-mixer-dev-toolLive color tuning in the Astro dev toolbar — five axes, two modes, one SVG filter I never would have found without sliders.Sun, 26 Apr 2026 14:00:00 GMTastrodev-toolsdesigncssThree iterations of a portrait parallaxhttps://lav.ren/blog/2026-04-portrait-parallaxhttps://lav.ren/blog/2026-04-portrait-parallaxFrom CSS translate to WebGL depth-map displacement — building a 2.5D portrait effect for the homepage, one iteration at a time. Interactive demos with sliders at each step.Sun, 26 Apr 2026 10:00:00 GMTwebglcssreactparallaxretrospectiveSix attempts at folding paper with CSShttps://lav.ren/blog/2026-04-six-attempts-at-folding-paperhttps://lav.ren/blog/2026-04-six-attempts-at-folding-paperA corner-fold effect that took two days and six approaches — from empty clip-path overlays through Three.js mesh deformation back to pure CSS with a single quadratic bezier.Sat, 25 Apr 2026 09:00:00 GMTcssclip-paththreejsretrospectiveSolar tracker or just more panels? The math said panels.https://lav.ren/blog/2026-04-solar-tracker-for-my-gardenhttps://lav.ren/blog/2026-04-solar-tracker-for-my-gardenA weekend of clear-sky math to decide: single-axis tracker or two more fixed panels for the same money? At 50.76°N with 1,600 sunshine hours, it wasn't close — buy the panels.Wed, 15 Apr 2026 09:00:00 GMTsolarbelgiumretrospectiveRebuilding lav.ren in Astro (and why)https://lav.ren/blog/2026-04-rebuilding-lav-ren-in-astrohttps://lav.ren/blog/2026-04-rebuilding-lav-ren-in-astroNotes from rebuilding a four-year-old Bootstrap 4 site as Astro 5 + React islands. Zero JS on the static pages, one clever hydration pattern I almost got wrong, no regrets.Tue, 14 Apr 2026 09:00:00 GMTastroreactarchitecturemeta