A retro-styled tribute website to the XCOM franchise β 30+ years of humanity's last line of defense.
XCOM is one of gaming's most celebrated tactical strategy franchises β challenging players to manage a secret paramilitary organization defending Earth from alien invasion. This single-page tribute spans the entire saga, from the lo-fi isometric brilliance of the 1994 original by Mythos Games to the polished cinematic tension of the modern Firaxis era.
The site is styled after a classic 90s CRT terminal: pixel fonts, phosphor-green glow, scanline flicker, and tactical overlays. No frameworks, no build step β just static HTML, CSS, and a sprinkle of vanilla JavaScript.
"The beauty of XCOM is that every death means something. You name your soldiers. You watch them grow. And when a Chrysalid takes them in the dark, you feel it."
- π₯οΈ Authentic CRT aesthetic β scanlines, flicker, phosphor glow, and the
VT323pixel font. - π± Fully responsive β optimized for desktop and mobile, with a collapsible nav.
- βΏ Accessible β skip link,
ariaattributes, keyboard focus states, and generous touch targets. - π― Comprehensive content β game history, core mechanics, key developers, a milestone timeline, and franchise legacy.
- β‘ Zero dependencies β no bundler, no npm install, no server required.
- π SEO-ready β Open Graph tags, canonical URL, and JSON-LD structured data.
No build process or server required β just open the file:
git clone https://github.com/HighviewOne/xcom-tribute.git
cd xcom-tribute
open index.html # macOS
# or: xdg-open index.html (Linux) / start index.html (Windows)Prefer a local server (recommended for correct font preloading)?
python3 -m http.server 8000
# then visit http://localhost:8000xcom-tribute/
βββ index.html # Page markup & content
βββ styles.css # CRT theme, layout, animations
βββ script.js # Nav toggle, scroll effects, animations
βββ favicon.svg # Site icon
βββ robots.txt
βββ .github/ # Banner, issue & PR templates
Contributions are welcome! Whether it's fixing a typo, correcting franchise lore, or improving accessibility:
- Open an issue using one of the templates.
- Fork the repo and create a feature branch.
- Open a pull request β the PR template will guide you.
| Role | Attribution |
|---|---|
| Original Series | Mythos Games / MicroProse (Julian & Nick Gollop) |
| Modern Series | Firaxis Games / 2K Games (Jake Solomon) |
| Fonts | Google Fonts β VT323 |
| Icons | Unicode glyphs (lightweight, dependency-free) |
This project is licensed under the MIT License β see the LICENSE file for details.
This is an unofficial, non-commercial fan tribute. XCOM and all related trademarks are property of their respective owners (2K Games / Firaxis Games / MicroProse).
Permadeath. Overwatch. Panic. Chrysalids. The Geoscape.
Made with respect & admiration. πΈ