Personal project website for the Escape Reality outdoor community.
EscapeReality is a static multi-page website focused on:
- Outdoor activities and meetups
- Community storytelling through photos and content
- A lightweight contact flow for new participants
The project is built with plain:
- HTML
- CSS
- JavaScript
index.html- Home / Hero sectionactivities.html- Activities and participation detailsevents.html- Event timeline + upcoming event sectioninformation.html- Story + photo gallery (with lightbox)contacts.html- Contact form + Instagram fallbackadmin.html- Admin dashboard (login/logout + content management)
- Modern responsive UI
- Sticky navigation bar
- Mobile navigation menu
- Card-based activity and event layout
- Gallery lightbox (keyboard support:
Esc, arrow keys) - Contact form status messaging and fallback behavior
- SEO-friendly meta tags and Open Graph tags
- Admin dashboard for editing cards/content and managing gallery photos
EscapeReallity-main/
├─ fonts/
├─ images/
├─ index.html
├─ activities.html
├─ events.html
├─ information.html
├─ contacts.html
├─ admin.html
├─ admin.css
├─ cms-store.js
├─ cms-public.js
├─ admin.js
├─ styles.css
├─ main.js
└─ UPCOMING_UPDATES.md
Because this is a static website, you can run it by opening index.html directly in your browser.
For a better local dev experience, use any static server, for example:
# Python 3
python -m http.server 5500Then open:
http://localhost:5500
Current/target hosting workflow:
- GitHub repository as source control
- Hosting via Vercel (planned/ongoing)
See UPCOMING_UPDATES.md for next planned improvements.
- Admin panel URL:
./admin.html - Default credentials:
- Username:
admin - Password:
escape2026
- Username:
Important:
- Current admin/content layer is based on browser storage (
localStorage) for quick management before full backend hosting. - For production-grade security and multi-user persistence, migrate to a real backend (Auth + DB + Storage).
Designed and developed by spandreou
GitHub: https://github.com/spandreou