A tiny science playground. Six interactive demos in chemistry, biology, and physics, live at fizzle.zainham.com.
Built as the final project for Comm 360 (Website Development) at the University of Louisville, Summer 2026. Now it just lives here.
| # | Experiment | Subject | What you do |
|---|---|---|---|
| 01 | Periodic Trends | chemistry | Color all 118 elements by radius, electronegativity, or ionization energy |
| 02 | Cell Explorer | biology | Turn animal, plant, and bacterial cells in 3D and click the parts |
| 03 | Rocket Lab: Δv | physics | Feed the Tsiolkovsky equation and see if your design reaches orbit |
| 04 | Nuclide Decay | chemistry | Watch 400 atoms walk their decay chains against real half-lives |
| 05 | Peppered Moths | biology | Play predator and shift a population across twelve generations |
| 06 | Starship Clock | physics | Compare ship time and Earth time for relativistic trips |
- Plain HTML, one external stylesheet, one small script per demo.
- No framework, no bundler, no build step, no CDN. The site works offline.
- Fonts and icons are stored in the repo, not fetched.
- Two themes (Catppuccin Latte and Mocha) with a toggle in the header.
- The guestbook writes to localStorage. There is no backend on purpose.
There is nothing to install. Open index.html in a browser, or serve
the folder with any static file server. The 404 page uses absolute
paths for GitHub Pages and only renders correctly behind a server.
GitHub Pages serves the main branch root. CNAME pins the custom
domain and .nojekyll skips the Jekyll build.
An AI assistant (Claude) helped write parts of this site, including HTML structure, CSS, JavaScript, and drafts of the prose. Each file carries a comment at the top saying so. Design direction, choice of experiments, and final editing are mine. The about page has the full note.
- Code (HTML, CSS, JavaScript): MIT.
- Prose and photographs: CC BY 4.0.
- Twemoji icons: CC BY 4.0, copyright Twitter/X and contributors.
- Fonts: Sora
(OFL) and
Karla
(OFL) under the SIL Open Font License, and
Hack under its
MIT-style license with Bitstream Vera terms.
The license texts ship in
fonts/beside the font files. - Element data comes from PubChem; rocket figures come from public NASA documentation. Facts and public-domain data carry no license.