feat: setup initial structure for python mini project

[Siddh2024]

🛠️ PR Description

Closes #684

📝 Summary of Changes

This PR addresses the structural navigation redundancies, layout off-centering, and visual limitations of the legacy UI/UX. It replaces the static layout with a high-end, responsive system featuring a perfectly centered desktop layout, an observer-driven sidebar dock, and custom category-themed micro-interactions.

---

💎 Key Implementations

1. Layout Refactoring & Scroll-Bound Docking

• Removed the redundant top navbar component on subpages to reclaim screen real estate.
• Centered the main Hero and Timeline shells on desktop viewports.
• Implemented an efficient IntersectionObserver that tracks the timeline threshold, sliding the .sidebar-dock into position seamlessly once the user scrolls past the primary hero folds.

2. Advanced Glassmorphism & Branding Aesthetics

• Introduced a premium, micro-interactive py.mini() logo header featuring a 1.12 scaling factor and a 12deg rotational shift upon hover states.
• Refactored status indicators and welcome badges using translucent borders, frosted filter backdrops, and custom CSS keyframe silver shimmer reflections.
• Added an asynchronous dual-glow keyframe pulse to the live operational status dot (#ef4444) alongside a breathing cyan neon indicator.

3. Dynamic Category-Themed Sidebar UI

• Migrated from static global accents to an adaptive CSS variable system mapping individual theme colors directly to specific modules:
  • Arcade & Games: Neon Pink (#ec4899)
  • Maths: Cosmic Indigo Blue (#6366f1)
  • Utilities: Mint Green (#10b981)
  • Favorites: Amber Gold (#f59e0b)
  • Playground: Electric Purple (#a78bfa)
• Integrated these specific hooks directly into sidebar icons, active border indicators, and dynamic box-shadow glows.

4. Layout Shift & Clipping Resolutions

• Eliminated hover layout clipping caused by legacy transform: translateX(...) transitions.
• Replaced with hardware-accelerated padding-left transitions (16px hover / 18px active), keeping element bounding boxes completely stable.
• Added explicit padding gutters to .sidebar-menu to allow box-shadow spreads to render without clipping against scroll boundaries.

---

🚀 Type of Change

• Feature / Enhancement (Non-breaking change updating/improving application UI/UX)
• Bug Fix (Non-breaking change fixing layout issues)

---

✅ Quality Assurance Checklist

• Verified complete responsive scaling down to mobile breakpoints.
• Audited layout for zero unexpected layout shifts (CLS) during transition frames.
• Verified full Light Mode and Dark Mode color contrast parity.
• Confirmed external anchors correctly reference local files (CONTRIBUTING.md).

---

📸 UI Verification

Visual Previews

All visual features, transitions, and theme color switches have been thoroughly checked across major browsers.

🔍 Click to expand local verification captures

---

cc: @steam-bell-92
Program affiliation: GSSoC '26

[vercel]

@Siddh2024 is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Siddh2024]

@steam-bell-92 , approve this PR , then i will start to work on our requirements.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
python-mini-project	Ready	Preview, Comment	May 24, 2026 8:03am

[github-actions]

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.

We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone.

If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request.

Thanks again for your support! 🙌

[Siddh2024]

OKYY , Thanks for this , and tell me , what changes to make further , and as a project admin can you give me tip for scoring more points :) , we can talk on direct email.