What's in it:
100 fake Satoshi Nakamoto quotes with deep-linking (each quote gets a hash URL)
A 21-episode AI-generated podcast called "The Satoshi Tapes" with a full HTML5 audio player (progress bar, seek, auto-advance, waveform animation)
Share-to-X with pre-formatted tweet text per episode
A Save Image feature that composites quotes onto a canvas with a background image, gold border, typography, and branding — all drawn client-side with Canvas API
OG meta tags for social sharing previews
Bitcoin donation section with a QR code Keyboard shortcuts, swipe-to-next on mobile, scroll reveal animations
A few easter eggs in the source for anyone who View Sources
Technical bits that might be interesting:
Glass morphism CSS with backdrop-filter, SVG noise textures, and CSS mask-image for a radial fade on a background silhouette
The share image is generated entirely on a <canvas> — background image composited with overlays, vignette, text shadow, and dynamic word wrapping
IntersectionObserver for scroll-triggered animations with prefers-reduced-motion support Single-letter keyboard shortcuts coexist with a multi-letter easter egg sequence using a 600ms debounce buffer
Image fallback pattern throughout: WebP with <picture>, onerror hides the broken img and shows an emoji fallback
The whole thing started as a joke and turned into an excuse to see how far you can push a single HTML file. View Source is part of the experience.