Added : Frontend

[MadanBelbase]

Frontend

Overview

Frontend with modern UI.

---

Changes Made

CSS (static/css/)

• Introduced full design system with CSS variables.
• Implemented new color palette based on OSMSG colors (green, earth colors).
• Modern form design including focus state styles and animations.
• Created card components with hover effects.
• Designed navigation bar with backdrop blur.
• Styled footer properly.
• Created design of statistics table.

Templates (templates/)

• base.html - Modified layout with new navigation and footer.
• index.html - Designed hero area and search form.
• statistics.html - Created new statistics page design with table layout.
• contact.html - Modernized contact page design.
• about.html - Designed new about page layout.

---

Files Changed (11 files)

CSS

• static/css/styles.css - Total redesign with design tokens.

Templates

• templates/base.html - New layout design.
• templates/index.html - Redesigned homepage.
• templates/statistics.html - Designed new statistics page.
• templates/contact.html - Updated contact page.
• templates/about.html - Redesigned about page.
• templates/partial/table.html - Designed table for data

Backend

• app.py - Changes to template rendering logic

Design Tokens Used

--primary: #2b6f4b
--primary-dark: #1d543a
--primary-light: #e9f2ee
--text: #2d3f4b
--border: #e3eee8
--surface: #ffffff
--error: #c62828

[kshitijrajsharma]

flask should not be used, its another framework , we are using litestar , litestar supports htmx out of the box
https://docs.litestar.dev/latest/usage/htmx.html , api is already in litestar , this should be refactored

[kshitijrajsharma]

Hi , you should use litestar : https://docs.litestar.dev/latest/usage/htmx.html with htmx , flask should be completely removed !