From 5453b49ac63b466afbe51ca888e25059af2260fc Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:01:02 +0100
Subject: [PATCH 1/8] feat: increase language switch text size on mobile

---
 src/components/layout/header/language-switch.tsx | 4 ++++
 src/components/typography.ts                     | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/header/language-switch.tsx b/src/components/layout/header/language-switch.tsx
index a71c0ff5b..77eb2cb1c 100644
--- a/src/components/layout/header/language-switch.tsx
+++ b/src/components/layout/header/language-switch.tsx
@@ -31,6 +31,10 @@ const StyledSelection = styled.select`
 
   appearance: none;
   cursor: pointer;
+
+  @media (max-width: 768px) {
+    ${TextStyles.menuMetaMobile}
+  }
 `;
 
 export const StyledChevron = styled(Icon)<{ isEnglish: boolean }>`
diff --git a/src/components/typography.ts b/src/components/typography.ts
index 889fe65b6..54bb778a7 100644
--- a/src/components/typography.ts
+++ b/src/components/typography.ts
@@ -123,12 +123,17 @@ export const TextStyles = {
 
     letter-spacing: -0.01em;
   `,
-  // MenuLaguage has the exact same configuration as MenuMeta
+  // MenuLanguage has the exact same configuration as MenuMeta
   menuMeta: css`
     font-weight: bold;
     font-size: 14px;
     line-height: 110%;
   `,
+  menuMetaMobile: css`
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 110%;
+  `,
   label: css`
     font-weight: normal;
     font-size: 13px;

From 8b78e75a62b5af2bf62917a8cd3f9570005cbd82 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:02:13 +0100
Subject: [PATCH 2/8] feat: add aria-label to language switcher

---
 src/components/layout/header/language-switch.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/header/language-switch.tsx b/src/components/layout/header/language-switch.tsx
index 77eb2cb1c..f267a39db 100644
--- a/src/components/layout/header/language-switch.tsx
+++ b/src/components/layout/header/language-switch.tsx
@@ -49,13 +49,14 @@ export const LanguageSwitch = ({
   const { languages, language, t, changeLanguage } = useI18next();
 
   return (
-    <StyledNav aria-label={t('navigation.language-aria')} className={className}>
+    <StyledNav className={className}>
       <StyledChevron isEnglish={language === 'en'} show="caret_squared_down" />
       <StyledSelection
         onChange={(event) => {
           changeLanguage(event.target.value);
         }}
         value={language}
+        aria-label={t('navigation.language-aria')}
       >
         {languages.map((languageOfLink) => (
           <option value={languageOfLink} key={languageOfLink}>

From 7777d71f730f6b614bed097bbf10081a44b40c88 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:05:13 +0100
Subject: [PATCH 3/8] feat: make legal links bigger on mobile

---
 src/components/layout/navigation/navigation.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index 6996f0ff7..bed1f88b7 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -35,8 +35,7 @@ const NavigationBackground = styled.div`
 const LegalLinks = styled.ul`
   list-style-type: none;
   align-self: end;
-  margin: 0;
-  margin-top: 24px;
+  margin: 24px 0 0;
   padding: 0;
 
   display: flex;
@@ -114,6 +113,10 @@ const LegalLink = styled(Link)<{ $isSelected: boolean }>`
   &:hover {
     color: ${theme.palette.text.defaultLight};
   }
+
+  @media (max-width: 768px) {
+    ${TextStyles.menuMetaMobile}
+  }
 `;
 
 /**

From 464d7a241be7998e7783dbc9abf38038037e8e71 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:07:14 +0100
Subject: [PATCH 4/8] fix: state that social links will open a tab

---
 src/components/layout/navigation/navigation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index bed1f88b7..d30a31f2c 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -215,7 +215,7 @@ const Navigation: React.FC<NavigationProps> = ({
             target="_blank"
             rel="noopener noreferrer"
             href="https://www.linkedin.com/company/satellytes"
-            title="Go to the Satellytes LinkedIn profile"
+            title="Open Satellytes LinkedIn profile in a new tab"
           >
             <IconWrapper>
               <Icon show="linked_in" />
@@ -224,7 +224,7 @@ const Navigation: React.FC<NavigationProps> = ({
         </SocialLinkItem>
         <SocialLinkItem>
           <SocialLink
-            title="Go to the Satellytes Github profile"
+            title="Open Satellytes GitHub profile in a new tab"
             target="_blank"
             rel="noopener noreferrer"
             href="https://github.com/satellytes"

From b97c1652f969fc50a1f3eeca3166f57f8a5ee46e Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:08:49 +0100
Subject: [PATCH 5/8] fix: converted span to li because lists should only
 contain li

---
 src/components/layout/navigation/navigation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index d30a31f2c..0490b555c 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -244,7 +244,7 @@ const Navigation: React.FC<NavigationProps> = ({
             {t('navigation.imprint')}
           </LegalLink>
         </li>
-        <span>·</span>
+        <li>·</li>
         <li>
           <LegalLink
             to="/data-privacy"

From d7b1edd1d42b6377dda497002215711808aacd78 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 15 Jan 2024 14:37:55 +0100
Subject: [PATCH 6/8] fix: netlify build error fix

---
 src/templates/blog-post.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/templates/blog-post.tsx b/src/templates/blog-post.tsx
index 5c2262cb2..2f2b809d1 100644
--- a/src/templates/blog-post.tsx
+++ b/src/templates/blog-post.tsx
@@ -46,7 +46,10 @@ export const Head = ({
   const { author, seoMetaText, title, publicationDate, heroImage } =
     data.contentfulBlogPost;
 
-  const shareImagePath = heroImage.shareImage.resize.src;
+  let shareImagePath = '';
+  if (heroImage && heroImage.shareImage && heroImage.shareImage.resize) {
+    shareImagePath = heroImage.shareImage.resize.src;
+  }
 
   /*
    * SEO Notes:

From cd456ed08d9db38988bb8a5fefff9caa5875001c Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 30 Jan 2024 16:12:15 +0100
Subject: [PATCH 7/8] feat: make small dot aria hidden

---
 src/components/layout/navigation/navigation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index 0490b555c..1f5e84706 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -244,7 +244,7 @@ const Navigation: React.FC<NavigationProps> = ({
             {t('navigation.imprint')}
           </LegalLink>
         </li>
-        <li>·</li>
+        <li aria-hidden={true}>·</li>
         <li>
           <LegalLink
             to="/data-privacy"

From 7d54e9c7030d7c42dea09137c24a89c8192d37c3 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 30 Jan 2024 16:16:57 +0100
Subject: [PATCH 8/8] fix: ran `yarn format`

---
 src/components/layout/seo.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/seo.tsx b/src/components/layout/seo.tsx
index 87f6320a5..d66a79313 100644
--- a/src/components/layout/seo.tsx
+++ b/src/components/layout/seo.tsx
@@ -102,8 +102,9 @@ const SEO = ({
    * The i18n object (languages, language, originalPath, defaultLanguage)
    * is replaced with constants and locales data for building the alternate meta tag.
    */
-  const dataNode = locales.edges.find((e) => e.node.ns === 'translations')
-    ?.node;
+  const dataNode = locales.edges.find(
+    (e) => e.node.ns === 'translations',
+  )?.node;
   const t = JSON.parse(dataNode?.data || '{}');
   const metaDescription = description || t['main.description'];
   const typeOfSite = siteType || 'website';