From 8ffe450814e4b8ba56fffce8d9922642fbef816a Mon Sep 17 00:00:00 2001
From: TheMeinerLP <github@themeinerlp.dev>
Date: Sat, 10 Oct 2026 19:46:52 +0200
Subject: [PATCH] feat(footer): link tiktok and instagram, point youtube at the
 channel

The footer now links the organization's official TikTok and Instagram
profiles, and the YouTube link points at the channel URL.

Claude-Session: https://claude.ai/code/session_019zws4ceJu2jctk3XT48fMX
---
 i18n/locales/de.json                    |  2 ++
 i18n/locales/en.json                    |  2 ++
 layers/footer/components/SiteFooter.vue | 14 ++++++++++++--
 tests/footer/links.spec.ts              |  7 +++++++
 4 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/i18n/locales/de.json b/i18n/locales/de.json
index dbfda887..8d1bc645 100644
--- a/i18n/locales/de.json
+++ b/i18n/locales/de.json
@@ -198,6 +198,8 @@
   "social": {
     "twitch": "Twitch",
     "youtube": "YouTube",
+    "tiktok": "TikTok",
+    "instagram": "Instagram",
     "facebook": "Facebook",
     "linkedin": "LinkedIn",
     "github": "GitHub"
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 775ea2fc..6b9d5e66 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -198,6 +198,8 @@
   "social": {
     "twitch": "Twitch",
     "youtube": "YouTube",
+    "tiktok": "TikTok",
+    "instagram": "Instagram",
     "facebook": "Facebook",
     "linkedin": "LinkedIn",
     "github": "GitHub"
diff --git a/layers/footer/components/SiteFooter.vue b/layers/footer/components/SiteFooter.vue
index 39655859..cc06e4d1 100644
--- a/layers/footer/components/SiteFooter.vue
+++ b/layers/footer/components/SiteFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from '#imports'
 import { useI18n } from 'vue-i18n'
-import { faFacebook, faGithub, faLinkedin, faTwitch, faYoutube } from '@fortawesome/free-brands-svg-icons'
+import { faFacebook, faGithub, faInstagram, faLinkedin, faTiktok, faTwitch, faYoutube } from '@fortawesome/free-brands-svg-icons'
 const { t } = useI18n()
 const appConfig = useAppConfig()
 const { discordUrl } = useRuntimeConfig().public
@@ -12,7 +12,17 @@ const versionLabel = computed(() =>
 
 const socialLinks = [
   { href: 'https://twitch.tv/onelitefeathernet', icon: faTwitch, labelKey: 'social.twitch' },
-  { href: 'https://youtube.com/onelitefeathernet', icon: faYoutube, labelKey: 'social.youtube' },
+  {
+    href: 'https://www.youtube.com/channel/UCfPUI5tvNVWJeJ-t93fdj0g',
+    icon: faYoutube,
+    labelKey: 'social.youtube',
+  },
+  { href: 'https://www.tiktok.com/@onelitefeather.net', icon: faTiktok, labelKey: 'social.tiktok' },
+  {
+    href: 'https://www.instagram.com/onelitefeather/',
+    icon: faInstagram,
+    labelKey: 'social.instagram',
+  },
   { href: 'https://facebook.com/onelitefeathernet', icon: faFacebook, labelKey: 'social.facebook' },
   {
     href: 'https://linkedin.com/company/onelitefeathernet',
diff --git a/tests/footer/links.spec.ts b/tests/footer/links.spec.ts
index c1aaa25d..ec9b6faf 100644
--- a/tests/footer/links.spec.ts
+++ b/tests/footer/links.spec.ts
@@ -41,6 +41,13 @@ describe('SiteFooter links', () => {
     expect(hrefs).toContain('/de/about')
   })
 
+  it('links the official YouTube, TikTok and Instagram profiles', async () => {
+    const hrefs = (await open('/de')).map((a) => a.attributes('href'))
+    expect(hrefs).toContain('https://www.youtube.com/channel/UCfPUI5tvNVWJeJ-t93fdj0g')
+    expect(hrefs).toContain('https://www.tiktok.com/@onelitefeather.net')
+    expect(hrefs).toContain('https://www.instagram.com/onelitefeather/')
+  })
+
   it('localises the about link', async () => {
     const hrefs = (await open('/en')).map((a) => a.attributes('href'))
     expect(hrefs).toContain('/en/about')