A warm, cozy, personalized retro-futuristic web "operating system" — a digital gift designed to make someone feel deeply seen, heard, and special.
"A little space made just for you — full of warmth, wonder, and things that remind me of you."
JAXY OS is an interactive web experience built with pure HTML, CSS, and JavaScript. It features a boot screen, an OS-style desktop interface, and 10 interactive modules — each referencing real conversations and shared moments.
- 🖥️ Boot Screen — Personalized welcome with sunflower animation
- 🧸 Cozy Corner — Warm blanket fort vibes, Milo, rain sounds, cuddle mode
- 🎵 Music Lounge — Heartless by The Weeknd with lyrics + sing-along mode
- 💃 Dance Floor — Vas Dans tutorial with beat visualizer and step-by-step guide
- 🎨 Creative Studio — Drawing canvas with tools, colors, brush sizes, and undo
- 🍣 Foodie Lab — Her favorite foods with fun facts + interactive quiz
- 🐱 Cat Café — Virtual cats with pet/feed/adopt interactions and happiness meters
- 🌻 Sunflower Garden — Personalized affirmations that bloom when picked
- 🌊 Beach Escape — Calming waves, floating seashells, and daydream prompts
- ✨ Glow Mode (Unlockable) — Unlocks after exploring 4+ modules — sweet compliments and playful challenges
- 💌 Message Wall — Placeholder for future voice notes and messages
- 🏆 Progress Tracker — Smiles collected, tier system (Bronze → Diamond), milestone celebrations with confetti
- HTML5 — Semantic, accessible markup
- CSS3 — Custom properties, animations, flexbox/grid, responsive design
- Vanilla JavaScript — No frameworks, clean modular code
- Web Audio API — Sound effects (chimes, purring, rain)
- localStorage — Progress persistence
- GitHub Pages — Free hosting
cd jaxy-os
python3 -m http.server 8080
# Open http://localhost:8080 in your browserOr with any static file server:
npx serve .This site is designed to be deployed on GitHub Pages:
- Push this repository to GitHub
- Go to Settings → Pages
- Select the main branch as the source
- Your site will be live at
https://[username].github.io/jaxy-os/
jaxy-os/
├── index.html # Main HTML shell with boot screen + OS layout
├── styles/
│ └── main.css # Full design system with CSS variables
├── scripts/
│ ├── main.js # Core application shell & interactions
│ ├── modules.js # All 10 module renderers
│ ├── progress.js # localStorage progress tracker
│ └── sounds.js # Web Audio API sound manager
├── data/
│ └── content.json # All personalized text content
├── assets/ # Ready for images, sounds, icons
└── README.md
| Condition | Unlock |
|---|---|
| Visit any module | Tracked as visited |
| Visit 4 modules OR collect 150 smiles | Glow Mode unlocks |
| 25% progress | Milestone celebration 🎉 |
| 50% progress | Milestone celebration 🎉 |
| 75% progress | Milestone celebration 🎉 |
| 100% progress | Milestone celebration 🎉 |
| 0 smiles | 🥉 Bronze tier |
| 50 smiles | 🥈 Silver tier |
| 100 smiles | 🥇 Gold tier |
| 200 smiles | 💎 Platinum tier |
| 350 smiles | 👑 Diamond tier |
- Colors: Soft sunflower yellow, blush pink, warm cream, sage green, lavender
- Typography: Nunito (headings), Inter (body), Caveat (handwritten notes)
- Animations: Gentle, calming transitions (300–600ms)
- Accessibility: ARIA labels, focus-visible outlines, prefers-reduced-motion support
All text content is stored in data/content.json — making it easy to update messages, affirmations, food items, cat names, and quiz questions without touching the code.
- Mobile-first responsive design
- Touch-friendly interactions on canvas and cards
- Viewport-optimized for phones
- iOS AudioContext pooling for sound
- PWA support (installable app feel)
- Voice note recording in Message Wall
- Expanded Glow Mode content
- More personalized modules
- Physical companion: 3D-printed sunflower or cat figurine
Jacky — with care, thoughtfulness, and a whole lot of admiration.
"Every corner of this place was made with you in mind. Take your time, explore, and feel at home."