Merge pull request #1478 from EngineeringKiosk/andygrunwald/reorder-footer-social-media

Reorder footer social media links and add Threads

Author: andygrunwald

src/components/Footer.astro

@@ -74,7 +74,7 @@ const year = new Date().getFullYear();
 				<h3 class="mb-5 text-lg font-bold text-coolGray-900">Social Media</h3>
 				<ul>
 					{
-						['x', 'mastodon', 'instagram', 'youTube', 'linkedin', 'tiktok', 'github', 'bluesky'].map((social) => (
+						['linkedin', 'mastodon', 'bluesky', 'threads', 'x', 'instagram', 'youTube', 'github', 'tiktok'].map((social) => (
 							<li class="mb-4">
 								<a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href={podcastInfo.socials[social].link} title={podcastInfo.socials[social].linkTitle}>
 									<img src={podcastInfo.socials[social].icon} class="inline w-6 mr-2" alt={podcastInfo.socials[social].iconAlt} title={podcastInfo.socials[social].iconTitle} /> {podcastInfo.socials[social].name}

src/data/podcast-info.json

@@ -17,14 +17,41 @@
     "antennaPod": "https://antennapod.org/de/deeplink/subscribe?url=https://engineeringkiosk.dev/podcast/rss"
   },
   "socials": {
-    "youTube": {
-      "name": "YouTube",
+    "linkedin": {
+      "name": "LinkedIn",
+      "handle": "@engineering-kiosk",
+      "link": "https://www.linkedin.com/company/engineering-kiosk/",
+      "linkTitle": "Engineering Kiosk auf LinkedIn (@engineering-kiosk)",
+      "icon": "/images/brands/linkedin_blue.svg",
+      "iconAlt": "LinkedIn logo",
+      "iconTitle": "LinkedIn logo"
+    },
+    "mastodon": {
+      "name": "Mastodon",
+      "handle": "@EngKiosk@podcasts.social",
+      "link": "https://podcasts.social/@engkiosk",
+      "linkTitle": "Engineering Kiosk auf Mastodon (@engkiosk@podcasts.social)",
+      "icon": "/images/brands/mastodon_purple.svg",
+      "iconAlt": "Mastodon logo",
+      "iconTitle": "Mastodon logo"
+    },
+    "bluesky": {
+      "name": "Bluesky",
+      "handle": "@engineeringkiosk.dev",
+      "link": "https://bsky.app/profile/engineeringkiosk.dev",
+      "linkTitle": "Engineering Kiosk auf Bluesky (@engineeringkiosk.dev)",
+      "icon": "/images/brands/bluesky.svg",
+      "iconAlt": "Bluesky logo",
+      "iconTitle": "Bluesky logo"
+    },
+    "threads": {
+      "name": "Threads",
       "handle": "@engineeringkiosk",
-      "link": "https://www.youtube.com/@engineeringkiosk",
-      "linkTitle": "Engineering Kiosk auf YouTube (@engineeringkiosk)",
-      "icon": "/images/brands/youtube.svg",
-      "iconAlt": "YouTube logo",
-      "iconTitle": "YouTube logo"
+      "link": "https://www.threads.com/@engineeringkiosk",
+      "linkTitle": "Engineering Kiosk auf Threads (@engineeringkiosk)",
+      "icon": "/images/brands/threads.svg",
+      "iconAlt": "Threads logo",
+      "iconTitle": "Threads logo"
     },
     "x": {
       "name": "X",
@@ -35,15 +62,6 @@
       "iconAlt": "X logo",
       "iconTitle": "X logo"
     },
-    "mastodon": {
-      "name": "Mastodon",
-      "handle": "@EngKiosk@podcasts.social",
-      "link": "https://podcasts.social/@engkiosk",
-      "linkTitle": "Engineering Kiosk auf Mastodon (@engkiosk@podcasts.social)",
-      "icon": "/images/brands/mastodon_purple.svg",
-      "iconAlt": "Mastodon logo",
-      "iconTitle": "Mastodon logo"
-    },
     "instagram": {
       "name": "Instagram",
       "handle": "@engineeringkiosk",
@@ -53,23 +71,14 @@
       "iconAlt": "Instagram logo",
       "iconTitle": "Instagram logo"
     },
-    "linkedin": {
-      "name": "LinkedIn",
-      "handle": "@engineering-kiosk",
-      "link": "https://www.linkedin.com/company/engineering-kiosk/",
-      "linkTitle": "Engineering Kiosk auf LinkedIn (@engineering-kiosk)",
-      "icon": "/images/brands/linkedin_blue.svg",
-      "iconAlt": "LinkedIn logo",
-      "iconTitle": "LinkedIn logo"
-    },
-    "tiktok": {
-      "name": "TikTok",
+    "youTube": {
+      "name": "YouTube",
       "handle": "@engineeringkiosk",
-      "link": "https://www.tiktok.com/@engineeringkiosk",
-      "linkTitle": "Engineering Kiosk auf TikTok (@engineeringkiosk)",
-      "icon": "/images/brands/tiktok.svg",
-      "iconAlt": "TikTok logo",
-      "iconTitle": "TikTok logo"
+      "link": "https://www.youtube.com/@engineeringkiosk",
+      "linkTitle": "Engineering Kiosk auf YouTube (@engineeringkiosk)",
+      "icon": "/images/brands/youtube.svg",
+      "iconAlt": "YouTube logo",
+      "iconTitle": "YouTube logo"
     },
     "github": {
       "name": "GitHub",
@@ -80,14 +89,14 @@
       "iconAlt": "GitHub logo",
       "iconTitle": "GitHub logo"
     },
-    "bluesky": {
-      "name": "Bluesky",
-      "handle": "@engineeringkiosk.dev",
-      "link": "https://bsky.app/profile/engineeringkiosk.dev",
-      "linkTitle": "Engineering Kiosk auf Bluesky (@engineeringkiosk.dev)",
-      "icon": "/images/brands/bluesky.svg",
-      "iconAlt": "Bluesky logo",
-      "iconTitle": "Bluesky logo"
+    "tiktok": {
+      "name": "TikTok",
+      "handle": "@engineeringkiosk",
+      "link": "https://www.tiktok.com/@engineeringkiosk",
+      "linkTitle": "Engineering Kiosk auf TikTok (@engineeringkiosk)",
+      "icon": "/images/brands/tiktok.svg",
+      "iconAlt": "TikTok logo",
+      "iconTitle": "TikTok logo"
     }
   }
 }