Complete ÆTHER interactive cosmic experience

README.md

@@ -1 +1,67 @@
-# aether
+# ✦ ÆTHER — Experience the Cosmos
+
+An interactive cosmic experience built with pure code.
+
+**Zero images. Zero frameworks. Zero dependencies. One file.**
+
+## 🌌 Live Demo
+
+[https://mlauenborg.github.io/aether/](https://mlauenborg.github.io/aether/)
+
+## ✨ Features
+
+- 🌌 Procedural 3-layer starfield with parallax scrolling and twinkling
+- ☄️ Randomly spawning shooting stars with gradient trails
+- 🔮 Drifting nebula clouds and aurora overlay
+- 🟣 Morphing orb with concentric rings and mouse-reactive 3D tilt
+- ✨ Custom three-layer cursor system (dot, ring, glow)
+- 🎞️ Animated SVG film grain for cinematic texture
+- 📜 Scroll-triggered reveal animations via IntersectionObserver
+- 📱 Fully responsive — optimized star counts and cursor on mobile
+- 🎨 Glassmorphism bento grid with animated gradient borders
+
+## 🛠 Tech
+
+Everything is contained in a single `index.html` file:
+
+- **Canvas API** — procedural starfield and shooting stars
+- **CSS animations** — morphing orb, aurora drift, nebula float, film grain
+- **SVG filters** — fractal noise for film grain texture
+- **IntersectionObserver** — scroll-triggered reveal animations
+- **Google Fonts** — Inter + Playfair Display
+
+No build step. No dependencies. No bundler. Just open the file.
+
+## 🚀 Deploy
+
+This site is designed for **GitHub Pages**:
+
+1. Go to your repository **Settings → Pages**
+2. Set source to **Deploy from a branch**
+3. Select the **main** branch and **/ (root)** folder
+4. Save — your site will be live at `https://<username>.github.io/aether/`
+
+Or simply open `index.html` in any browser.
+
+## 📁 Structure
+
+```
+aether/
+├── index.html   ← The entire experience
+└── README.md    ← You are here
+```
+
+## 🎨 Color Palette
+
+| Color   | Hex       | Usage          |
+|---------|-----------|----------------|
+| Space   | `#030014` | Background     |
+| Indigo  | `#6366f1` | Primary accent |
+| Purple  | `#8b5cf6` | Gradients      |
+| Cyan    | `#06b6d4` | Highlights     |
+| Rose    | `#f43f5e` | Warm accents   |
+| Amber   | `#f59e0b` | Subtle warmth  |
+
+## 📝 License
+
+MIT