Rework wiki start page

docs/index.md

@@ -1,10 +1,16 @@
-<center>![TurnipTales Logo](icon_small.png "TurnipTales")</center>
+<center>
+![TurnipTales Logo](icon_small.png "TurnipTales")
 
-### <center>**TurnipTales.net**
+## **Willkommen im TurnipTales Wiki!**
 
-!!! info "Willkommen im Wiki"
+Hier findest du Antworten auf alle möglichen Fragen zu unseren Systemen.</br>
+Falls du nicht fündig wurdest, hilft dir unser Support gerne weiter.
 
-    Du befindest dich im offiziellen Wiki von TurnipTales. Hier findest du Antworten auf alle möglichen Fragen zu unseren Systemen. Falls du hier doch nicht fündig werden solltest, hilft dir unser Support gerne weiter.
+**[Webseite](https://turniptales.net/) — [Forum](https://forum.turniptales.net/forum/) — [Discord](https://discord.gg/turniptales)**
 
-### <center>**Offizielle Links**
-<center>**[Webseite](https://turniptales.net/) - [Forum](https://forum.turniptales.net/forum/) - [Discord](https://discord.gg/turniptales)**
+<div class="grid cards" markdown>
+
+- :fontawesome-brands-html5: __COMMANDS__
+- :fontawesome-brands-js: __FRAKTIONEN UND ORGANISATIONEN__
+
+</div>

docs/stylesheets/extra.css

@@ -8,7 +8,7 @@
 }
 
 header {
-    background-image: url("background.png");
+    background-image: url("header_background.png");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;

mkdocs.yml

@@ -1,6 +1,8 @@
 # Project information
 site_name: TurnipTales Wiki
 site_url: https://wiki.turniptales.net/
+site_author: TurnipTales
+site_description: "TurnipTales Wiki - Das Nachschlagewerk für TurnipTales"
 
 # Repository
 repo_url: https://github.com/TurnipTales/turniptales-wiki
@@ -31,7 +33,7 @@ extra_javascript: [ 'imprint.js' ]
 # configuration
 theme:
   name: material
-  custom_dir: docs/overrides
+  custom_dir: overrides
   logo: icon.png
   favicon: icon.png
   language: de
@@ -55,12 +57,14 @@ theme:
   feature:
     tabs: true
   features:
-    - navigation.top
-    - navigation.footer
-    - header.autohide
     - announce.dismiss
-    - navigation.sections
+    - header.autohide
+    - navigation.footer
     - navigation.indexes
+#    - navigation.sections
+    - navigation.tabs
+    - navigation.tabs.sticky
+    - navigation.top
     - toc.follow
 
 # extensions
@@ -76,21 +80,21 @@ markdown_extensions:
   - pymdownx.emoji:
       #      emoji_index: !!python/name:material.extensions.emoji.twemoji
       emoji_generator: !!python/name:materialx.emoji.to_svg
-  - pymdownx.keys
+  - admonition
+  - attr_list
+  - def_list
+  - md_in_html
   - pymdownx.details
   - pymdownx.inlinehilite
+  - pymdownx.keys
   - pymdownx.snippets
   - pymdownx.superfences
-  - admonition
-  - def_list
-  - attr_list
   - tables
-  - md_in_html
 
 # page tree
 nav:
-  - Allgemein:
-      - Startseite: index.md
+  - TurnipTales: https://turniptales.net/
+  - Übersicht: index.md
   - Gruppierungen:
       - Allgemein: fraktionen/allgemein.md
       - Staatliche Fraktionen:
@@ -106,6 +110,12 @@ nav:
           - Pruszków Familie: ko/pruszkowfamilie.md
           - Söldner: ko/söldner.md
   - Commands:
+      - Spieler: commands/player.md
       - Gruppierungen:
           - Fraktionsübergreifend: commands/group/crossfaction.md
           - Stadtverwaltung: commands/group/cityAdministration.md
+          - Bundesnachrichtendienst: commands/group/federalIntelligenceService.md
+          - Polizei: commands/group/police.md
+          - Rettungsdienst: commands/group/rescueService.md
+          - Kriminelle Organisationen: commands/group/criminalOrganisation.md
+      - Team: commands/team.md

overrides/main.html

@@ -0,0 +1,62 @@
+{% extends "base.html" %}
+
+{% block announce %}
+
+<script>
+    window.onload = function() {
+        if (document.title === "TurnipTales Wiki") {
+            const bannerElements = document.getElementsByClassName("md-banner");
+            for (let i = 0; i < bannerElements.length; i++) {
+                bannerElements[i].remove();
+            }
+
+            const headerElements = document.getElementsByTagName("header");
+            for (let i = 0; i < headerElements.length; i++) {
+                headerElements[i].style.backgroundColor = "transparent";
+                headerElements[i].style.backgroundImage = "none";
+            }
+
+            const headerInnerElements = document.getElementsByClassName("md-header__inner");
+            for (let i = 0; i < headerInnerElements.length; i++) {
+                headerInnerElements[i].remove();
+            }
+
+            const sidebarPrimaryElements = document.getElementsByClassName("md-sidebar md-sidebar--primary");
+            for (let i = 0; i < sidebarPrimaryElements.length; i++) {
+                sidebarPrimaryElements[i].remove();
+            }
+
+            const sidebarSecondaryElements = document.getElementsByClassName("md-sidebar md-sidebar--secondary");
+            for (let i = 0; i < sidebarSecondaryElements.length; i++) {
+                sidebarSecondaryElements[i].remove();
+            }
+
+            const h1Elements = document.getElementsByTagName("h1");
+            for (let i = 0; i < h1Elements.length; i++) {
+                h1Elements[i].remove();
+            }
+
+            const footerElements = document.getElementsByClassName("md-footer__inner");
+            for (let i = 0; i < footerElements.length; i++) {
+                footerElements[i].remove();
+            }
+
+            const mainElements = document.getElementsByClassName("md-main");
+            if (mainElements.length > 0) {
+                mainElements[0].style.backgroundImage = "url('stylesheets/background.png')";
+            }
+        }
+    }
+</script>
+
+
+
+Wenn du Hilfe brauchst oder Ideen hast, schau auf unserem
+<a href="https://discord.gg/turniptales" rel="me">
+            <span class="twemoji discord">
+              {% include ".icons/fontawesome/brands/discord.svg" %}
+            </span>
+    <strong>Discord</strong>
+</a>
+vorbei!
+{% endblock %}