Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Redesign of carbon footprint page (#373)
## Issues Identification close #369 ### Summary I redesigned the entire Carbon Footprint page, updating the header, footer, main content, and JavaScript functionality. The header and footer were streamlined for better navigation and responsiveness. The main content was reorganized to improve readability and engagement, with added sections for data visualization. JavaScript updates enhanced interactivity, introducing dynamic content and real-time functionality. Overall, the changes improve usability, visual appeal, and mobile performance. ### Details Include any detailed information about the changes in this pull request. ## Types of Changes _Please check the boxes that apply_ - [👍 ] New feature (non-breaking change that adds functionality) - [ 👍 ] Breaking change (fix or feature that would cause existing functionality to not work as expected) ## Checklist _Please check the boxes that apply_ - [👍 ] My code follows the style guidelines of this project - [ 👍 ] I have performed a self-review of my own code - [ ok] I have commented my code, particularly in hard-to-understand areas - [ok ] I have made corresponding changes to the documentation - [ ok] My changes generate no new warnings - [ ok] My changes do not break the current system and pass all existing test cases - [ ok] I have added tests that prove my fix is effective or that my feature works - [ ok] New and existing unit tests pass locally with my changes - [ ok] Any dependent changes have been merged and published in downstream modules ## Screenshots ![Screenshot 2024-10-20 160020](https://github.com/user-attachments/assets/cab05fd6-e155-4063-9b0f-a8f6cc6c963d) ![Screenshot 2024-10-20 204719](https://github.com/user-attachments/assets/29fee5b1-7053-4a6e-b587-3f4635edceba) ![Screenshot 2024-10-20 204719 - Copy](https://github.com/user-attachments/assets/3aa28d3e-42d5-4b97-93d7-c7bc9dd98c83) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a responsive navigation header with theme toggle functionality. - Added a progress bar that dynamically updates based on scroll position. - Implemented a newsletter subscription form and enhanced footer elements. - New form validation and calculation features for the carbon footprint calculator. - **Style** - Comprehensive styling overhaul, including dark mode support and improved responsiveness. - Enhanced styles for input fields, buttons, and social media icons for better interaction. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
- Loading branch information