adds footer links

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wanderer",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",

web/src/lib/components/footer.svelte

@@ -1,30 +1,59 @@
 <script>
     import LogoTextLight from "./logo/logo_text_light.svelte";
     import { _ } from "svelte-i18n";
-
 </script>
 
-<footer class="bg-footer-background text-white w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-y-8 p-12 mt-12 rounded-t-3xl">
-    <LogoTextLight></LogoTextLight>
+<footer
+    class="bg-footer-background text-white w-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-y-8 gap-x-12 p-12 mt-12 rounded-t-3xl"
+>
+    <div class="col-span-2 md:col-span-1">
+        <LogoTextLight></LogoTextLight>
+    </div>
     <div>
         <h5 class="font-semibold">Resources</h5>
-        <ul></ul>
+        <ul class="mt-4 text-sm">
+            <li>
+                <a href="https://github.com/Flomp/wanderer/wiki"
+                    >{$_("documentation")}</a
+                >
+            </li>
+            <li><a href="https://pocketbase.io/">PocketBase</a></li>
+            <li><a href="https://www.meilisearch.com/">meilisearch</a></li>
+        </ul>
     </div>
     <div>
         <h5 class="font-semibold">wanderer</h5>
         <ul class="mt-4 text-sm">
-            <li>{$_('about')}</li>
-            <li>{$_('features')}</li>
-            <li>{$_('changelog')}</li>
-            <li><a href="https://github.com/Flomp/wanderer/blob/main/LICENSE">{$_('license')}</a></li>
+            <li>
+                <a href="https://github.com/Flomp/wanderer/wiki"
+                    >{$_("about")}</a
+                >
+            </li>
+            <li>
+                <a href="https://github.com/Flomp/wanderer/wiki/Basic-usage"
+                    >{$_("features")}</a
+                >
+            </li>
+            <li>{$_("changelog")}</li>
+            <li>
+                <a href="https://github.com/Flomp/wanderer/blob/main/LICENSE"
+                    >{$_("license")}</a
+                >
+            </li>
         </ul>
     </div>
     <div>
         <h5 class="font-semibold">Community</h5>
         <ul class="mt-4 text-sm">
             <li><a href="https://github.com/Flomp/wanderer">GitHub</a></li>
-            <li><a href="https://github.com/Flomp/wanderer/issues">Issues</a></li>
-            <li><a href="https://github.com/Flomp/wanderer/pulls">{$_('contribute')}</a></li>
+            <li>
+                <a href="https://github.com/Flomp/wanderer/issues">Issues</a>
+            </li>
+            <li>
+                <a href="https://github.com/Flomp/wanderer/pulls"
+                    >{$_("contribute")}</a
+                >
+            </li>
         </ul>
     </div>
 </footer>

web/src/lib/i18n/locales/de.json

@@ -33,6 +33,7 @@
   "directions": "Wegbeschreibung",
   "display-as": "Anzeigen als",
   "distance": "Distanz",
+  "documentation": "Dokumentation",
   "download-gpx": "GPX herunterladen",
   "easy": "Einfach",
   "edit": "Bearbeiten",
@@ -47,7 +48,7 @@
   "est-duration": "Gesch. Dauer",
   "explore": "Erkunden",
   "explore-some-trails": "Erkunden Sie einige Routen",
-  "features": "Feature",
+  "features": "Features",
   "german": "Deutsch",
   "hero_section_0_text": "Entdecke spannende Routen, speichere deine Favoriten und erlebe die Schönheit der Natur. Finde dein nächstes Abenteuer!",
   "hero_section_1_heading": "Hier gibt es noch keine Routen",

web/src/lib/i18n/locales/en.json

@@ -33,6 +33,7 @@
   "directions": "Directions",
   "display-as": "Display as",
   "distance": "Distance",
+  "documentation": "Documentation",
   "download-gpx": "Download GPX",
   "easy": "Easy",
   "edit": "Edit",