From f9b1313990b65b3cb49a098712ef12b5d5c05ba2 Mon Sep 17 00:00:00 2001
From: dev-phantom <godsfavour1975@gmail.com>
Date: Mon, 9 Sep 2024 21:22:49 +0100
Subject: [PATCH 1/4] fix: fixed changelog Entries that aren't clickable on
 mobile

---
 components/sections/changelog/Changelog.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/sections/changelog/Changelog.tsx b/components/sections/changelog/Changelog.tsx
index c4b9edb42..588a0ace8 100644
--- a/components/sections/changelog/Changelog.tsx
+++ b/components/sections/changelog/Changelog.tsx
@@ -92,7 +92,12 @@ const Changelog: FC<ChangelogProps> = ({
             <IoMdGitCommit className="absolute -left-4 top-4 bg-darkBG text-3xl" />
           </span>
           <Typography alignLarge="left" variant="title3">
-            {title}
+            <Link
+              href={`/changelog/${slug?.current}`}
+              className="hover:text-brandOrange hover:decoration-brandOrange transition-all"
+            >
+              {title}
+            </Link>
           </Typography>
           <Typography alignLarge="left" variant="body4">
             {moment(date).format('DD MMM YYYY')}
@@ -114,9 +119,8 @@ const Changelog: FC<ChangelogProps> = ({
 
         <div style={containerHeightStyle}>
           <div className="relative" ref={contentRef}>
-            <ReactMarkdown
-              className="prose prose-invert prose-img:rounded-md">
-              {changelogContent || ""}
+            <ReactMarkdown className="prose prose-invert prose-img:rounded-md">
+              {changelogContent || ''}
             </ReactMarkdown>
           </div>
         </div>

From c2950c8b75fd33856d1ca72ab044a105c5d4e78b Mon Sep 17 00:00:00 2001
From: dev-phantom <godsfavour1975@gmail.com>
Date: Mon, 9 Sep 2024 21:34:41 +0100
Subject: [PATCH 2/4] fix: made changelog subtext accessible

---
 pages/changelog/[slug].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/changelog/[slug].tsx b/pages/changelog/[slug].tsx
index f8998b6ab..e183bd04b 100644
--- a/pages/changelog/[slug].tsx
+++ b/pages/changelog/[slug].tsx
@@ -51,7 +51,7 @@ export default function ChangelogPage({ changelog, commonData, latestChanges } :
         url={`https://opensauced.pizza/changelog/${changelog.slug?.current}`}
       /> 
       <ReactMarkdown
-        className="prose-invert mx-auto mb-24 leading-loose prose prose-md prose-img:mx-auto prose-img:rounded-md"
+        className="prose-invert prose-ul:text-textPrimary mx-auto mb-24 leading-loose prose prose-md prose-img:mx-auto prose-img:rounded-md"
       >
         {changelog.changelogContent || ""}
       </ReactMarkdown>

From 0f91190766d3f3b0b1f8594b73409fd1e9bd1325 Mon Sep 17 00:00:00 2001
From: dev-phantom <godsfavour1975@gmail.com>
Date: Tue, 10 Sep 2024 00:01:40 +0100
Subject: [PATCH 3/4] fix: fixed featured post img

---
 components/sections/blog/FeaturedPost.tsx    | 6 +++---
 components/sections/blog/components/Post.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/sections/blog/FeaturedPost.tsx b/components/sections/blog/FeaturedPost.tsx
index c591d39d8..238ca0a3d 100644
--- a/components/sections/blog/FeaturedPost.tsx
+++ b/components/sections/blog/FeaturedPost.tsx
@@ -17,9 +17,9 @@ const FeaturedPost: FC<FeaturedPostProps> = ({ data }): ReactElement => {
       <div className="w-full largeTablet:grid largeTablet:grid-cols-2 largeTablet:gap-x-11">
         <div className="hidden largeTablet:flex">
           <GradientBorderWrapper style={{ width: '100%' }}>
-            <div className="flex-1  h-[496px] relative rounded-[5px] overflow-hidden ">
-              <Image src={src as string} layout="fill" objectFit="cover" alt="Post cover" />
-            </div>
+          <div className="w-full relative rounded-[5px] overflow-hidden ">
+            <Image width="580" height={304} src={src as string} alt="Cover" />
+          </div>
           </GradientBorderWrapper>
         </div>
 
diff --git a/components/sections/blog/components/Post.tsx b/components/sections/blog/components/Post.tsx
index 963502878..e9e092c2e 100644
--- a/components/sections/blog/components/Post.tsx
+++ b/components/sections/blog/components/Post.tsx
@@ -57,12 +57,12 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
       <div className={`${featured && 'largeTablet:hidden'}`}>
         <GradientBorderWrapper style={{ width: '100%', borderRadius: '5px' }}>
           <div className="w-full relative rounded-[5px] overflow-hidden ">
-            <Image width="580" height={304} src={src as string} alt="Cover" />
+            <Image width="580" height={304} className='min-h-[22rem]' src={src as string} alt="Cover" />
           </div>
         </GradientBorderWrapper>
       </div>
 
-      <div className="flex justify-start pt-6 pb-2 largeTablet:pt-10">
+      <div className={`flex justify-start pt-6 pb-2 ${featured ? "largeTablet:pt-4" : "largeTablet:pt-10"} `}>
         {topics?.map((item) => (
           <div key={item} className="mr-5">
             <Typography key={item} variant="body4">{`#${item}`}</Typography>
@@ -79,7 +79,7 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
           </Link>
         </LocalTypography>
       </div>
-      <div className="flex items-center pb-6 largeTablet:pb-10 ">
+      <div className="flex items-center pb-6 largeTablet:pb-5 ">
         <div className="flex-shrink-0 mr-2">
           <Image src={OrangeAuthor} alt="Author" />
         </div>

From f3e879293d120f10c141d5ad9781c6953048267e Mon Sep 17 00:00:00 2001
From: dev-phantom <godsfavour1975@gmail.com>
Date: Tue, 10 Sep 2024 00:52:12 +0100
Subject: [PATCH 4/4] improved accessibity score to 100%

---
 components/sections/Footer.tsx                           | 4 ++--
 components/sections/home-page/features/TeamsFeatures.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/sections/Footer.tsx b/components/sections/Footer.tsx
index 77d0a57ee..1b7946796 100644
--- a/components/sections/Footer.tsx
+++ b/components/sections/Footer.tsx
@@ -138,11 +138,11 @@ const LocalTypography: FC<LocalTypographyProps> = ({
   children,
 }) => {
   const titleStyle =
-    'font-bold text-textPrimary opacity-[0.35] text-xs uppercase tracking-[0.2em] pb-8'
+    'font-bold text-textPrimary opacity-[0.6] text-xs uppercase tracking-[0.2em] pb-8'
   const item1Style =
     'font-normal text-textPrimary text-sm tracking-[-0.02em] opacity-[0.7] pb-3'
   const item2Style =
-    'font-normal text-textPrimary text-sm tracking-[-0.02em] opacity-[0.35]'
+    'font-normal text-textPrimary text-sm tracking-[-0.02em] opacity-[0.6]'
 
   const appliedStyle =
     variant === 'title'
diff --git a/components/sections/home-page/features/TeamsFeatures.tsx b/components/sections/home-page/features/TeamsFeatures.tsx
index 44d45c323..8dc2e57ef 100644
--- a/components/sections/home-page/features/TeamsFeatures.tsx
+++ b/components/sections/home-page/features/TeamsFeatures.tsx
@@ -84,7 +84,7 @@ function TopUseCase({ topUseCase } : { topUseCase: SanityTeamsPage['topUseCase']
               animate={{ opacity: iconInView ? 1 : 0, y: posY, x: iconInView ? 0 : 10 }}
               transition={{ duration: 0.7, delay: 0.2, ease: 'easeInOut' }}
             >
-              <img src={image as unknown as string} />
+              <img src={image as unknown as string}  alt="feature-image"/>
             </motion.div>
           </div>
         </div>
@@ -159,7 +159,7 @@ function TeamFeature({ feature } : { feature : {
               animate={{ opacity: iconInView ? 1 : 0, y: posY, x: iconInView ? 0 : 10 }}
               transition={{ duration: 0.7, delay: 0.2, ease: 'easeInOut' }}
             >
-              <img src={image as unknown as string} />
+              <img src={image as unknown as string}  alt="feature-image"/>
             </motion.div>
           </div>
         </div>