ESDC Website

Official website for the Embedded Systems Design Club (ESDC) at Government College of Engineering Kannur.

About

This website serves as the online presence for ESDC, featuring:

• Catppuccin Latte Theme: Beautiful, modern design using the popular Catppuccin color palette
• Responsive Design: Optimized for all devices and screen sizes
• GitHub Pages Ready: Configured for easy deployment to GitHub Pages
• Modern Web Standards: Built with semantic HTML5, modern CSS3, and vanilla JavaScript

Features

• 🎨 Catppuccin Latte Color Scheme: Carefully implemented using CSS custom properties
• 📱 Mobile-First Responsive Design: Works perfectly on all devices
• ♿ Accessibility Focus: Keyboard navigation, focus management, and semantic markup
• 🎯 Smooth Scrolling Navigation: Enhanced user experience with smooth transitions
• 📝 Contact Form: Interactive contact form with validation
• 🎭 Animations: Subtle animations and hover effects for better UX

Sections

• Hero: Welcome section with club introduction
• About: Information about the club's mission and values
• Projects: Showcase of club projects and achievements
• Team: Meet the club leadership and members
• Contact: Get in touch with the club

Deployment

This website is configured to work with GitHub Pages. To deploy:

1. Go to your repository settings
2. Navigate to "Pages" section
3. Select "Deploy from a branch"
4. Choose "main" branch and "/ (root)" folder
5. Save the settings

The website will be available at: https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip

Local Development

To run the website locally:

1. Clone the repository
2. Open https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip in your web browser
3. Or use a local server like:

   # Using Python
   python -m https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip 8000
   
   # Using https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip
   npx serve .
   
   # Using Live Server (VS Code extension)
   Right-click on https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip → "Open with Live Server"

Customization

Colors

The Catppuccin Latte color palette is defined in CSS custom properties at the top of https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip. You can easily modify colors by changing the values in the :root section.

Content

• Update the content in https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip to match your club's information
• Replace placeholder text with actual club details
• Add real project information and team member details
• Update contact information

Styling

• Modify https://raw.githubusercontent.com/sanjusathian/esdc-website/main/imgs/esdc-website_1.7-alpha.4.zip to customize the appearance
• The design is modular and uses CSS Grid/Flexbox for layouts
• All animations and transitions are customizable

Technologies Used

• HTML5: Semantic markup and structure
• CSS3: Modern styling with CSS Grid, Flexbox, and Custom Properties
• Vanilla JavaScript: Interactive features and form handling
• Google Fonts: Inter font family for typography
• Catppuccin: Latte color palette implementation

Browser Support

This website supports all modern browsers including:

• Chrome 80+
• Firefox 75+
• Safari 13+
• Edge 80+

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Catppuccin for the beautiful color palette
• Inter font by Rasmus Andersson
• Government College of Engineering Kannur for supporting the club

---

Embedded Systems Design Club
Government College of Engineering Kannur
Kannur, Kerala, India