Thiels
It just kinda works projects.
Hey! Thiels, AI Engineer projects. Feel welcome to browse around and stuff.
012025
louq.
Portfolio for an architect
Portfolio site for architect Louis Cocquyt. A static site with a small editor built in, so he can change texts and photos himself. Every change is saved straight to GitHub, there is no server.
louq.beOn its own page
No messages yet.
Try it
022026
Tweeboomkes
Website for a GP practice
Website for a GP practice in Geel. Four languages, a live open or closed badge based on the practice hours and Belgian holidays, and a patient folder you can print.
tweeboomkes.thiels.devOn its own page
No messages yet.
Try it
032026
thiels.dev
This page, inside itself
The page you are reading, loaded once more in a frame and driven over the same bridge as the other three. Turn the editor on and change this very text: the overlay the other sites use runs here against an in-memory repo, diffs your changes, and publishes them into this tab. One level deep, then it stops.
thiels.devOn its own page
No messages yet.
Try it
How it's built
One codebase, no servers.
Every site is Astro, fully static, deployed on Vercel from a single monorepo. The people who own the sites edit texts and photos in their browser through a shared editor overlay; every change becomes a commit on GitHub, so there is nothing to host and nothing to break at 3am. This page drives the sites over a small typed postMessage bridge, and Playwright clicks through all of it before anything ships.
- Astro, static
- Vercel
- GitHub as the CMS
- Typed frame bridge
- Playwright
- One monorepo
Lettering
The wordmark is a program.
The wordmark, the mark and the favicon are all drawn by one small package: an alphabet of letters and figures laid out on a grid, a seeded hand that wobbles every stroke, and a smoother that turns the samples into SVG paths. Same seed, same drawing. Type another word or move the controls and it redraws right here.
@mono-studio/brand-lettering
Codes
A link is a drawing too.
Drop a link in and the code is drawn here, in the browser, by a second small package: the text becomes codewords, Reed Solomon adds the correction bytes, and the modules are laid out, masked and scored for the cleanest of the eight patterns. Those correction bytes are the point of the four chips: they decide how much of the printed code a scanner can lose, to a scratch, a sticker or a logo dropped on top, and still read the link. More of them means a denser code. Nothing is fetched, nothing is generated on a server, and the SVG is yours to take.
@mono-studio/qr-code
Contact
Curious how any of this works?
Questions about the setup, the editor or the bridge, or just want to say hi? Send a mail.