Projects
La Playa
La Playa
Audio player supporting playlists and drag and drop with some optional WebGL visualizations, made with vanilla JavaScript. I use this in conjunction with Autonomy CMS to make use of dynamic playlists provided by the CMS.I haven't worked on it in quite a while, but I plan to make this much nicer (the config for example is horrible, and the layout needs more options in general) and release it.
OnePage
The tool used to automatically create the page you're looking at.
It started out as a joke / experiment, but then quickly snowballed into something I really enjoy, if only to see how far I can go with it: The idea is to do everything possible in CSS: switching between pages, changing color schemes or layout options, even image popups.
There are of course huge downsides to this as well, first and foremost accessiblity. That's the one big bummer, but by definition, something that tries to squeeze everything into a single HTML file and changes state with only CSS by using hidden radio buttons or checkboxes all over the place is just... wrong.
It started out as a joke / experiment, but then quickly snowballed into something I really enjoy, if only to see how far I can go with it: The idea is to do everything possible in CSS: switching between pages, changing color schemes or layout options, even image popups.
There are of course huge downsides to this as well, first and foremost accessiblity. That's the one big bummer, but by definition, something that tries to squeeze everything into a single HTML file and changes state with only CSS by using hidden radio buttons or checkboxes all over the place is just... wrong.
Features
- Turns an arbitrarily nested site structure into a single html file, by reading in in a folder structure and converting each folder into a page, taking configuration files into account if present. This allows for very easy restructuring.
- Additional files in folders (images etc.) can also have companion configuration files to modify if/how they are displayed.
- In addition to HTML and Markdown, supports an extremely minimalistic markdown-like .jot file format: the only features are headers, links and indented lists.
- Switchable color themes, also using CSS only.
- Theoretically switchable layouts as well, but no good layouts invented to use that with yet :)
Archive
Buzzfuzz
Lorem ipsum generator to quickly generate fake data to test code or layouts with. Theoretically anyway, I made it just for fun.
It's mostly in the phrases and word lists, plus a tiny bit of code for syntax to glue it together, or generate some things only once but mention them several times, or to generate what something would have been given a different random seed, which is used in the example to generate the links to parent companies, which lead to companies actually titled that way.
It's mostly in the phrases and word lists, plus a tiny bit of code for syntax to glue it together, or generate some things only once but mention them several times, or to generate what something would have been given a different random seed, which is used in the example to generate the links to parent companies, which lead to companies actually titled that way.
Links
Canvolve
Tries to match an input image with random shapes and colors. Not everything is configurable through the UI at the moment, and it's rather slow for how crummy the results are. Still, fun.
Links
Eigenmode
A small site I once made for a friend to show off custom crafts. Comes with a tiny, also hand crafted file-based mini content-management system to allow editing any text snippet on the site, and to add/edit/remove items in the gallery.
Omnichat
PataPattern
I made this a million years ago, as an experiment and to play with JavaScript more than anything. (Seems to near some freeze mobile browsers)
pic2text
A silly little something to convert images to characters. Takes a custom set of characters and (rather naively) sorts them by brightness.
Links
Sofopad
Links
Features
- Quick note taking app made with vanilla JavaScript.
- Uses HTML inline editable elements (just click titles and content to edit)
- Saves changes automatically to local browser storage, can export/import notes as JSON
jsBoxx
Dodgy Game
- Dodgy Game
- Dodgy Game Lo-Fi Version
(doesn't really run that much faster, but looks worse :P)
A very simple game made with my own experimental game-engine thingy. Uses WebGL, needs a mouse to play properly.
johann-lau.de
Welcome!