Skip to content

Repository files navigation

Computer Engineering Department - Y2K Prototype Website

A retro-themed website for the Computer Engineering Department at Carmel Polytechnic College, featuring a nostalgic Y2K design aesthetic with modern functionality.

Y2K Theme HTML5 CSS3 JavaScript

🌟 Features

  • Retro Y2K Design: Pixel-perfect styling with "Press Start 2P" font and classic orange/black color scheme
  • Interactive Syllabus: Real-time search functionality across all semesters and courses
  • Responsive Layout: Modern flexbox and grid layouts optimized for all devices
  • Department Showcase: Faculty spotlights, lab information, and program details
  • Mission & Vision: Comprehensive display of educational objectives and outcomes

🚀 Quick Start

Option 1: Direct File Opening

Simply open index.html in your web browser to view the site locally.

Option 2: Local Server (Recommended)

# Using Python
python -m http.server 8000

# Using Node.js
npx http-server -p 8000

# Using PHP
php -S localhost:8000

Then visit http://localhost:8000 in your browser.

📁 Project Structure

wt-oe/
├── index.html          # Main homepage
├── syllabus.html       # Interactive syllabus page
├── style.css          # Main stylesheet (Y2K theme)
├── syllabus.css       # Syllabus-specific styles
├── script.js          # Search functionality
├── image.png          # Local image asset
├── .gitignore         # Version control ignores
├── WARP.md           # Development guidelines for WARP
└── README.md         # This file

🎨 Design System

Color Palette

  • Primary: #ff6600 (Orange) - Accents and interactive elements
  • Background: #000000 (Black) - Main background
  • Text: #ffffff (White) - Primary text color
  • Hover States: Color inversions and glowing effects

Typography

  • Font Family: "Press Start 2P" - Retro gaming monospace font
  • Sizes: Hierarchical scaling from 10px to 60px for headers

Components

  • Animated blinking cursor in logo
  • Hover effects with color inversions
  • 2px solid borders for pixelated aesthetic
  • CSS-only animations for smooth transitions

🔍 Interactive Features

Syllabus Search

The syllabus page includes a powerful search system that allows filtering by:

  • Course codes (e.g., "3131", "4001")
  • Course names (e.g., "Programming in C")
  • Categories (e.g., "Programme core")
  • Semester numbers (e.g., "Semester 3")

Usage: Type in the search box to instantly filter courses across all semesters.

🏫 About the Department

Carmel Polytechnic College - Computer Engineering Department

  • Established: 2003 (Self-financing scheme)
  • Notable Achievement: Alumni contributed to VCONSOLE video conferencing app for Government of India
  • Programs: 6-semester diploma program with comprehensive curriculum
  • Specializations: Software Development, Hardware & Networking, CAD

Mission

  • Impart in-depth knowledge to improve problem-solving abilities
  • Enlighten individuals about technological breakthroughs
  • Promote teamwork and leadership with ethical and social values

📚 Curriculum Highlights

The curriculum spans 6 semesters covering:

  • Foundation: Mathematics, Physics, Chemistry, English
  • Core Engineering: Programming, Database Systems, Computer Networks
  • Specialization: Embedded Systems, Cloud Computing, AI & ML
  • Projects: Minor (Semester 4) and Major (Semesters 5-6) projects

🛠️ Development

Prerequisites

  • Modern web browser (Chrome, Firefox, Safari, Edge)
  • Text editor or IDE
  • Optional: Local web server for development

Contributing

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Code Style

  • Maintain the Y2K retro aesthetic
  • Use consistent 2px borders and orange (#ff6600) accents
  • Follow existing HTML structure and CSS organization
  • Test search functionality when modifying syllabus data

🌐 Deployment

This is a static website that can be deployed on any web hosting service:

  • GitHub Pages: Enable in repository settings
  • Netlify: Drag and drop the project folder
  • Vercel: Connect your GitHub repository
  • Traditional Hosting: Upload files via FTP

📞 Contact Information

Computer Engineering Department
Carmel Polytechnic College
📧 Email: info@carmelpoly.in
📱 Phone: +91-477-2287825
🌐 Website: carmelpoly.in

📝 License

This project is open source and available under the MIT License.

🙏 Acknowledgments

  • Font: Press Start 2P by CodeMan38
  • Icons: Font Awesome 6.0.0-beta3
  • Design Inspiration: Y2K aesthetic and retro computing interfaces
  • Institution: Carmel Polytechnic College

Made with 💻 and nostalgia for the Y2K era

About

Retro Y2K-themed prototype website for Computer Engineering Department at Carmel Polytechnic.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages