Skip to content

Rebranding website and Styling improvements#217

Merged
ajeetchaulagain merged 3 commits intomasterfrom
rebranding-website
Mar 27, 2026
Merged

Rebranding website and Styling improvements#217
ajeetchaulagain merged 3 commits intomasterfrom
rebranding-website

Conversation

@ajeetchaulagain
Copy link
Copy Markdown
Owner

This pull request introduces several improvements and new features, focusing on UI consistency, accessibility, and maintainability. Key updates include a new "Get in touch" section, enhanced theming and color usage across components, improved accessibility for social media icons, and a more responsive and organized footer layout. There are also updates to testing configurations and minor style simplifications.

New Features and Components:

  • Added a new GetInTouchSection component with supporting styles and export, providing users with social links and a newsletter subscription call-to-action. [1] [2] [3]

UI Consistency and Theming:

  • Updated color usage across navigation, buttons, and project cards to consistently use brandPrimary and theme variables, improving visual coherence and simplifying color logic. [1] [2] [3] [4] [5] [6]
  • Refactored landing page hero and project card components to use theme-based color variables for background and text, reducing conditional logic and centralizing color control. [1] [2] [3] [4]

Accessibility and Social Media Improvements:

  • Enhanced SocialMediaIcons with tooltips for better accessibility, and updated aria labels for clarity. [1] [2] [3] [4]

Header and Footer Enhancements:

  • Improved header logo to reflect theme (light/dark) dynamically and re-enabled the "Projects" navigation link. [1] [2] [3]
  • Redesigned the footer layout for better responsiveness and alignment, including a dynamic copyright year and improved arrangement of navigation and social links. [1] [2] [3] [4] [5] [6] [7]

Testing and Configuration:

  • Updated Playwright configuration to use viewport-based projects aligned to design breakpoints and improved snapshot path organization by project name.

@github-actions
Copy link
Copy Markdown
Contributor

Playwright test results

failed  30 failed

Details

stats  30 tests across 2 suites
duration  2 minutes, 3 seconds
commit  687c384

Failed tests

mobile › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Home Page Visual Regression
mobile › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Listing Page Visual Regression
mobile › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Project Listing Page Regression
mobile › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Page Regression
mobile › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › About Page Regression
tablet › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Home Page Visual Regression
tablet › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Listing Page Visual Regression
tablet › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Project Listing Page Regression
tablet › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Page Regression
tablet › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › About Page Regression
desktop › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Home Page Visual Regression
desktop › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Listing Page Visual Regression
desktop › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Project Listing Page Regression
desktop › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › Blog Page Regression
desktop › visual-regression-dark-theme.spec.ts › Visual Regression - Dark Theme › About Page Regression
mobile › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Home Page Visual Regression
mobile › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Listing Page Visual Regression
mobile › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Project Listing Page Regression
mobile › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Page Regression
mobile › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › About Page Regression
tablet › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Home Page Visual Regression
tablet › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Listing Page Visual Regression
tablet › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Project Listing Page Regression
tablet › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Page Regression
tablet › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › About Page Regression
desktop › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Home Page Visual Regression
desktop › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Listing Page Visual Regression
desktop › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Project Listing Page Regression
desktop › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › Blog Page Regression
desktop › visual-regression-light-theme.spec.ts › Visual Regression - Light Theme › About Page Regression

@ajeetchaulagain ajeetchaulagain merged commit 1a4e77b into master Mar 27, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant