A single-page fan tribute to Andy Weir's bestselling novel and the 2026 Amazon MGM film.
A self-contained, single-page tribute site celebrating Project Hail Mary — the novel and its 2026 film adaptation. It walks visitors through the book, its (spoiler-light) premise, characters like the unforgettable Rocky, memorable quotes, the film, and the real science woven through the story.
Everything ships in a single index.html: hand-written CSS, an animated star field, a hand-drawn SVG illustration of Rocky, and Rocky's synthesized tonal "voice" rendered live in the browser via the Web Audio API. No frameworks, no build step, no dependencies.
This is an unofficial, non-commercial fan project. Project Hail Mary is © Andy Weir. The film is a production of Amazon MGM Studios. All rights belong to their respective owners.
- 🌌 Animated star field — a canvas backdrop of drifting stars
- 👽 Hand-drawn Rocky — an original inline-SVG illustration of the Eridian
- 🔊 Rocky's voice — synthesized tonal chords via the Web Audio API
- 📖 Story sections — the novel, premise, characters, quotes, film, and science
- 🎬 Film details — cast and crew of the Amazon MGM adaptation
- 📱 Responsive & accessible — mobile-friendly layout, scroll-reveal animations, and respect for reduced-motion settings
- ⭐ Custom SVG favicon — a gold star inside a teal ring
| Layer | Choice |
|---|---|
| Markup | Hand-written HTML5 |
| Styling | Vanilla CSS (custom properties, no preprocessor) |
| Graphics | Inline SVG + HTML canvas star field |
| Audio | Web Audio API |
| Hosting | GitHub Pages |
| CI/CD | GitHub Actions |
Zero runtime dependencies. The entire site is static.
No build step is required — it's plain static files.
git clone https://github.com/HighviewOne/ProjectHailMary.git
cd ProjectHailMary
# Open index.html directly in your browser, or serve it locally:
python3 -m http.server 8000
# then visit http://localhost:8000Every push to main is automatically published to GitHub Pages via
.github/workflows/deploy.yml. The site is served from the
repository root, so editing index.html and pushing is all it takes to ship.
ProjectHailMary/
├── index.html # The entire site (markup, styles, scripts)
├── favicon.svg # Gold-star-and-teal-ring favicon
├── .github/
│ ├── banner.svg # README banner
│ ├── ISSUE_TEMPLATE/ # Bug report & idea forms
│ ├── PULL_REQUEST_TEMPLATE.md
│ └── workflows/
│ └── deploy.yml # GitHub Pages deployment
├── CLAUDE.md # Notes for AI assistants: canon facts & conventions
├── LICENSE
└── README.md
Contributions and corrections are welcome — see issue and PR templates when opening one.
Since the whole site lives in index.html, keep changes focused and preview them locally before submitting.
Accuracy matters. Please cite a source for new facts about the book, film or science, and
only add quotes that appear in the novel or film. CLAUDE.md lists the canon
details that are easy to get wrong (for example, Rocky has no eyes).
Released under the MIT License for the code. Project Hail Mary, its characters, and related artwork remain the intellectual property of Andy Weir and Amazon MGM Studios; this project claims no ownership over them.