Colophon
This site is intentionally lean: no framework, no build step, no tracking. Below is everything external it relies on, with links and licences.
Typography
Designed by Monotype for the Google Noto project. The only typeface used on this site — covers both Latin and Arabic scripts in a single, cohesive family with identical optical weight across both scripts.
A privacy-first alternative to Google Fonts, operated by Bunny.net. No cookies, no cross-site tracking, GDPR-compliant by design. The font is requested from fonts.bunny.net rather than fonts.googleapis.com.
JavaScript
A lightweight confetti browser animation by Sebastian Wetzel. Loaded on demand via a dynamic import() — zero cost until the copy button is pressed. Configured with fade: true and an origin point anchored to the button's screen position.
CDN & delivery
The confetti library is served from jsDelivr's global edge network via the +esm endpoint, which delivers the package as a native ES module with no bundling required on this end.
Design reference
A set of interface patterns covering accessibility, focus management, touch targets, safe areas, motion, and copy conventions. Several patterns were applied directly: skip links, aria-live on async controls, translate="no" on identifiers, curly quotes in body text, and text-wrap: balance on headings.
Animation easing tokens (ease-out, ease-in-out, ease-drawer), hover-media-query gating, scale(0.97) press feedback, and staggered nth-child reveals are all drawn from Emil's published guidelines on crafting interfaces that feel physical.
Everything else
The HTML, CSS, and JavaScript are written by hand with no framework, no preprocessor, and no bundler.