🖥️ Windows 95 Portfolio Website

A fully interactive Windows 95-themed portfolio

🌐 Live Demo | 📧 Contact | 🐙 GitHub

---

🎯 About This Project

This portfolio website is a fully functional recreation of the Windows 95 desktop environment, complete with draggable windows, a working Start menu, taskbar, and authentic UI elements. Built entirely from scratch using vanilla JavaScript, HTML, and CSS—no frameworks, just pure nostalgia and code.

✨ Features

🪟 Authentic Windows 95 Experience

• Fully Draggable Windows - Click and drag windows around the desktop just like the real thing
• Resizable Windows - Grab any edge or corner to resize windows
• Minimize/Maximize/Close - All window controls work perfectly
• Working Taskbar - Shows active windows with functional minimize/restore
• Start Menu - Classic cascading menu system with hover effects
• System Clock - Real-time clock display in the taskbar

🎨 Theme Customization

Change the entire color scheme through the Control Panel! Available themes:

• Original - Classic Windows 95 teal desktop
• Rose - Elegant rose-tinted theme
• Eggplant - Deep purple aesthetic
• Pumpkin - Warm orange vibes
• Marine - Cool ocean blues
• Raindrop - Fresh aqua tones

Themes are saved to localStorage and persist across sessions.

📂 Desktop Applications

💻 My Computer

View detailed information about me:

• Name, role, and contact details
• Professional bio and background
• Current education and career status

📁 Projects

Showcase of major projects including:

• Hoshmand Afarin Inc - Internal website for renewable energy startup
• Windows 95 Portfolio - This very website! (Meta!)
• GVSS Holiday Charity Drive - Community leadership project

Each project includes:

• Description and impact
• Technologies used
• GitHub links (where applicable)

📝 Resume.txt

Full resume in classic Notepad style:

• Work experience
• Education history
• Technical skills
• Leadership roles
• Awards & certifications

Styled with monospace font and menu bar for authentic Notepad feel.

⚙️ Skills.exe

Visual skill breakdown with animated progress bars:

• Programming Languages: Java, C, Python, JavaScript
• Web Development: HTML, CSS, Node.js
• Tools: Git, Linux, Bash, VS Code
• Leadership: Project Management, Team Leadership

Bars fill with smooth animations when opened!

📧 Contact

Multiple ways to reach out:

• Email: kiankhooban@gmail.com
• GitHub: @kiankhooban
• LinkedIn: kiankhooban

🎛️ Control Panel

System settings and information:

• Theme selector with live preview
• System information display
• Portfolio version info
• User details

🗑️ Recycle Bin

Because every Windows 95 desktop needs one! (Currently empty, because I don't delete bugs—I call them features 😄)

🚀 BIOS Boot Sequence

The website features an Award BIOS-style boot animation before loading the desktop:

• Authentic BIOS text layout with header and status bar
• Hardware detection sequence
• Memory test simulation
• DMI pool verification
• Animated loading spinner
• Automatic transition to desktop

🛠️ Technical Highlights

Pure Vanilla JavaScript

• Object-Oriented Design - Desktop management handled by a comprehensive DesktopManager class
• Event-Driven Architecture - Efficient event listeners for drag, resize, and window management
• Z-Index Management - Automatic window layering and focus handling
• LocalStorage Integration - Theme preferences persist across sessions

CSS Mastery

• CSS Variables - Complete theme system powered by custom properties
• Gradient Effects - Authentic Windows 95 title bar gradients
• Inset Borders - Pixel-perfect recreation of classic UI bevels
• Responsive Design - Works on modern screens while maintaining retro aesthetic

Custom Font

Uses the W95FA font for authentic Windows 95 typography

📁 Project Structure

Portfolio/
├── index.html          # BIOS boot screen
├── desktop.html        # Main desktop interface
├── script.js           # Boot sequence logic
├── desktop.js          # Desktop management system
├── styles.css          # Boot screen styles
├── desktop.css         # Desktop & window styles
├── Fonts/              # Custom Windows 95 font
│   └── W95FA.otf
├── photos/             # Icons and images
└── CNAME               # Custom domain config

🎮 How to Use

1. Wait for Boot - Enjoy the nostalgic BIOS sequence
2. Explore Desktop Icons - Double-click any icon to open a window
3. Use Start Menu - Click the Start button for cascading menus
4. Drag Windows - Click and drag title bars to move windows
5. Resize Windows - Grab edges or corners to resize
6. Change Themes - Open Control Panel to customize colors
7. Check Taskbar - Minimize windows and restore them from the taskbar

🌐 Live Demo

Visit the live site: kiankhooban.com

📜 License

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

---