Syntaxia 2023 - Official Website

A static website for Syntaxia 2023, a programming competition and tech fest organized by Technophite. The website features event information, registration details, schedules, and contact information for both undergraduate (Cybernetics Syntaxia) and postgraduate (Technophite Syntaxia) competitions.

🚀 Features

• Multi-day Event Schedule: Interactive timeline showcasing Day 1 and Day 2 events
• Event Information: Detailed modals for each competition with rules, guidelines, and event head contacts
• Responsive Design: Mobile-friendly layout using Bootstrap/MDB framework
• Contact Integration: Dedicated contact page with organizer information
• PDF Resources: Downloadable event schedule and documentation

🎯 Events Featured

Day 1 Competitions

• Project Prodigy - Project development challenge
• Bounty Hunt - Treasure hunt with puzzles and riddles
• Werewolves - Strategic gameplay event
• Brain Wave - Technical quiz competition
• Top Notch - Interface design challenge

Day 2 Competitions

• Code Wars - Programming and debugging competition
• Vis Voice - CSS design competition
• Game On - Gaming tournament
• Tangle - Multi-round technical challenge

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript
• Framework: Bootstrap 5 + MDB UI Kit
• Fonts: Google Fonts (Roboto, Share Tech Mono, VT323)
• Icons: Font Awesome 6.0
• Assets: Custom images, PDFs, and branding materials

📁 Project Structure

syntaxia2023/
├── public/
│   ├── index.html          # Main landing page
│   ├── contact.html        # Contact information page
│   ├── main.css           # Primary styles
│   ├── contact.css        # Contact page styles
│   ├── timeline.css       # Event timeline styles
│   ├── timeline.js        # Timeline interactions
│   ├── Valorax-lg25V.otf  # Custom font
│   └── static/
│       ├── images/        # Event logos, branding, assets
│       └── docs/          # PDF schedules and documentation
└── README.md

🎨 Design Features

• Interactive Timeline: JavaScript-powered event timeline with hover effects
• Modal System: Bootstrap modals for detailed event information
• Custom Typography: Blend of technical fonts (Share Tech Mono, VT323) with modern Roboto
• Gradient Styling: Custom CSS gradients and modern design elements
• Responsive Navigation: Fixed navbar with scroll-based styling changes

📱 Browser Compatibility

• Modern browsers (Chrome, Firefox, Safari, Edge)
• Mobile responsive design
• Progressive enhancement for older browsers

🚀 Quick Start

1. Clone the repository

   git clone [repository-url]
   cd syntaxia2023

2. Serve the files

   • Use any static file server (Live Server, Python's http.server, Node.js serve, etc.)
   • Open public/index.html in a web browser
   • For development: Use VS Code Live Server extension

3. Access the website

   • Main page: /index.html or /
   • Contact page: /contact.html

📧 Contact Information

Event organized by Technophite

Individual event contacts are listed within each event modal on the main page.

👥 Contributors

• Adelicia Sequeira
• Mohit Chakraborty

🎓 Educational Context

This project represents an early web development effort, showcasing:

• Static website development fundamentals
• Event-driven JavaScript programming
• CSS3 animations and responsive design
• Bootstrap framework integration
• Modal-based user interface patterns

---

Built with ❤️ for Syntaxia 2023