Everything Documentation

The hidden index of organized chaos

Quick Overview

Everything is a massive, intentionally chaotic website celebrating organized chaos. The code is clean and well-structured; the visual design is deliberately wild and varied.

Core Principles

• Code is organized, presentation is chaos
• Each page is a complete thematic world
• Discovery is rewarded with easter eggs
• Cultural sections are done thoughtfully
• The music ties everything together

Tech Stack

• Vanilla HTML, CSS, JavaScript
• ES6 Modules for JS organization
• CSS Custom Properties for theming
• No build tools required

File Structure

everything/
├── index.html              # Homepage
├── docs/                   # This documentation
├── pages/                  # All HTML pages
│   ├── retro/             # Windows XP, etc.
│   ├── aesthetic/         # Hell, Heaven, etc.
│   ├── games/             # Interactive games
│   └── ...
├── css/
│   ├── core/              # Reset, variables, typography
│   ├── components/        # Music player, nav
│   └── themes/            # 18 planned themes
├── js/
│   ├── core/              # App, utils
│   ├── components/        # Player, nav
│   └── games/             # Game modules
└── assets/
    └── music/             # Octi_Everything.mp3