🚧[docs] Creates homepage resembling vuepress version

docsvite/.vitepress/config.mts

@@ -101,29 +101,19 @@ LANGS.forEach(lang => {
   localeConfigs.pwaPopupConfigs[`/${lang}/`] = pwaPopupConfig;
 });
 localeConfigs.siteConfigs['root'] = localeConfigs.siteConfigs['en_US'];
-console.log(localeConfigs.siteConfigs);
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "LSS-Manager V.4 Wiki",
   description: "The Wiki for LSS-Manager V.4",
+  outDir: "../dist/docs",
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Examples', link: '/markdown-examples' },
       { text: `v${versions.short}`, link: `https://github.com/${config.github.repo}/releases/tag/v${versions.short}` }
     ],
 
-    sidebar: [
-      {
-        text: 'Examples',
-        items: [
-          { text: 'Markdown Examples', link: '/markdown-examples' },
-          { text: 'Runtime API Examples', link: '/api-examples' }
-        ]
-      }
-    ],
+    sidebar: {},
 
     socialLinks: [
       { icon: 'github', link: `https://github.com/${config.github.repo}` },

docsvite/.vitepress/theme/custom.css

@@ -0,0 +1,12 @@
+.VPHome .VPHero.has-image .actions {
+    justify-content: center;
+    gap: 0.5rem 1rem;
+
+    .action:nth-last-child(2),
+    .action:nth-child(4) {
+        visibility: hidden;
+        width: 100%;
+        height: 0;
+        padding: 0;
+    }
+}

docsvite/.vitepress/theme/index.ts

@@ -3,6 +3,7 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
+import './custom.css'
 
 export default {
   extends: DefaultTheme,

docsvite/index.md

@@ -1,25 +1,62 @@
 ---
-# https://vitepress.dev/reference/default-theme-home-page
 layout: home
 
 hero:
   name: "LSS-Manager V.4 Wiki"
-  text: "The Wiki for LSS-Manager V.4"
-  tagline: My great project tagline
+  tagline: "The Wiki for LSS-Manager V.4"
+  image:
+    src: https://docs.lss-manager.de/img/lssm.png
   actions:
-    - theme: brand
-      text: Markdown Examples
-      link: /markdown-examples
-    - theme: alt
-      text: API Examples
-      link: /api-examples
-
-features:
-  - title: Feature A
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature B
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature C
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    - text: 🇩🇪
+      link: /de_DE/
+      theme: brand
+    - text: 🇬🇧🇺🇸
+      link: /en_US/
+      theme: brand
+    - text: 🇳🇱
+      link: /nl_NL/
+      theme: brand
+    - text: " "
+      link: " "
+      theme: alt
+    - text: 🇨🇿
+      link: /cs_CZ/
+      theme: alt
+    - text: 🇪🇸
+      link: /es_ES/
+      theme: alt
+    - text: 🇫🇮
+      link: /fi_FI/
+      theme: alt
+    - text: 🇫🇷
+      link: /fr_FR/
+      theme: alt
+    - text: 🇮🇹
+      link: /it_IT/
+      theme: alt
+    - text: 🇳🇴
+      link: /nb_NO/
+      theme: alt
+    - text: 🇵🇱
+      link: /pl_PL/
+      theme: alt
+    - text: 🇸🇪
+      link: /sv_SE/
+      theme: alt
+    - text: " "
+      link: " "
+      theme: alt
+    - text: Language not listed?
+      link: /en_US/faq#_1-lss-manager-does-not-support-your-game-yet
+      theme: alt
 ---
 
+[![Online Status for stable](https://status.lss-manager.de/api/badge/71/status?style=flat&upLabel=online&downLabel=offline&label=stable)](https://status.lss-manager.de/) [![Online Status for beta](https://status.lss-manager.de/api/badge/72/status?style=flat&upLabel=online&downLabel=offline&label=beta)](https://status.lss-manager.de/)
+
+### Easy installation
+
+1. [Tampermonkey](https://tampermonkey.net/)
+2. [Userscript](https://v4.lss-manager.de/lssm-v4.user.js)
+3. Reload game & start using LSSM
+
+For more information click on your flag above