UI changes

[Lalitya31]

Summary

Improvised :

1. Navbar
2. Subtle out shade
3. Even out colors
4. Remove unmatched color themes while keeping the original unchanged
5. Reduced pill structure
6. Introduced creative ways of info presentation like terminals , charts
7. Changed typography from generic system to Manrope system

Related Issue

Closes #44

Type of Change [required]

• Bug fix — resolves a broken behaviour
• Feature — adds new functionality
• Data — adds new projects to data/projects.json
• Documentation — updates docs, README, or code comments only
• Style — CSS or visual changes only, no logic change
• Refactor — restructures code without changing behaviour
• Test — adds or updates tests

Screenshots (if UI change)

Before :

AFTER :

How to Test This PR [required]

1. Clone this branch: git checkout ui
2. Install dependencies: pip install -r requirements.txt
3. Run the app: python3 -m http.server 800
4. Open http://localhost:8000/templates/index.html a

Before	After
screenshot	screenshot

Self-Review Checklist [required]

• I have read CONTRIBUTING.md and followed all guidelines
• My branch name follows the convention: feat/, fix/, docs/, data/, style/, test/
• I have run python tests/test_basic.py and all 27 tests pass
• I have run flake8 . locally and there are no errors
• I have not introduced any print() or console.log() debug statements
• Every new function I wrote has a docstring
• I have not modified files outside the scope of the linked issue
• If I changed the UI, I tested it at 375px (mobile) and 1280px (desktop)
• If I added a project to the dataset, it has all required JSON fields

[vercel]

@Lalitya31 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[Lalitya31]

@komalharshita resolved merge conflicts , ready for review