Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: make "we are more than... green squares" slogan accessible #249

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open

fix: make "we are more than... green squares" slogan accessible #249

Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
a2673c3
feat: create custom CSS for green square SVG
CBID2 Sep 17, 2023
755e51d
Merge branch 'open-sauced:main' into creating-custom-css-with-SVG
CBID2 Nov 18, 2023
87022cc
Revert "feat: create custom CSS for green square SVG"
CBID2 Nov 18, 2023
916975c
feat: made the image more accessible
CBID2 Nov 18, 2023
d49f680
fix: add a variable
CBID2 Nov 18, 2023
16c4fca
fix: change line 33
CBID2 Jan 20, 2024
963ee51
fix: omit parentheses
CBID2 Jan 20, 2024
8ef7e5e
fix: add parentheses
CBID2 Jan 21, 2024
bebd5f7
fix: add another parentheses
CBID2 Jan 21, 2024
c6cc342
fix: omit let statement
CBID2 Jan 21, 2024
6cd9cdf
fix: adding the parentheses
CBID2 Jan 22, 2024
5d241d2
fix: made those changes
CBID2 Jan 22, 2024
a9f5563
fix: add changes
CBID2 Jan 23, 2024
9ba3145
fix: omit extra div
CBID2 Jan 23, 2024
91f5069
fix: omit the other div
CBID2 Jan 23, 2024
7319368
fix: change closing tag
CBID2 Jan 23, 2024
e689acc
fix: turn p element into span
CBID2 Jan 23, 2024
c77a016
fix: omit closing p tag
CBID2 Jan 23, 2024
6634167
Merge branch 'open-sauced:main' into creating-custom-css-with-SVG
CBID2 Apr 17, 2024
63bc22a
Merge branch 'main' into creating-custom-css-with-SVG
CBID2 Jun 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
17 changes: 9 additions & 8 deletions components/sections/teams/GitHubMock.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,18 +23,19 @@ const GitHubMock: FC<GitHubMockProps> = ({ moreHeading, topFeature }) => {
return (
<SectionWrapper pbs={100}>
<div className="flex pb-16 px-10 tablet:px-0 items-center justify-center largeTablet:pb-14">
<div>
<p className="text-textPrimary font-inter font-bold text-[2.375rem] leading-[3.625rem] largeTablet:text-5xl largeTablet:leading-[4.5rem]">
<p>
<span className="text-textPrimary font-inter font-bold text-[2.375rem] leading-[3.625rem] largeTablet:text-5xl largeTablet:leading-[4.5rem]">
We are
</p>
<p className="font-inter font-bold pl-16 tablet:pl-20 text-[3.25rem] leading-none largeTablet:text-8xl">
</span>
<span className="font-inter font-bold pl-16 tablet:pl-20 text-[3.25rem] leading-none largeTablet:text-8xl">
<DecoratedText content="$orange-to-yellowmore" />
</p>
<p className="font-inter font-bold pl-32 tablet:pl-40 tracking-[-0.03em] text-[4.25rem] leading-none largeTablet:text-9xl">
</span>
<span className="font-inter font-bold pl-32 tablet:pl-40 tracking-[-0.03em] text-[4.25rem] leading-none largeTablet:text-9xl">
<DecoratedText content="$orange-to-yellowthan..." />
</span>
<span className="sr-only">green squares</span>
</p>
</div>
</div>
<div className="pb-16 largeTablet:pb-52">
{isLargeTablet ? (
<Image alt="Green Squares text" src={GreenSquares} />
Expand All @@ -49,7 +50,7 @@ const GitHubMock: FC<GitHubMockProps> = ({ moreHeading, topFeature }) => {
</div>

<p className="text-center font-bold text-textPrimary text-base largeTablet:text-2xl leading-none pb-10 largeTablet:pb-24">
{/* This text needs cololr, grey was hard to read */}
{/* This text needs color, grey was hard to read */}
<DecoratedText content={`$orange-to-yellow${moreHeading[1] || ""}`} />
</p>
<p className="text-center font-bold pb-2 tracking-[-0.03em] text-xl largeTablet:text-[2rem] largeTablet:pb-6">
Expand Down