Reverse-engineer
Study how the Universe site does its cursor trail, text decode and mascot, then write original versions.
community project / built with GitHub Copilot
Coloured glyphs snap to a 20px grid behind your cursor, nav labels decode when you leave them, and the octopus follows you around.
Swim with the arrow keys or WASD (or drag on touch screens). Dodge the sharks, grab pearls, and keep your three hearts.
GitHub Pages can host far more than documentation. Scroll-driven stories, canvas games, generative art and live dashboards. All static files, all free, all yours.
Glyph trails, magnetic buttons, tilting cards and an octopus that watches your cursor. Hover any card here.
interactive effects in this one page
libraries, build steps or servers
public repos, fetched live from the GitHub API when this page loaded
Vertical scroll drives a horizontal timeline further down this page.
Shark Dodge is about 300 lines of vanilla JS. No engine needed.
Study how the Universe site does its cursor trail, text decode and mascot, then write original versions.
A public repo with GitHub Pages enabled, so every change is reviewable at a real URL.
Cat, robot, ghost, octopus. The octopus won, and it follows your cursor.
Dodge the sharks, grab pearls, keep your hearts. All drawn on a canvas.
Reveals, word scrubbing, parallax, counters and this very pinned timeline.
Drop the kit into your real repo pages, one script and one stylesheet each.