Different OS

A small, static website that helps people understand the differences between Windows, macOS, and Linux — and decide which one is right for them.

The site is built as a slide-deck-style presentation: each topic is its own slide, navigable with arrow keys, swipes, or the on-screen controls.

Live site: Deployed on Cloudflare Pages.

---

Goals

1. Give a balanced, non-evangelical overview of the three major desktop operating systems.
2. Compare them side-by-side across the criteria most people actually care about (cost, hardware, software, gaming, dev work, privacy, etc.).
3. Help a reader land on the right choice for their needs via a short selection guide.

The audience is the general computer user — someone shopping for a new machine, switching jobs, or just curious. Technical jargon is kept light.

Project structure

.
├── index.html              # Presentation entry point (slide deck)
├── about/
│   └── index.html          # About + project background
├── assets/
│   ├── css/
│   │   └── styles.css      # All styles (slide engine + content)
│   ├── js/
│   │   └── main.js         # Slide engine (keyboard, swipe, hash routing)
│   └── favicon.svg
├── docs/
│   ├── IMPLEMENTATION_PLAN.md   # Phased build-out plan
│   └── CONTENT.md               # Source-of-truth for OS facts/claims
├── _headers                # Cloudflare Pages: security + cache headers
├── _redirects              # Cloudflare Pages: clean-URL rules
└── README.md

Tech stack

• Plain HTML, CSS, and vanilla JavaScript — no framework, no build step.
• Hosted on Cloudflare Pages (just point it at the repo root).
• Light/dark mode follows the OS preference (prefers-color-scheme) and can be toggled.
• Mobile-friendly: responsive layout, swipe navigation.

Choosing zero-build keeps the project trivial to host, easy to read, and accessible to anyone wanting to contribute a fact correction or a new slide.

Running locally

Any static file server works. From the repo root:

# Python 3
python3 -m http.server 8080

# Node (if installed)
npx --yes http-server -p 8080 .

Then open http://localhost:8080/.

Navigation

Action	Key / gesture
Next slide	→, Space, Page Down, swipe left
Previous slide	←, Page Up, swipe right
First / last	Home / End
Jump to slide	Click the slide indicator dots
Toggle theme	Click the theme toggle in the top bar

The URL hash (#/3) reflects the current slide, so deep-linking and refresh both work.

Contributing

This is a documentation-style project — facts matter more than features. If you find a claim that's misleading or out-of-date, open an issue or PR with a source link.

When editing slide content:

• Slides live as <section class="slide"> elements directly inside <main> in index.html.
• Add a new slide by inserting another <section class="slide">; the JS picks it up automatically.
• Keep claims in docs/CONTENT.md in sync with the slides.

License

See repository for license details.