Skip to content

HighviewOne/xcom-tribute

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

X-COM: A Tribute

X-COM: A Tribute

A retro-styled tribute website to the XCOM franchise β€” 30+ years of humanity's last line of defense.

Live Site License: MIT

HTML5 CSS3 JavaScript No Build PRs Welcome


πŸ“‘ Overview

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."

✨ Features

  • πŸ–₯️ Authentic CRT aesthetic β€” scanlines, flicker, phosphor glow, and the VT323 pixel font.
  • πŸ“± Fully responsive β€” optimized for desktop and mobile, with a collapsible nav.
  • β™Ώ Accessible β€” skip link, aria attributes, 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.

πŸš€ Getting Started

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:8000

πŸ—‚οΈ Project Structure

xcom-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

🀝 Contributing

Contributions are welcome! Whether it's fixing a typo, correcting franchise lore, or improving accessibility:

  1. Open an issue using one of the templates.
  2. Fork the repo and create a feature branch.
  3. Open a pull request β€” the PR template will guide you.

πŸ“œ Credits

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)

βš–οΈ License

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. πŸ›Έ

About

πŸ›Έ A retro CRT-styled tribute website to the XCOM franchise β€” 30+ years of tactical alien defense. Pure HTML/CSS/JS, no build step.

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors