Investigations

Code Prints

HTML February 2026

Personalised code art poster builder that transforms names and messages into wall art using maritime flags, Morse code, semaphore, and more.

The idea was simple: take a name or message and encode it into something visually beautiful enough to hang on a wall. I built five encoding systems — International Maritime Signal Flags (the colourful ones ships use), Morse Code (dots and dashes), Semaphore (flag position signalling), Braille (tactile dot patterns), and Binary (8-bit ASCII).

The poster builder is a live preview tool. Type a name, pick an encoding system, and watch it render in real time. You can switch between portrait and landscape, choose paper sizes (A4, A3, A2), and select product types (print, canvas, framed). There's a letter legend and dedication field for personalisation.

The gift ideas page curates suggestions by occasion — weddings, new babies, housewarmings, graduations — each with appropriate messaging and encoding recommendations. It's the kind of thing that makes a thoughtful, unusual gift.

The whole thing is vanilla HTML, CSS, and JavaScript with SVG-based rendering. No frameworks, no build tools, no dependencies. State persists in localStorage so you can come back and continue where you left off.

What this project demonstrates

5 encoding systems: Maritime Flags, Morse, Semaphore, Braille, Binary
Live real-time preview as you type
Portrait/landscape, multiple sizes (A4/A3/A2), print/canvas/framed
Curated gift ideas for weddings, babies, housewarmings
SVG-based rendering with zero dependencies
Persistent state saved to localStorage

Technologies

SVGPosterMaritime FlagsMorse CodeArt

© 2026 Jonathan Leahy · v0.8.1-31-g196fa14