From 65ef6f682f78a3800c4543b9371c1bf19d09a05d Mon Sep 17 00:00:00 2001
From: Lucien Cartier-Tilet <lucien@phundrak.com>
Date: Thu, 5 Feb 2026 12:24:04 +0100
Subject: [PATCH] feat(footer): more footer content

---
 app/components/AppFooter.vue            | 35 ++++++++++++++++++-------
 app/components/footer/SocialAccount.vue | 15 +++++++++++
 app/types/social-account.ts             |  5 ++++
 i18n/locales/en.json                    |  5 +++-
 i18n/locales/fr.json                    |  5 +++-
 5 files changed, 54 insertions(+), 11 deletions(-)
 create mode 100644 app/components/footer/SocialAccount.vue
 create mode 100644 app/types/social-account.ts

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 8925a36..360a50a 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -11,13 +11,12 @@
     <UNavigationMenu :items="items" variant="link" :orientation="orientation" />
 
     <template #right>
-      <UButton
-        icon="i-simple-icons-github"
-        color="neutral"
-        variant="ghost"
-        to="https://github.com/Phundrak"
-        target="_blank"
-        aria-label="GitHub"
+      <FooterSocialAccount
+        v-for="social in socialAccounts"
+        :key="social.label"
+        :icon="social.icon"
+        :link="social.link"
+        :label="social.label"
       />
     </template>
   </UFooter>
@@ -26,6 +25,7 @@
 <script setup lang="ts">
 import type { NavigationMenuItem } from '@nuxt/ui';
 import { version } from '../../package.json';
+import type { SocialAccount } from '~/types/social-account';
 
 const toast = useToast();
 const { isMobile } = useDevice();
@@ -35,20 +35,37 @@ const { data, error, loading } = getMeta();
 const backendVersion = computed(() =>
   loading.value ? 'backend.loading' : data?.value?.version || $t('backend.failed'),
 );
+
+const socialAccounts: SocialAccount[] = [
+  { icon: 'i-simple-icons-mastodon', label: 'Fediverse', link: 'https://social.phundrak.com/phundrak' },
+  { icon: 'i-simple-icons-gitea', label: 'Gitea', link: 'https://labs.phundrak.com/phundrak' },
+  { icon: 'i-simple-icons-github', label: 'GitHub', link: 'https://github.com/Phundrak' },
+  { icon: 'i-simple-icons-youtube', label: 'YouTube', link: 'https://youtube.com/@phundrak' },
+];
+
 const items = computed<NavigationMenuItem[]>(() => [
   {
-    label: $t('footer.links.source'),
-    to: 'https://labs.phundrak.com/phundrak/phundrak.com',
+    label: $t('footer.links.source.backend'),
+    to: 'https://labs.phundrak.com/phundrak/bakit',
+    target: '_blank',
+  },
+  {
+    label: $t('footer.links.source.frontend'),
+    to: 'https://labs.phundrak.com/phundrak/framit',
+    target: '_blank',
   },
   {
     label: $t('footer.links.nuxt'),
     to: 'https://nuxt.com/',
+    target: '_blank',
   },
   {
     label: $t('footer.links.rust'),
     to: 'https://rust-lang.org/',
+    target: '_blank',
   },
 ]);
+
 watch(error, (value) => {
   if (value) {
     toast.add({
diff --git a/app/components/footer/SocialAccount.vue b/app/components/footer/SocialAccount.vue
new file mode 100644
index 0000000..004626a
--- /dev/null
+++ b/app/components/footer/SocialAccount.vue
@@ -0,0 +1,15 @@
+<template>
+  <UButton
+    :icon="props.icon"
+    color="neutral"
+    variant="ghost"
+    :to="props.link"
+    target="_blank"
+    :aria-label="props.label"
+  />
+</template>
+
+<script setup lang="ts">
+import type { SocialAccount } from '~/types/social-account';
+const props = defineProps<SocialAccount>();
+</script>
diff --git a/app/types/social-account.ts b/app/types/social-account.ts
new file mode 100644
index 0000000..f3f815a
--- /dev/null
+++ b/app/types/social-account.ts
@@ -0,0 +1,5 @@
+export interface SocialAccount {
+  icon: string;
+  label: string;
+  link: string;
+}
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index c52c050..3d576c0 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -70,7 +70,10 @@
   },
   "footer": {
     "links": {
-      "source": "Website’s source code",
+      "source": {
+        "backend": "Backend Source Code",
+        "frontend": "Frontend Source Code"
+      },
       "nuxt": "Frontend made with Nuxt",
       "rust": "Backend made with Rust"
     },
diff --git a/i18n/locales/fr.json b/i18n/locales/fr.json
index 98f68ea..abbfca2 100644
--- a/i18n/locales/fr.json
+++ b/i18n/locales/fr.json
@@ -70,7 +70,10 @@
   },
   "footer": {
     "links": {
-      "source": "Code source du site web",
+      "source": {
+        "backend": "Code source du backend",
+        "frontend": "Code source du frontend"
+      },
       "nuxt": "Frontend fait avec Nuxt",
       "rust": "Backend fait avec Rust"
     },