some changes

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "valentjn.vscode-ltex"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "cSpell.words": [
+        "komponenten"
+    ],
+    "ltex.language": "de-DE"
+}

de/components.md

@@ -1,14 +1,15 @@
 # Die Komponenten der ScStw
-Die ScStw ist sehr modular und besteht aus mehreren Teilen, die verschiedene Funktonen erfüllen.
+Die ScStw ist sehr modular und besteht aus mehreren Teilen, die verschiedene Funktionen erfüllen.
 
 ## Die Basestation
 Die Basestation ist die zentrale Steuereinheit der ScStw. Sie steuert das Rennen und gibt sowohl den IFSC Startton als auch die Ansagen "At your marks" und "Ready" wieder.
 
 ## Die App
-Die App wird für die Bedieung der ScStw verwendet. Über sie kann alles gesteuert und eingestellt werden, was nötig ist um Zeitmessungen durchzuführen.
+Die App wird für die Bedienung der ScStw verwendet. Über sie kann alles gesteuert und eingestellt werden, was nötig ist um Zeitmessungen durchzuführen.
 
 ## Die Startpads
-Die Startpads werden verwendet um Fehlstarts der Kletterer zu erkennen. Sie verbinden sich Kabellos mit der Basestation und agiren autonom.  
+Die Startpads werden verwendet, um Fehlstarts der Kletterer zu erkennen. Sie verbinden sich Kabellos mit der Basestation und agiren autonom.  
 Für jede Lane wird 
 
 ## Die Toppads
+Die Toppads sind dazu da, die Zeitmessung zu beenden, sobald der Athlet

index.dev.js

@@ -1,46 +1,40 @@
 new Docute({
-    // Overrides for all languages
+  // Overrides for all languages
-    router: {
+  router: {
-      mode: "history",
+    mode: "history",
+  },
+  overrides: {
+    "/v0.2/": {
+      sourcePath: "https://itsblue.dev/ScStw/app/raw/0.1",
     },
-    overrides: {
+    "/": {
-      "/v0.2/": {
+      // Define some general stuff
-        sourcePath: "https://itsblue.dev/ScStw/app/raw/0.1",
+      title: "ScStw - Dokumentation",
-      },
+      language: "Deutsch",
-      "/": {
+      sourcePath: "/de",
-        // Define some general stuff
-        title: "ScStw - Dokumentation",
-        language: "Deutsch",
-        sourcePath: "/de",
 
-        // Define the sidebar
+      // Define the sidebar
-        sidebar: [
+      sidebar: [
-          { title: "Einleitung", link: "/" },
+        { title: "Einleitung", link: "/" },
-          { title: "Komponenten", link: "/components" },
+        { title: "Komponenten", link: "/components" },
-          {
+        {
-            title: "Benutzung",
+          title: "Benutzung",
-            children: [
+          children: [
-              {
+            {
-                title: "Grundlagen",
+              title: "Grundlagen",
-                link: "/usage",
+              link: "/usage",
-              },
+            },
-            ],
+          ],
-          },
+        },
-        ],
+      ],
-
-        // Define the navbar
-        nav: [
-          {
-            title: "Dokumentation",
-            link: "/",
-          },
-          {
-            title: "Itsblue Webseite",
-            link: "https://itsblue.de/scstw?ref=ScStwDocumentation",
-          },
-        ],
-      },
     },
-    detectSystemDarkTheme: true,
+  },
-    darkThemeToggler: true,
+  detectSystemDarkTheme: true,
-  });
+  darkThemeToggler: true,
+  footer: `
+    <div style="border-top:1px solid var(--border-color);padding-top:30px;margin: 40px 0;color:#999999;font-size: .9rem;">
+    Want more information? Feel free to contact us <a href="https://itsblue.de/contact" target="blank">on our website</a> or at <a href="mailto:contact@itsblue.de">contact@itsblue.de</a>.<br>
+    &copy; ${new Date().getFullYear()} Itsblue Development.
+    </div>
+    `,
+});

index.js

@@ -27,20 +27,14 @@ new Docute({
             ],
           },
         ],
-
-        // Define the navbar
-        nav: [
-          {
-            title: "Dokumentation",
-            link: "/",
-          },
-          {
-            title: "Itsblue Webseite",
-            link: "https://itsblue.de/scstw?ref=ScStwDocumentation",
-          },
-        ],
       },
     },
     detectSystemDarkTheme: true,
     darkThemeToggler: true,
+    footer: `
+    <div style="border-top:1px solid var(--border-color);padding-top:30px;margin: 40px 0;color:#999999;font-size: .9rem;">
+    Want more information? Feel free to contact us <a href="https://itsblue.de/contact" target="blank">on our website</a> or at <a href="mailto:contact@itsblue.de">contact@itsblue.de</a>.<br>
+    &copy; ${new Date().getFullYear()} Itsblue Development.
+    </div>
+    `,
   });