frontend/src/App.vue

@@ -2,5 +2,6 @@
     <div class="flex min-h-screen flex-col bg-background">
         <AppHeader />
         <router-view />
+        <AppFooter />
     </div>
 </template>

frontend/src/components.d.ts

@@ -13,6 +13,7 @@ declare module 'vue' {
   export interface GlobalComponents {
     AboutComparisonTable: typeof import('./components/about/AboutComparisonTable.vue')['default']
     AboutSectionNav: typeof import('./components/about/AboutSectionNav.vue')['default']
+    AppFooter: typeof import('./components/layout/AppFooter.vue')['default']
     AppHeader: typeof import('./components/layout/AppHeader.vue')['default']
     ExpandableImage: typeof import('./components/ExpandableImage.vue')['default']
     InlineTabList: typeof import('./components/InlineTabList.vue')['default']

frontend/src/components/layout/AppFooter.vue

@@ -0,0 +1,37 @@
+<template>
+    <footer class="mt-auto border-t border-border bg-card">
+        <div
+            class="mx-auto flex max-w-5xl flex-col items-center gap-2 px-4 py-5 text-center text-xs text-muted-foreground sm:px-6 sm:text-sm"
+        >
+            <p class="flex flex-wrap items-center justify-center gap-x-2 gap-y-1">
+                <a
+                    :href="sourceRepoClearnetUrl"
+                    class="underline-offset-2 hover:text-foreground hover:underline"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                >
+                    Source (clearnet)
+                </a>
+                <span class="text-border" aria-hidden="true">·</span>
+                <a
+                    :href="sourceRepoOnionUrl"
+                    class="underline-offset-2 hover:text-foreground hover:underline"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                >
+                    Source (onion)
+                </a>
+            </p>
+            <p>
+                Private Image by <span class="font-medium text-foreground">nobswebdev</span>
+            </p>
+        </div>
+    </footer>
+</template>
+
+<script setup lang="ts">
+const sourceRepoClearnetUrl = 'https://git.nobswebdev.com/nobswebdev/private_image';
+
+const sourceRepoOnionUrl =
+    'http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/private_image';
+</script>