From 95f41d996e4573fbfe74a85c5216ac286e997e41 Mon Sep 17 00:00:00 2001 From: Brian Esteban Date: Tue, 8 Jul 2025 09:49:20 -0700 Subject: [PATCH 01/11] Remove theming from styled-components. --- components/blog/BlogPostContainer/index.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/components/blog/BlogPostContainer/index.js b/components/blog/BlogPostContainer/index.js index a2abef66..4155d43e 100644 --- a/components/blog/BlogPostContainer/index.js +++ b/components/blog/BlogPostContainer/index.js @@ -3,10 +3,8 @@ import TwoColumn from '@/components/containers/TwoColumn'; import AuthorBio from '@/components/blog/AuthorBio'; import RelatedOrLatestPosts from '@/components/blog/RelatedPosts'; import PostContent from '@/components/blog/PostContent'; -import { useTheme } from 'styled-components'; const BlogPostContainer = ({ post, relatedPosts, latestPosts }) => { - const theme = useTheme(); const { user } = post; return ( <> @@ -28,8 +26,8 @@ const BlogPostContainer = ({ post, relatedPosts, latestPosts }) => { content='Feel free to contact us.' image='/images/svg/square-brackets.svg' altTag='Hashtag' - color={theme.colors.primaryContent} - bgColor={theme.colors.white} + color='#292929' // Temporarily set static values, to prevent breaking TwoColumn components. + bgColor='#ffffff' // We might remove these two props when we implement our own ThemeProvider. $contentType='questions' link='/contact' linkText='Contact us' From edd28a9f688d29f83072e7ef08ec21204b35cd3b Mon Sep 17 00:00:00 2001 From: Brian Esteban Date: Tue, 8 Jul 2025 09:53:34 -0700 Subject: [PATCH 02/11] Update CHANGELOG. --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 65f6a0b5..8a0c7a7e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -163,5 +163,5 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - ButtonLink - SubmitButton - AuthorBio - + - BlogPostContainer - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility From 6e806e5139dae98e84825d29903c78f0ff5eee09 Mon Sep 17 00:00:00 2001 From: Brian Esteban Date: Mon, 14 Jul 2025 06:16:28 -0700 Subject: [PATCH 03/11] Remove color styling value props from children component(TwoColumn). --- components/blog/BlogPostContainer/index.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/components/blog/BlogPostContainer/index.js b/components/blog/BlogPostContainer/index.js index 4155d43e..b5be5090 100644 --- a/components/blog/BlogPostContainer/index.js +++ b/components/blog/BlogPostContainer/index.js @@ -26,8 +26,6 @@ const BlogPostContainer = ({ post, relatedPosts, latestPosts }) => { content='Feel free to contact us.' image='/images/svg/square-brackets.svg' altTag='Hashtag' - color='#292929' // Temporarily set static values, to prevent breaking TwoColumn components. - bgColor='#ffffff' // We might remove these two props when we implement our own ThemeProvider. $contentType='questions' link='/contact' linkText='Contact us' From 762b08ec64c3e9dc6fdb9ef53c67bb57f6539d40 Mon Sep 17 00:00:00 2001 From: Brian Esteban Date: Mon, 14 Jul 2025 06:23:25 -0700 Subject: [PATCH 04/11] Update altTag value to an empty string for better accessibility. --- components/blog/BlogPostContainer/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/blog/BlogPostContainer/index.js b/components/blog/BlogPostContainer/index.js index b5be5090..cfc22111 100644 --- a/components/blog/BlogPostContainer/index.js +++ b/components/blog/BlogPostContainer/index.js @@ -24,8 +24,8 @@ const BlogPostContainer = ({ post, relatedPosts, latestPosts }) => { Date: Mon, 14 Jul 2025 06:45:06 -0700 Subject: [PATCH 05/11] Update CHANGELOG. --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8a0c7a7e..5755cd03 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -165,3 +165,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - AuthorBio - BlogPostContainer - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility +- Updated altTag from TwoColumns component in BlogPostContainer to comply with W3C standards From 97392d3ef30c3cb2cac03a6d5013abd13bfd5ef2 Mon Sep 17 00:00:00 2001 From: brian Date: Tue, 29 Jul 2025 19:56:53 -0700 Subject: [PATCH 06/11] Remove comment for altTag --- components/blog/BlogPostContainer/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/blog/BlogPostContainer/index.js b/components/blog/BlogPostContainer/index.js index cfc22111..5bc9581b 100644 --- a/components/blog/BlogPostContainer/index.js +++ b/components/blog/BlogPostContainer/index.js @@ -24,8 +24,8 @@ const BlogPostContainer = ({ post, relatedPosts, latestPosts }) => { Date: Tue, 29 Jul 2025 20:11:12 -0700 Subject: [PATCH 07/11] Update altTag to comply with W3C standards on decorative images --- pages/about.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/pages/about.js b/pages/about.js index f37df117..8a49341b 100644 --- a/pages/about.js +++ b/pages/about.js @@ -31,7 +31,7 @@ export default function AboutUs() { } rowOrder='row' image='/images/svg/square-brackets.svg' - altTag='Square Brackets' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.primaryAccent} $contentType='our-background' @@ -72,7 +72,7 @@ export default function AboutUs() { } rowOrder='row-reverse' image='/images/svg/open-angle-bracket.svg' - altTag='Open angle bracket' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.white} $contentType='our-process' @@ -94,7 +94,7 @@ export default function AboutUs() { } image='/images/svg/close-angle-bracket.svg' - altTag='close-angle-bracket' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.white} $contentType='our-process' @@ -137,7 +137,7 @@ export default function AboutUs() { } rowOrder='row-reverse' image='/images/svg/semi-colon.svg' - altTag='Semi-colon' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.white} $contentType='our-purpose' @@ -148,7 +148,7 @@ export default function AboutUs() { title='Wanna learn more?' content={''} image='/images/svg/close-curly-bracket.svg' - altTag='Close curly bracket' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.lightBg} $contentType='wanna-learn-more' @@ -217,7 +217,7 @@ export default function AboutUs() { } rowOrder='row-reverse' image='/images/svg/slash.svg' - altTag='Slash' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.white} $contentType='get-started' @@ -254,7 +254,7 @@ export default function AboutUs() { title='Still got questions?' content='Feel free to contact us.' image='/images/svg/hashtag.svg' - altTag='Hashtag' + altTag='' color={theme.colors.primaryContent} bgColor={theme.colors.white} $contentType='questions' From 86868ee8e190a173148b889970fa2a38fbe5327d Mon Sep 17 00:00:00 2001 From: brian Date: Tue, 29 Jul 2025 20:30:10 -0700 Subject: [PATCH 08/11] Update CHANGELOG --- CHANGELOG.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5755cd03..eca98981 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -165,4 +165,6 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - AuthorBio - BlogPostContainer - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility -- Updated altTag from TwoColumns component in BlogPostContainer to comply with W3C standards +- Updated altTag from TwoColumns component to comply with W3C standards + - BlogPostContainer + - about page From 216c1cdedf4bcc15cd58d9439e9322d307da0fa6 Mon Sep 17 00:00:00 2001 From: brian Date: Tue, 29 Jul 2025 20:36:19 -0700 Subject: [PATCH 09/11] Update altTag to comply with W3C standards --- pages/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/index.js b/pages/index.js index ec846592..62b88b97 100644 --- a/pages/index.js +++ b/pages/index.js @@ -12,7 +12,7 @@ export default function Home() { Date: Tue, 29 Jul 2025 20:37:03 -0700 Subject: [PATCH 10/11] Update CHANGELOG --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index eca98981..ea93e654 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -168,3 +168,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - Updated altTag from TwoColumns component to comply with W3C standards - BlogPostContainer - about page + - home(index) page From 569653ca46c3be15b4a874f9389d0b249c5eabce Mon Sep 17 00:00:00 2001 From: Brian Esteban Date: Sat, 2 Aug 2025 11:53:16 -0700 Subject: [PATCH 11/11] Update CHANGELOG --- CHANGELOG.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 808504b1..dafc71f6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -160,6 +160,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ### Changed - Migrating styles from Styled Components to CSS Modules + - ContactUsCards - ContactUsForm - ButtonLink - SubmitButton @@ -172,11 +173,11 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - RevealContentContainer - Member - Container - - Extracted :root from themes.scss to globals.scss + - Extracted :root from themes.scss to globals.scss - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility - Updated SearchInput width to 100% for better styling - Updated the prop name to propStyles in Container component to fix the name conflict that introduced a styling bug - Updated altTag from TwoColumns component to comply with W3C standards - BlogPostContainer - about page - - home(index) page \ No newline at end of file + - home(index) page