The whole site is one static HTML file. No framework, no build step, no dependencies (aside from one QR code CDN lib). Deployed to Cloudflare Pages.
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.
The whole site is one static HTML file. No framework, no build step, no dependencies (aside from one QR code CDN lib). Deployed to Cloudflare Pages.
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.