The Code of Clues - Hackathon 2026
A detective-themed hackathon challenge where participants investigate real-world problems and build innovative solutions across 6 innovation domains.
🎯 Project Overview
The Code of Clues is an investigation-focused hackathon designed to challenge innovators to solve real-world problems through creative thinking and technological expertise.
- Event Date: April 11, 2026 (Grand Finale)
- Registration Deadline: March 8, 2026
- Team Size: 3-5 members (1 female candidate mandatory)
- Themes: Healthcare, Financial Inclusion, Climate Tech, Social Impact, Smart Infrastructure, Smart Education
📁 Project Structure
hackathon-page-main/
├── index-vanilla.html # Main landing page
├── app-vanilla.js # JavaScript functionality
├── styles-vanilla.css # Styling (premium animations)
├── package.json # Project metadata
├── .gitignore # Git ignore rules
├── README.md # This file
├── DEPLOYMENT-GUIDE.md # Deployment instructions
├── DEPLOYMENT_CHECKLIST.md # Pre-deployment checklist
└── public/ # Static assets
✨ Features
- ✅ Responsive Design - Mobile-first, optimized for all devices
- ✅ Countdown Timer - Dynamic countdown to registration deadline
- ✅ Premium Animations - Smooth, elegant, minimalist aesthetic
- ✅ Dark Theme - Sophisticated dark mode with gold accents
- ✅ Accessible - ARIA labels, keyboard navigation, focus states
- ✅ No Dependencies - Pure vanilla HTML5, CSS3, JavaScript
- ✅ Performance - GPU-accelerated animations, lazy loading
🚀 Quick Start
Option 1: Python Server
python -m http.server 8000
# Visit: http://localhost:8000
Option 2: Node.js Server
npx http-server -p 8000
# Visit: http://localhost:8000
Option 3: Direct Browser
Open index-vanilla.html directly in your browser
🎨 Design System
- Primary Dark:
#05070f
- Primary Gold:
#c6a15b
- Light Gold:
#e7d7a8
- Display Font: Playfair Display
- Body Font: Libre Baskerville
📑 Sections
- Hero - Countdown timer, tagline, CTA buttons
- About - Dual-card layout with event details
- Timeline - 5-phase event schedule
- Tracks - 6 innovation domains
- Rewards - Prize structure
- FAQ - Team requirements & event details
- Footer - Contact & links
📱 Responsive
- Mobile: <768px (single column)
- Tablet: 768px (two-column)
- Desktop: >1280px (full layout)
📋 Team Requirements
- Size: 3-5 members
- Mandatory: 1 female candidate per team
- Alternative: Individual participation option available
📅 Key Dates
| Phase |
Dates |
| Registration |
Feb 15 - Mar 8 |
| Idea Submission |
Mar 9 - 11 |
| Round 1 Results |
Mar 22 |
| Online Pitch |
Mar 28 - 29 |
| Mentorship |
Apr 4 |
| Grand Finale |
Apr 11 |
📦 Deployment
See DEPLOYMENT-GUIDE.md for hosting options:
- GitHub Pages
- Vercel
- Netlify
- Traditional hosting
✅ Checklist
See DEPLOYMENT_CHECKLIST.md for:
- Browser compatibility
- Mobile testing
- Accessibility audit
- Link verification
📄 License
MIT License - Open for community use
Status: Production Ready ✅
Last Updated: February 14, 2026
Version: 1.0.0