Multi-Theme Portfolio Website

A personal UX portfolio website for Tanaya Shekatkar with three playful, nostalgic themes.

🎨 Themes

Three Distinct Themes:

1. 🎮 Mario Theme (Default)

   • Classic NES blue palette
   • Retro 8-bit pixel art style
   • Sharp corners and bold shadows

2. ⚡ Pokémon Theme

   • Card-based design
   • Soft yellow, red, and blue colors
   • Rounded corners and energetic hover effects

3. 🔵 Doraemon Theme

   • Light blue and white color scheme
   • Very rounded, friendly design
   • Soft shadows and gentle animations

Theme Switcher: Located in the navigation bar on every page. Your theme choice is saved and persists across page reloads.

Design Philosophy: Professional yet playful, nostalgic yet modern. Perfect for a UX designer portfolio.

📁 File Structure

Hackathon 2/
├── index.html           # Home page
├── cv.html              # CV/Resume page
├── quest.html           # Portfolio/Project page
├── Profile.png          # Profile image
├── css/
│   └── main.css         # All theme styles
├── js/
│   └── theme-switcher.js # Theme switching logic
├── images/
│   └── README.txt
├── README.md            # This file
└── THEME_SYSTEM.md      # Complete theme documentation

🎨 Using the Theme Switcher

1. Click any theme button in the navigation bar (Mario, Pokémon, or Doraemon)
2. Theme changes instantly - no page reload needed
3. Your choice is automatically saved
4. Theme persists across all pages and future visits

Accessibility: Fully keyboard accessible with screen reader support.

🚀 Navigation

• Home - Hero section with introduction
• CV - Complete curriculum vitae
• Portfolio - Featured project (Marvin AI Assistant)

📝 Pages Overview

Home (index.html)

• Profile image
• Name and role
• Current position at SAP Signavio
• Links to CV and portfolio

CV (cv.html)

• Work experience
• Education
• Skills
• Certifications
• Contact information

Portfolio (quest.html)

• Featured project with expandable sections
• Problem, Process, and Results
• Tools and skills used

✨ Features

• ✅ Three unique themes (Mario, Pokémon, Doraemon)
• ✅ Instant theme switching with localStorage persistence
• ✅ Fully responsive (mobile, tablet, desktop)
• ✅ WCAG AA accessible (keyboard navigation, screen readers, high contrast)
• ✅ Smooth animations (respects prefers-reduced-motion)
• ✅ Professional design with playful, nostalgic touches
• ✅ No copyrighted images - abstract themes only
• ✅ Fast performance - lightweight CSS and vanilla JS

📚 Documentation

For detailed theme system documentation, see THEME_SYSTEM.md

🔗 Links

• Portfolio: https://tanayaux.wixstudio.com/website
• LinkedIn: https://www.linkedin.com/in/tanaya-shekatkar
• Email: tanaya.ux@gmail.com

🛠️ Technical Stack

• HTML5 - Semantic markup
• CSS3 - Custom properties for theming
• Vanilla JavaScript - No dependencies
• Press Start 2P Font - Google Fonts

---

Built with pixel-perfect precision 🎮⚡🔵