Add imprint

app/lang/de.json

@@ -141,6 +141,10 @@
       "title": "Hilfe",
       "subtitle": "Hier sind einige Themen und Wörter erklärt. Wenn du weiterhin Fragen hast, wende dich bitte ans Admin Team!",
       "head": "PicHunt Hilfe"
+    },
+    "imprint": {
+      "title": "Impressum",
+      "head": "PicHunt Impressum"
     }
   },
   "validation": {

app/lang/en.json

@@ -141,6 +141,10 @@
       "title": "Help",
       "subtitle": "Here are some topics and words explained. If you still have questions, please contact the Admin Team!",
       "head": "PicHunt Help"
+    },
+    "imprint": {
+      "title": "Imprint",
+      "head": "PicHunt Imprint"
     }
   },
   "validation": {

app/layouts/default.vue

@@ -59,6 +59,17 @@ const slugs = computed(() => checkSlug(route.params));
             <VaSidebarItemTitle>Home</VaSidebarItemTitle>
           </VaSidebarItemContent>
         </VaSidebarItem>
+        <VaSidebarItem
+          :to="$localePath('/impressum')"
+          :active="$localePath('/impressum') === route.path"
+        >
+          <VaSidebarItemContent>
+            <VaIcon name="balance" />
+            <VaSidebarItemTitle>{{
+              t('page.imprint.title')
+            }}</VaSidebarItemTitle>
+          </VaSidebarItemContent>
+        </VaSidebarItem>
         <VaSidebarItem
           v-if="slugs?.huntSlug"
           :to="$localePath(`/hunt/${sluggy(slugs.huntSlug)}`)"

app/pages/impressum.vue

@@ -0,0 +1,116 @@
+<script setup lang="ts">
+import { useTitleStore } from '~/stores/title';
+
+definePageMeta({
+  i18n: {
+    paths: {
+      en: '/imprint',
+      de: '/impressum'
+    }
+  }
+});
+defineI18nRoute({
+  paths: {
+    en: '/imprint',
+    de: '/impressum'
+  }
+});
+
+const { t } = useI18n();
+const titleStore = useTitleStore();
+
+useHead({
+  title: t('layouts.title', {
+    title: t('page.imprint.title')
+  })
+});
+titleStore.title = t('page.imprint.head');
+</script>
+
+<template>
+  <div>
+    <h1 class="text-3xl">{{ t('page.imprint.title') }}</h1>
+
+    <h2>Angaben gemäß § 5 TMG:</h2>
+    <p>Fachschaft 4 der Hochschule Bremen</p>
+    <p>Neustadtswall 30</p>
+    <p>28199 Bremen</p>
+    <p>Email: fachschaft4@hs-bremen.de</p>
+
+    <h2>Verantwortlich für redaktionellen Inhalt:</h2>
+    <p>Fachschaft 4</p>
+    <p>Pascal Syma</p>
+    <p>Neustadtswall 30</p>
+    <p>28199 Bremen</p>
+    <p>Email: fachschaft4@hs-bremen.de</p>
+
+    <h2>Haftung für Inhalte</h2>
+    <p>
+      Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf
+      diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis
+      10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet,
+      übermittelte oder gespeicherte fremde Informationen zu überwachen oder
+      nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit
+      hinweisen.
+    </p>
+    <p>
+      Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen
+      nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine
+      diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer
+      konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden
+      Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
+    </p>
+
+    <h2>Haftung für Links</h2>
+    <p>
+      Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren
+      Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden
+      Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten
+      Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten
+      verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung
+      auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum
+      Zeitpunkt der Verlinkung nicht erkennbar.
+    </p>
+    <p>
+      Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
+      ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
+      Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend
+      entfernen.
+    </p>
+
+    <h2>Urheberrecht</h2>
+    <p>
+      Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
+      Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
+      Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen
+      des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen
+      Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den
+      privaten, nicht kommerziellen Gebrauch gestattet.
+    </p>
+    <p>
+      Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden,
+      werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte
+      Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine
+      Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
+      entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden
+      wir derartige Inhalte umgehend entfernen.
+    </p>
+
+    <p class="mt-4">
+      Quelle:
+      <a
+        href="https://www.erecht24.de"
+        class="underline"
+        target="_blank"
+        rel="noopener noreferrer"
+        >https://www.e-recht24.de</a
+      >
+    </p>
+  </div>
+</template>
+
+<style scoped>
+h2 {
+  @apply mb-4 mt-8 text-2xl;
+}
+</style>