✨ Adds footer and about

app/layouts/default.vue

@@ -8,7 +8,7 @@
             </UTooltip>
         </template>
 
-        <UNavigationMenu :items="items" />
+        <UNavigationMenu :items="items"/>
 
         <template #right>
             <UTooltip text="Otvor na Gitea">
@@ -24,14 +24,29 @@
         </template>
     </UHeader>
 
-    <UApp>
-        <div class="m-4 w-full h-full flex flex-col">
-            <slot />
+    <UContainer>
+        <div class="w-[40vw] my-[5vh] w-full h-full flex flex-col">
+            <slot/>
         </div>
-    </UApp>
+    </UContainer>
+
+    <UFooter>
+        <template #left>
+            <p class="text-muted text-sm">Copyleft 🄯 {{ new Date().getFullYear() }}</p>
+        </template>
+
+        <template #right>
+            <p class="text-muted text-sm">
+                Vytvoril
+                <NuxtLink to="https://svitan.dev/sk/" target="_blank" class="underline">Daniel Svitan</NuxtLink>
+            </p>
+        </template>
+    </UFooter>
 </template>
 
 <script lang="ts" setup>
+import type {NavigationMenuItem} from "#ui/components/NavigationMenu.vue";
+
 const route = useRoute();
 
 const items = computed<NavigationMenuItem[]>(() => [
@@ -69,6 +84,6 @@ const items = computed<NavigationMenuItem[]>(() => [
 
 useHead({
     title: "Food Not Bombs",
-    link: [{ rel: "icon", type: "image/png", href: "/logo.png" }],
+    link: [{rel: "icon", type: "image/png", href: "/logo.png"}],
 });
 </script>