Merge branch 'master' into workflows-trigger-pull_request

2025-12-12 15:25:58 +00:00 · 2024-05-25 08:37:35 +02:00 · 2024-05-25 08:37:35 +02:00 · 351c6f74c2
commit 351c6f74c2
parent 96db268fc5 0a4ae74187
39 changed files with 3009 additions and 1751 deletions
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@ -2,6 +2,7 @@ version: 2
 updates:

 - package-ecosystem: "github-actions"
+  open-pull-requests-limit: 99
  directory: "/"
  rebase-strategy: "disabled"
  schedule:
@ -11,6 +12,7 @@ updates:
    time: "03:00"

 - package-ecosystem: npm
+  open-pull-requests-limit: 99
  directory: "/"
  rebase-strategy: "disabled"
  schedule:
@ -18,3 +20,12 @@ updates:
    day: "saturday"
    timezone: "Europe/Berlin"
    time: "03:00"
+  groups:
+    textlint:
+      applies-to: version-updates
+      patterns:
+        - "*textlint*"
+    vuepress:
+      applies-to: version-updates
+      patterns:
+        - "*vuepress*"
--- a/.textlintrc.js
+++ b/.textlintrc.js
@ -4,9 +4,7 @@ module.exports = {
    'no-start-duplicated-conjunction': {
      interval : 2, // interval of sentences
    },
-    'max-comma': {
-      max : 4,
-    },
+     'max-comma': false,
    /*'no-dead-link': {
      checkRelative: true,
      baseURI: null,
@ -20,7 +18,7 @@ module.exports = {
    },*/
    'no-empty-section': true,
    'textlint-rule-no-empty-element': true,
-    'period-in-list-item': true,
+    'period-in-list-item': false,
    '@textlint-rule/no-unmatched-pair': true,
    'no-zero-width-spaces': true,
    'doubled-spaces': true,
@ -28,10 +26,7 @@ module.exports = {
      // Misspellings to be ignored (case-insensitive)
      ignore: [],
    },
-    'write-good': {
-      passive: false,
-      thereIs: false
-    },
+    'write-good': false,
    'apostrophe': true,
  },
  filters: {
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@ -1,27 +1,34 @@
+import { getDirname, path } from "vuepress/utils"
 import { defineUserConfig } from 'vuepress'
 import { viteBundler } from '@vuepress/bundler-vite'

 import meta from './config/meta'
 import theme from './config/theme'
-import plugins from './config/plugins'
+
+const __dirname = getDirname(import.meta.url)

 export default defineUserConfig({
  ...meta,
  theme,
-  plugins,
  bundler: viteBundler(),
  base: process.env.VUEPRESS_BASE ? `/${process.env.VUEPRESS_BASE}/` : '/',
+  alias: {
+    '@theme': path.resolve(
+      __dirname,
+      './theme',
+    ),
+  },
  locales: {
    // The key is the path for the locale to be nested under.
    // As a special case, the default locale can use '/' as its path.
    '/de/': {
      lang: 'de-DE',
    },
-    '/en/': {
-      lang: 'en-EN',
-    },
-    '/fr/': {
-      lang: 'fr-FR',
-    },
+    // '/en/': {
+    //   lang: 'en-EN',
+    // },
+    // '/fr/': {
+    //   lang: 'fr-FR',
+    // },
  }
 })
--- a/docs/.vuepress/config/meta.js
+++ b/docs/.vuepress/config/meta.js
@ -1,6 +1,7 @@
 export default {
  title: 'Ocelot.Social',
-  // description: 'Free and open-source social network for active citizenship.',
+  description: 'Free and open source software to create and run your own social network',
+  author: 'busFaktor() e.V.',
  head: [
    ['meta', {name: 'viewport', content: 'width=device-width,initial-scale=1'}]
  ],
--- a/docs/.vuepress/config/plugins.js
+++ b/docs/.vuepress/config/plugins.js
@ -1,7 +0,0 @@
-import { redirectPlugin } from 'vuepress-plugin-redirect'
-
-export default [
-  redirectPlugin({
-    autoLocale: true,
-  })
-]
--- a/docs/.vuepress/config/theme.js
+++ b/docs/.vuepress/config/theme.js
@ -23,72 +23,107 @@ export default hopeTheme({
    '/de/': {
      lang: 'de-DE',
      title: 'Ocelot.Social',
-      copyright: '&copy; von <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Authoren | <a href="/de/impressum/">Impressum</a>',
+      description: 'Ocelot.Social – Freie und Open-Source-Software zum Erstellen und Betreiben deines eigenen sozialen Netzwerks.',
+      copyright: '&copy; von <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Authoren | <a href="/de/imprint/">Impressum</a> | <a href="/de/privacy-policy/">Datenschutz</a>',
      footer: 'Unter der <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->MIT Lizenz<!--]--><!----></a> ausgeliefert.',
      navbar: [
        {
-          text: 'Dokumentation',
-          link: 'https://docs.ocelot.social/' ,
-          target: '_self',
+          text: 'Funktionen',
+          link: '/de/features/'
        },
        {
-          text: 'Demo',
-          link: 'https://stage.ocelot.social/',
-          target: '_self',
+          text: 'Einstieg',
+          link: '/de/get-started/'
        },
        {
-          text: 'Impressum',
-          link: '/de/impressum/'
+          text: 'Mitmachen',
+          link: '/de/contribute/'
+        },
+        {
+          text: 'Lernen',
+          link: '/de/learn/' ,
+        },
+        {
+          text: 'Spenden',
+          link: '/de/donate/'
+        },
+        {
+          text: 'Kontakt',
+          link: '/de/contact/'
        },
      ],
    },
-    '/en/': {
-      lang: 'en-US', // this will be set as the lang attribute on <html>
-      title: 'Ocelot.Social',
-      // description: ''
-      copyright: '&copy; by <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Authors | <a href="/en/impressum/">Impressum</a>',
-      footer: 'Released under the <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->MIT License<!--]--><!----></a>.',
-      navbar: [
-        { 
-          text: 'Documentation',
-          link: 'https://docs.ocelot.social/',
-          target: '_self',
-        },
-        { 
-          text: 'Demo',
-          link: 'https://stage.ocelot.social/',
-          target: '_self',
-        },
-        {
-          text: 'Imprint',
-          link: '/en/impressum/'
-        },
-      ],
-    },
-    '/fr/': {
-      lang: 'fr-FR',
-      title: 'Ocelot.Social',
-      copyright: '&copy; par <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Auteurs | <a href="/fr/impressum/">Mentions légales</a>',
-      footer: 'Publié sous la <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->licence MIT<!--]--><!----></a>.',
-      navbar: [
-        { 
-          text: 'Documentation',
-          link: 'https://docs.ocelot.social/',
-          target: '_self',
-        },
-        { 
-          text: 'Demo',
-          link: 'https://stage.ocelot.social/',
-          target: '_self',
-        },
-        {
-          text: 'Mentions légales',
-          link: '/fr/impressum/'
-        },
-      ],
-    }
+    // '/en/': {
+    //   lang: 'en-US', // this will be set as the lang attribute on <html>
+    //   title: 'Ocelot.Social',
+    //   description: 'Ocelot.Social – Free and open source software to create and run your own social network.',
+    //   copyright: '&copy; by <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Authors | <a href="/en/imprint/">Imprint</a> | <a href="/en/privacy-policy/">Privacy Policy</a>',
+    //   footer: 'Released under the <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->MIT License<!--]--><!----></a>.',
+    //   navbar: [
+    //     {
+    //       text: 'Features',
+    //       link: '/en/features/'
+    //     },
+    //     {
+    //       text: 'Get Started',
+    //       link: '/en/get-started/'
+    //     },
+    //     {
+    //       text: 'Contribute',
+    //       link: '/en/contribute/'
+    //     },
+    //     { 
+    //       text: 'Learn',
+    //       link: '/en/learn/' ,
+    //     },
+    //     {
+    //       text: 'Donate',
+    //       link: '/en/donate/'
+    //     },
+    //     {
+    //       text: 'Contact',
+    //       link: '/en/contact/'
+    //     },
+    //   ],
+    // },
+    // '/fr/': {
+    //   lang: 'fr-FR',
+    //   title: 'Ocelot.Social',
+    //   description: 'Ocelot.Social - Logiciel open source et gratuit pour créer et gérer votre propre réseau social.',
+    //   copyright: '&copy; par <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Auteurs | <a href="/fr/imprint/">Mentions légales</a> | <a href="/fr/privacy-policy/">Protection des données</a>',
+    //   footer: 'Publié sous la <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->licence MIT<!--]--><!----></a>.',
+    //   navbar: [
+    //     {
+    //       text: 'Fonctionnalités',
+    //       link: '/fr/features/'
+    //     },
+    //     {
+    //       text: 'Entrée',
+    //       link: '/fr/get-started/'
+    //     },
+    //     {
+    //       text: 'Contribuer',
+    //       link: '/fr/contribute/'
+    //     },
+    //     { 
+    //       text: 'Apprendre',
+    //       link: '/fr/learn/' ,
+    //     },
+    //     {
+    //       text: 'Donner',
+    //       link: '/fr/donate/'
+    //     },
+    //     {
+    //       text: 'Contact',
+    //       link: '/fr/contact/'
+    //     },
+    //   ],
+    // }
  },
  plugins: {
+    blog: {
+      excerptLength: 0,
+    },
    mdEnhance: {
      align: true,
      demo: true,
@ -99,6 +134,15 @@ export default hopeTheme({
      sup: true,
      vPre: true,
    },
+    redirect: {
+      autoLocale: true,
+      defaultBehavior: 'defaultLocale',
+      defaultLocale: '/de/',
+      localeConfig: {
+        '/de/': ['de-DE', 'en'],
+      },
+      localeFallback: false,
+    },
    searchPro: {
      indexContent: true,
      autoSuggestions: true,
@ -113,6 +157,10 @@ export default hopeTheme({
        },
      ],
    },
-    seo: true,
-  }
+    seo: {
+      fallbackImage: '/logo.svg',
+      hostname: 'https://ocelot.social/'
+    }
+  },
+  iconAssets: "fontawesome",
 })
--- a/docs/.vuepress/public/society-tile-399x122.png
+++ b/docs/.vuepress/public/society-tile-399x122.png
--- a/docs/.vuepress/styles/palette.scss
+++ b/docs/.vuepress/styles/palette.scss
@ -1 +1,248 @@
-$theme-color: #17b53f;
+// Style config: https://theme-hope.vuejs.press/config/style.html
+// Customize color: https://theme-hope.vuejs.press/guide/customize/color.html
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('@theme/assets/fonts/Noto_Sans/NotoSans-Regular.ttf');
+}
+@font-face {
+  font-family: 'Noto Sans Bold';
+  font-style: bold;
+  font-weight: 600;
+  src: url('@theme/assets/fonts/Noto_Sans/NotoSans-Bold.ttf');
+}
+
+$font-family: '"Noto Sans", sans-serif' !default;
+$font-family-heading: '"Noto Sans Bold", sans-serif' !default;
+$theme-color: #17b53f;
+$text-color: (
+  light: #2c3e50,
+  dark: #b3b3b3,
+);
+$ocelot-background-transparent: rgba(0, 0, 0, 0);
+$ocelot-border-color: #e5e4e6;
+$ocelot-button-hover-background-color-light: #f5f4f6;
+$ocelot-button-hover-background-color-dark: rgba(255, 255, 255, 0.15);
+$ocelot-button-color: rgba(255, 255, 255, 0.85);
+$ocelot-button-border-color: rgba(255, 255, 255, 0.66);
+
+html {
+  margin: 0;
+};
+
+body {
+  font-family: 'Noto Sans';
+};
+
+h1, h2, h3, h4 {
+  font-family: 'Noto Sans Bold';
+};
+
+.vp-project-home .theme-hope-content:not(.custom) {
+  max-width: 100%;
+  padding: 0;
+  margin: 0 auto;
+}
+
+.theme-hope-content Button {
+  font-size: 1.1em;
+  color: var(--text-color);
+  background-color: $ocelot-background-transparent;
+  border-color: $ocelot-border-color;
+  transition: 0.3s;
+  border-width: 2px !important;
+  border-style: solid;
+  border-radius: 5px;
+  padding: 12px 16px;
+  cursor: grab;
+
+  html[data-theme="dark"] & {
+    background-color: $ocelot-background-transparent;
+  }
+}
+
+.theme-hope-content Button:hover {
+  color: black;
+  background-color: $ocelot-button-hover-background-color-light;
+  border-color: $ocelot-border-color;
+
+  html[data-theme="dark"] & {
+    color: white !important;
+    background-color: $ocelot-button-hover-background-color-dark !important;
+    border-color: white !important;
+  }
+}
+
+.hero-button {
+  font-size: 1.1em;
+  color: $ocelot-button-color !important;
+  background-color: $ocelot-background-transparent;
+  border-color: r$ocelot-button-border-color;
+  transition: 0.3s;
+  border-style: solid;
+  border-radius: 5px;
+  margin: 40px;
+  padding: 12px 16px;
+}
+
+.hero-button:hover {
+  color: white !important;
+  background-color: $ocelot-button-hover-background-color-dark !important;
+  border-color: white !important;
+  cursor: grab;
+}
+
+.theme-hope-content Button.donate-button {
+  background-color: $theme-color !important;
+  opacity: 0.85 !important;
+  border: 0 !important;
+  color: white !important;
+};
+
+.theme-hope-content Button.donate-button:hover {
+  opacity: 1.0 !important;
+};
+
+.image-grid {
+  display: flex;
+  gap: 5px;
+  flex-wrap: wrap;
+}
+
+.hero-container {
+  background-image: linear-gradient(#282a82, #5e0d46);
+  width: 100%;
+  margin-bottom: 0.5rem;
+  color: #eee;
+}
+
+.hero-container-inner {
+  background-image: url("/society-tile-399x122.png");
+  background-repeat: repeat-x;
+  background-position: center bottom;
+}
+
+.hero-container-content {
+  width: 100%;
+  // margin: 2.8em auto;
+  margin: 0;
+  text-align: center;
+}
+
+#logo {
+  width: 150px;
+  margin-top: 40px;
+}
+
+.slogan {
+  display: block;
+}
+
+#slogan-container {
+  margin: 30px auto;
+}
+
+#slogan-1 {
+  font-family: 'Noto Sans Bold';
+  font-weight: bold;
+  font-size: 3em;
+}
+
+#slogan-2 {
+  font-family: 'Noto Sans';
+  font-size: 2em;
+}
+
+@media screen and (max-width: 650px) {
+  .hero-button {
+    margin: 16px 0;
+  }
+  
+  #slogan-1 {
+    font-size: 2.7em;
+    line-height: 1.1em;
+  }
+
+  #slogan-2 {
+    font-size: 1.85em;
+    line-height: 1.1em;
+    margin-top: 0.5em;
+  }
+}
+
+#main-title {
+  position: absolute;
+  top: -100;
+  opacity: 0 !important;
+}
+
+#main-description {
+  display: none;
+}
+
+.image-grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  text-align: center;
+  margin-bottom: 1em;
+}
+
+.image-grid figure {
+  text-align: center;
+  width: 300px;
+  height: auto;
+  flex-shrink: 1;
+}
+
+.all-features {
+  text-align: center;
+}
+
+h2.large-header {
+  font-size: 2.2em;
+  line-height: 1.2em;
+  text-align: center;
+  margin-top: 0;
+  padding-top: 1.8em;
+  border: 0;
+}
+
+#feature-headline {
+  margin-bottom: 1em;
+}
+
+.benefits-grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  text-align: center;
+}
+
+.benefits-grid figure {
+  width: 300px;
+  height: auto;
+  flex-shrink: 1;
+  align-items: stretch;
+}
+
+.benefits-grid span {
+  font-size: 3rem;
+}
+
+.center {
+  max-width: 1160px;
+  text-align: center;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+
+.center table {
+  width: fit-content;
+  margin: 0 auto !important;
+  text-align: center;
+}
--- a/docs/.vuepress/theme/assets/fonts/Noto_Sans/NotoSans-Bold.ttf
+++ b/docs/.vuepress/theme/assets/fonts/Noto_Sans/NotoSans-Bold.ttf
--- a/docs/.vuepress/theme/assets/fonts/Noto_Sans/NotoSans-Regular.ttf
+++ b/docs/.vuepress/theme/assets/fonts/Noto_Sans/NotoSans-Regular.ttf
--- a/docs/de/README.md
+++ b/docs/de/README.md
@ -2,20 +2,258 @@
 home: true
 # layout: BlogHome
 icon: home
-title: Ocelot.Social
+# title: Ocelot.Social
 heroFullScreen: false
-heroImage: /logo.svg
-heroText: Das freie soziale Open-Source-Netzwerk für eine aktive Zivilgesellschaft.
+# heroImage: /logo.svg
+# heroText: Das freie soziale Open-Source-Netzwerk für eine aktive Zivilgesellschaft.
 tagLine: 
 # actions:
 #   - text: Demo
 #     link: https://stage.ocelot.social/
 ---
-## Wir bauen um

-Unsere Website wird gerade überarbeitet und erweitert. Schau bald wieder rein!
+<!-- markdownlint-disable no-inline-html first-line-heading -->
+<div class="hero-container">
+  <div class="hero-container-inner">
+    <div class="hero-container-content">
+      <img id="logo" src="/logo.svg" alt="ocelot.social" />
+      <div id="slogan-container">
+        <span id="slogan-1" class="slogan">Freie Open-Source-Software</span>
+        <span id="slogan-2" class="slogan">für dein soziales Netzwerk</span>
+      </div>
+      <a href="#benefits">
+        <Button class="hero-button">
+          Entdecke mehr
+        </Button>
+      </a>
+    </div>
+  </div>
+</div>

-Inzwischen findest du uns auf [GitHub](https://github.com/Ocelot-Social-Community/) oder [Discord](https://discord.gg/AGPJ7YgC).
+<h2 id="benefits" class="large-header">Warum Ocelot.Social?</h2>

-Wenn du dieses Projekt unterstützen möchtest, dann kannst du eine [Spende](https://busfaktor.org/en/spenden) für *ocelot.social* 
-bei dem Projektträger machen (busFaktor() e.V.).
+<div class="benefits-grid center">
+  <figure>
+    <HopeIcon icon="fa-solid fa-face-smile" />
+    <figcapture>
+      <h3>Freie Open-Source-Software</h3>
+      Du kannst die Software nutzen und weiterentwickeln.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-people-group" />
+    <figcapture>
+      <h3>Für alle</h3>
+      Ocelot.social eignet sich für die Zivilgesellschaft sowie für staatliche und private Organisationen.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-filter" />
+    <figcapture>
+      <h3>Selbstbestimmtes Filtern</h3>
+      Du wählst selber, welchen Inhalt du siehst – keine undurchschaubare Auswahl.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-gears" />
+    <figcapture>
+      <h3>Konfigurierbar</h3>
+      Als Betreiber kannst du das Design und die Funktionen nach deinen Wünschen einstellen.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-code" />
+    <figcapture>
+      <h3>Erweiterbar</h3>
+      Neue Funktionen können hinzuprogrammiert werden, die allen zugute kommen.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-up-right-and-down-left-from-center" />
+    <figcapture>
+      <h3>Skalierbar</h3>
+      Dank neuster Technik kannst du die Software für alle Netzwerkgrößen einsetzen.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="home" />
+    <figcapture>
+      <h3>Flexibles Hosting</h3>
+      Du kannst dein Netzwerk selber hosten oder von deinem Dienstleister hosten lassen.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-hand-middle-finger" />
+    <figcapture>
+      <h3>Deine eigenen Regeln</h3>
+      Bestimme die Nutzungsbedingungen für dein Netzwerk selber.
+    </figcapture>
+  </figure>
+  <figure>
+    <HopeIcon icon="fa-solid fa-shuttle-space" />
+    <figcapture>
+      <h3>Neueste Technologie</h3>
+      Die Software ist technologisch am Puls der Zeit – flexibel, zuverlässig, performant.
+    </figcapture>
+  </figure>
+</div>
+
+<h2 id="feature-headline" class="large-header">Wichtigste Funktionen</h2>
+
+<div class="image-grid center">
+  <figure>
+    <img src="./assets/login.png" alt="Login" />
+    <figcapture>
+        Login
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/newsfeed.png" alt="Beitragsübersicht (Newsfeed)" />
+    <figcapture>
+        Beitragsübersicht (Newsfeed)
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/single-post.png" alt="Einzelner Beitrag" />
+    <figcapture>
+        Einzelner Beitrag
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/single-event.png" alt="Einzelne Veranstaltung" />
+    <figcapture>
+        Einzelne Veranstaltung
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/user-profile.png" alt="Nutzerprofil" />
+    <figcapture>
+        Nutzerprofil
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/user-settings.png" alt="Einstellungen des Nutzerkontos" />
+    <figcapture>
+        Einstellungen des Nutzerkontos
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/group-list.png" alt="Gruppenübersicht" />
+    <figcapture>
+        Gruppenübersicht
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/group-profile.png" alt="Gruppenprofil" />
+    <figcapture>
+        Gruppenprofil
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/1-to-1-chat.png" alt="Eins-zu-Eins-Chat" />
+    <figcapture>
+        Eins-zu-Eins-Chat
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/notifications.png" alt="Benachrichtigungen" />
+    <figcapture>
+        Benachrichtigungen
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/map.png" alt="Landkarte" />
+    <figcapture>
+        Landkarte
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/language-selection.png" alt="Mehrsprachigkeit" />
+    <figcapture>
+        Mehrsprachigkeit
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/moderation.png" alt="Moderation" />
+    <figcapture>
+        Moderation
+    </figcapture>
+  </figure>
+  <figure>
+    <img src="./assets/system-administration.png" alt="Systemverwaltung" />
+    <figcapture>
+        Systemverwaltung
+    </figcapture>
+  </figure>
+</div>
+
+<div class="all-features">
+  <a id="hero-button" href="/de/features/">
+    <Button>
+      Alle Funktionen ansehen
+    </Button>
+  </a>
+</div>
+
+<h2 class="large-header">Probier es aus</h2>
+
+<!--
+| E-Mail                  | Passwort | Benutzerrolle   |
+| :---                    | :---     | :---            |
+| `user@example.org`      | 1234     | normaler Nutzer |
+| `moderator@example.org` | 1234     | Moderator       |
+| `admin@example.org`     | 1234     | Administrator   |
+-->
+
+<div class="center">
+  <p>
+    Teste die Live-Demo auf
+    <a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
+    mit den folgenden Zugangsdaten:
+  </p>
+
+  <table><thead><tr><th style="text-align:left;">E-Mail</th><th style="text-align:left;">Passwort</th><th style="text-align:left;">Benutzerrolle</th></tr></thead><tbody><tr><td style="text-align:left;"><code>user@example.org</code></td><td style="text-align:left;">1234</td><td style="text-align:left;">normaler Nutzer</td></tr><tr><td style="text-align:left;"><code>moderator@example.org</code></td><td style="text-align:left;">1234</td><td style="text-align:left;">Moderator</td></tr><tr><td style="text-align:left;"><code>admin@example.org</code></td><td style="text-align:left;">1234</td><td style="text-align:left;">Administrator</td></tr></tbody></table>
+</div>
+
+<h2 class="large-header">Loslegen</h2>
+
+<div class="center">
+  <p>
+    <i>Ocelot.social</i> kannst du auf einem eigenen Server hosten oder es hosten lassen.  
+    Schau dir an, welche Möglichkeiten es gibt:<br>
+  </p>
+  <a id="hero-button" href="/de/get-started/">
+    <Button>
+      Los geht's
+    </Button>
+  </a>
+</div>
+
+<!-- ## Testimonials
+
+XXX -->
+
+<h2 class="large-header">Spenden</h2>
+
+<div class="center">
+  <p>
+    Die Software des Netzwerks ist frei verfügbar – Betrieb, Unterhalt und Weiterentwicklung kosten hingegen Geld.
+  </p>
+  <p>
+    Der Verein <a href="https://busfaktor.org/de/" target="_blank">busFaktor() e.V.</a> koordiniert und fördert die Programmierung von <i>ocelot.social</i>.
+    Unterstütze die Nachhaltigkeit  der Software und deren Netzwerke gerne mit einer Einmal- oder Dauerspende:
+  </p>
+  <a href="https://busfaktor.org/de/spenden" target="_blank">
+    <Button class="donate-button">
+      Hier spenden
+    </Button>
+  </a>
+</div>
+
+<h2 class="large-header">Kontakt</h2>
+
+<div class="center">
+  <p>
+    Hast du Fragen, Anregungen oder Wünsche, nehme gerne <a href="/de/contact/" target="_blank">Kontakt</a> mit uns auf.
+  </p>
+</div>
--- a/docs/de/assets/1-to-1-chat.png
+++ b/docs/de/assets/1-to-1-chat.png
--- a/docs/de/assets/group-list.png
+++ b/docs/de/assets/group-list.png
--- a/docs/de/assets/group-profile.png
+++ b/docs/de/assets/group-profile.png
--- a/docs/de/assets/language-selection.png
+++ b/docs/de/assets/language-selection.png
--- a/docs/de/assets/login.png
+++ b/docs/de/assets/login.png
--- a/docs/de/assets/map.png
+++ b/docs/de/assets/map.png
--- a/docs/de/assets/moderation.png
+++ b/docs/de/assets/moderation.png
--- a/docs/de/assets/newsfeed.png
+++ b/docs/de/assets/newsfeed.png
--- a/docs/de/assets/notifications.png
+++ b/docs/de/assets/notifications.png
--- a/docs/de/assets/single-event.png
+++ b/docs/de/assets/single-event.png
--- a/docs/de/assets/single-post.png
+++ b/docs/de/assets/single-post.png
--- a/docs/de/assets/system-administration.png
+++ b/docs/de/assets/system-administration.png
--- a/docs/de/assets/user-profile.png
+++ b/docs/de/assets/user-profile.png
--- a/docs/de/assets/user-settings.png
+++ b/docs/de/assets/user-settings.png
--- a/docs/de/contact/README.md
+++ b/docs/de/contact/README.md
@ -0,0 +1,26 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Kontakt
+sidebar: false
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+## Entwickler-Verein
+
+busFaktor() e.V.  
+Wolfgang Huß, 2. Vorsitzender  
+Haferstr. 5c  
+86179 Augsburg, Deutschland
+
+Telefon: +49 173 622 60 91  
+Discord: <https://discord.gg/2b55aHVgpM>
+
+## Ocelot.Social-Projekt
+
+Telefon: +49 173 622 60 91  
+E-Mail: <hello@ocelot.social>  
+Discord: <https://discord.gg/AJSX9DCSUA>  
--- a/docs/de/contribute/README.md
+++ b/docs/de/contribute/README.md
@ -0,0 +1,134 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Mitmachen
+sidebar: true
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+## Wie kannst du beitragen, mitmachen und unterstützen?
+
+Du kannst die freie Open-Source-Software *ocelot.social* und die aktiven Netzwerke auf vielfältige Art und Weise unterstützen, mitentwickeln oder mitprogrammieren.
+
+Klicke auf den Bereich, der dich interessiert:
+
+- [Spenden](#spenden)
+- [Unterstütze dein Netzwerk](#unterstutze-dein-netzwerk)
+- [Betreibe ein eigenes Netzwerk](#betreibe-ein-eigenes-netzwerk)
+- [Entwickle und unterstütze die Software](#entwickle-und-unterstutze-die-software)
+- [Weitere Ideen zum Mitmachen?](#weitere-ideen-zum-mitmachen)
+
+### Spenden
+
+Die Software des Netzwerks ist frei verfügbar – Betrieb, Unterhalt und Weiterentwicklung kosten hingegen Geld.
+
+Der Verein [busFaktor() e.V.](https://busfaktor.org/de/) koordiniert und fördert die Programmierung von *ocelot.social*.
+Unterstütze die Nachhaltigkeit der Software und deren Netzwerke gerne mit einer Einmal- oder Dauerspende:
+
+<!-- markdownlint-disable MD033 -->
+<a href="https://busfaktor.org/de/spenden" target="_blank">
+  <Button class="donate-button">
+    Hier spenden
+  </Button>
+</a>
+<!-- markdownlint-enable MD033 -->
+
+### Unterstütze dein Netzwerk
+
+#### Nutze die aktiven Netzwerke
+
+Sei mit dabei und werde Nutzer eines Netzwerks, das mit unserer Software läuft.
+
+<!-- markdownlint-disable period-in-list-item -->
+- Registriere dich als Nutzer.
+- Ergänze dein Benutzerprofil mit einem Profilbild, deinem ungefähren Standort und weiteren Angaben über dich.
+- Schreibe lesenswerte und lesefreundliche Beiträge. Ergänze sie mit einem Bild und mit Hashtags.
+- Kommentiere die Beiträge anderer Nutzer.
+- Empfehle lesenswerte Beiträge.
+- Folge Nutzern.
+- Gründe eine Gruppe und lade Mitglieder ein.
+- Trage dazu bei, dass dein Netzwerk ein angenehmer und interessanter Ort für dich und deine Freunde ist.
+<!-- markdownlint-enable period-in-list-item -->
+
+#### Belebe dein Netzwerk
+
+Bist du Mitglied eines Netzwerks, dann möchtest du dort interessanten Menschen begegnen.
+Mit mehr Nutzern wird dein Netzwerk dynamisch und vielfältig.
+
+- Erzähle deinen Freunden und Verwandten vom Netzwerk.
+- Lade sie ins Netzwerk ein (→ [Anleitung im Wiki](https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:Invitations)).
+- Veröffentliche den Link zum Netzwerk auf deiner Website, deinem Blog oder in anderen sozialen Netzwerken.
+- Berichte vor Publikum vom Netzwerk.
+
+#### Weitere Möglichkeiten dich zu engagieren
+
+Viele Netzwerke sind Mitmach-Netzwerke und sind dankbar für deine Hilfe – vielleicht als Moderator?
+Für weitere Informationen besuche die Website des Betreibers oder kontaktiere ihn.
+
+### Betreibe ein eigenes Netzwerk
+
+Mit der freien Software *ocelot.social* und dem nötigen Know-How kannst du ein eigenes Netzwerk betreiben (→ [Dokumentation](https://docs.ocelot.social/deployment/), auf Englisch).
+
+Benötigst du dabei Hilfe, dann [unterstützen](/de/contact/) dich unsere Entwickler gerne.
+
+### Entwickle und unterstütze die Software
+
+#### Mach die *ocelot.social*-Software bekannt
+
+*›Spread the word!‹*
+
+Ob Verein, Bewegung oder Institution – *ocelot.social* kann als soziales Netzwerk für viele Arten von Gruppen und Organisationen eingesetzt werden.
+
+- Veröffentliche den Link zu [*ocelot.social*](https://ocelot.social) auf deiner Website, deinem Blog oder in sozialen Netzwerken.
+- Gib der Software *ocelot.social* auf der Vergleichsplattform [alternative.to](https://alternativeto.net/software/ocelot-social/about/) ein Like.
+- Gib der Software auf der Entwicklerplattform [GitHub](https://github.com/Ocelot-Social-Community/Ocelot-Social) einen Stern.
+
+#### Verbessere das Netzwerk
+
+- Hast du einen Fehler im Netzwerk gefunden, dann melde ihn unseren Entwicklern:
+  - [Anleitung im Wiki](https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:FAQ#wie-kann-ich-einen-fehler-des-netzwerks-melden)
+  - [Issue im Repository erstellen](https://github.com/Ocelot-Social-Community/Ocelot-Social/issues/new/choose)
+- Möchtest du gute Ideen und Vorschläge zur Verbesserung der Software einbringen, dann [kontaktiere](/de/contact/) uns gerne.
+
+#### Möchtest du neue Funktionen mittesten?
+
+Wir suchen Nutzer, welche die neuen Funktionen der nächsten Softwareversion testen, bevor sie veröffentlicht werden.
+
+#### Schreibst du gerne?
+
+- Hilf mit, die Benutzeranleitung zu schreiben (→ [Anleitung im Wiki](https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:Wiki:Editor's-Guide)).
+- Hilf mit, die Kommunikationskanäle der Software *ocelot.social* und unserer Entwicklergemeinschaft [busFaktor() e.V.](https://busfaktor.org/de/) zu pflegen und vielfältig zu beleben.
+
+#### Sprichst du eine Fremdsprache?
+
+Das Netzwerk ist in [mehreren Sprachen](/de/features/) verfügbar.
+Möchtest du mithelfen die Benutzeroberfläche oder [Benutzeranleitung im Wiki](https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:Wiki:Editor's-Guide) zu übersetzen, zu vervollständigen oder zu verbessern, dann kontaktiere uns gerne.
+
+#### Möchtest du zum Design beitragen?
+
+[Kontaktiere uns](/de/contact/), um das Design und die Bedienbarkeit des Netzwerks zu verbessern.
+
+#### Organisierst du gerne?
+
+[Sprich uns](/de/contact/) an, wenn du Lust hast, …
+
+… Konzepte für neue Funktionen zu erstellen,  
+… die Finanzierung der Entwicklung neuer Funktionen mitzuorganisieren  
+… oder Veranstaltungen, Meetings etc. zu planen?
+
+#### Entwickle die Software mit
+
+Die Software *ocelot.social* ist frei und quelloffen – Open-Source. Möchtest du neue Funktionen entwickeln und testen? Dann folge unserer [Dokumentation](https://docs.ocelot.social/CONTRIBUTING.html) (auf Englisch).
+
+Für Einsteiger eignen sich unsere [Good First Issues](https://github.com/Ocelot-Social-Community/Ocelot-Social/labels/good%20first%20issue) auf GitHub.
+
+Wir freuen uns auch, wenn du auf GitHub [Änderungen am Programmcode](https://github.com/Ocelot-Social-Community/Ocelot-Social/pulls) anderer Entwickler sichtest, kommentierst oder freigibst.
+
+Du kannst auf [Discord](https://discord.gg/AJSX9DCSUA) mit uns chatten und wir lernen uns in einem Pair-Programming kennen.
+
+### Weitere Ideen zum Mitmachen?
+
+Möchtest du dich noch auf andere Art ins Projekt einbringen, dann [kontaktiere](/de/contact/) uns gerne.
--- a/docs/de/donate/README.md
+++ b/docs/de/donate/README.md
@ -0,0 +1,23 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Spenden
+sidebar: true
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+## Spenden
+
+Die Software des Netzwerks ist frei verfügbar – Betrieb, Unterhalt und Weiterentwicklung kosten hingegen Geld.
+
+Der Verein [busFaktor() e.V.](https://busfaktor.org/de/) koordiniert und fördert die Programmierung von *ocelot.social*.
+Unterstütze die Nachhaltigkeit der Software und deren Netzwerke gerne mit einer Einmal- oder Dauerspende:
+
+<a href="https://busfaktor.org/de/spenden" target="_blank">
+  <Button class="donate-button">
+    Hier spenden
+  </Button>
+</a>
--- a/docs/de/features/README.md
+++ b/docs/de/features/README.md
@ -0,0 +1,114 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Funktionen
+sidebar: false
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+*Ocelot.social* bietet eine wachsende Vielzahl elementarer und weiterführender Netzwerkfunktionen,
+die durch Spenden der Community erweitert werden können:
+
+<a href="https://busfaktor.org/de/spenden" target="_blank">
+  <Button class="donate-button">
+    Hier spenden
+  </Button>
+</a>
+
+Folgende Features sind bisher integriert:
+
+## Benutzer
+
+- Registrierung
+- Benutzerprofil
+- Beitrag erstellen
+- Benutzer folgen
+- Benutzer sperren
+- Benutzer stummschalten
+- Benutzer einladen
+- Benutzer, Beitrag oder Kommentar melden
+- Benutzerrollen: Benutzer, Moderator, Administrator
+
+## Gruppen
+
+- Gruppenprofil
+- Sichtbarkeit: öffentlich, geschlossen, versteckt
+- Benutzerrollen der Gruppe: Mitglied, Administrator, Inhaber
+- Mitglieder verwalten: einladen, freischalten, löschen
+
+## Beiträge
+
+- Beitragsformen: Beitrag, Veranstaltung
+- Beitragsbild
+- Umfangreicher Editor mit Überschriften, Textstilen, eingebetteten Inhalten von Drittanbietern, Listen, Erwähnungen, Hashtags
+- Kategorien
+- Beitragssprache (automatische Erkennung)
+- Kommentieren
+
+## Beitragsübersicht
+
+- Vorschau (Newsfeed)
+- Filtern
+- Sortieren
+
+## Chat
+
+- Privater 1:1-Chat: Vollbild oder Seitenfenster
+
+## Karte
+
+- Standorte von Benutzern, Gruppen und Veranstaltungen
+- Suche nach Ort
+
+## Suche
+
+- Nach Benutzern, Gruppen, Beiträgen, Veranstaltungen, Hashtags
+
+## Benachrichtigungen
+
+- Intern
+- Per E-Mail
+
+## Moderation
+
+Benutzer mit der Rolle Moderator können:
+
+- Moderieren
+- Liste gemeldeter Benutzer, Beiträge, Kommentare
+- Benutzer, Beträge oder Kommentare sperren und freigeben
+- Entscheidungsprotokoll
+
+## Administration
+
+Benutzer der Rolle Administrator können darüber hinaus:
+
+- Beitrag in Beitragsübersicht (Newsfeed) oben anpinnen
+- Statistiken einsehen
+- Benutzerdaten einsehen (außer Passwörter)
+- Spendenfunktion mit Spendenstand aktivieren
+
+## Sprachen
+
+Die Benutzeroberfläche ist verfügbar in:
+
+- Deutsch
+- Englisch
+- Französisch
+- Italienisch
+- Niederländisch
+- Polnisch
+- Portugiesisch
+- Russisch
+- Spanisch
+
+## Mobile App
+
+Ocelot.social-Netzwerke gibt es als sogenannte Progressive Web App (PWA) für:
+
+- Android
+- iOS
+
+→ [Anleitung im Wiki](https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:FAQ#gibt-es-eine-app-f%C3%BCr-dieses-netzwerk)
--- a/docs/de/get-started/README.md
+++ b/docs/de/get-started/README.md
@ -0,0 +1,70 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Einstieg
+sidebar: true
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+## Ausprobieren, dann installieren
+
+Teste die Live-Demo auf
+[https://stage.ocelot.social](https://stage.ocelot.social)
+mit den folgenden Zugangsdaten:
+
+| E-Mail                  | Passwort | Benutzerrolle   |
+| :---                    | :---     | :---            |
+| `user@example.org`      | 1234     | normaler Nutzer |
+| `moderator@example.org` | 1234     | Moderator       |
+| `admin@example.org`     | 1234     | Administrator   |
+
+## Hosting auf einem Server
+
+### Selber hosten
+
+*Ocelot.social* kannst du selber hosten.
+Dafür benötigst du umfangreiche Fachkenntnis in der IT.  
+Bei Fragen helfen wir dir vom [busFaktor() e.V.](https://busfaktor.org/de/) gerne weiter.
+
+Weitere Informationen unter → [Installation](#installation)
+
+### Hosten lassen
+
+Du kannst die Software von einem Hoster deiner Wahl hosten lassen.  
+Der [busFaktor() e.V.](https://busfaktor.org/de/) berät dich gerne.
+
+## Installation
+
+Die freie Open-Source-Software *ocelot.social* kannst du auf verschiedene Arten installieren und betreiben, nach Schwierigkeit sortiert:
+
+- lokal, nur für Entwickler (→ [Anleitung](https://docs.ocelot.social/))
+- direkt auf dem Server (bare metal, ohne Virtualisierung)
+- mit Docker (Docker Compose)
+- auf Kubernetes
+
+Hier findest du die genauen Anleitungen für die verschiedenen Serverinstallationen, in Englisch:  
+→ [Deployment](https://docs.ocelot.social/deployment/)
+
+Dafür benötigst du umfangreiche Fachkenntnis in der IT.
+Bei Fragen oder Problemen helfen wir dir vom [busFaktor() e.V.](https://busfaktor.org/de/) gerne weiter.
+
+### Branding
+
+Das Erscheinungsbild des Netzwerks kannst du zum Ende der Installation individuell konfigurieren.
+
+### Mindestvoraussetzungen
+
+- Domain für die URL des Netzwerks
+- E-Mail-Server zum Versenden von E-Mails (Registrierung, Benachrichtigungen)
+- Server:
+  - mindestens 8 GB RAM
+  - 80 GB Festplattenspeicher
+  - einen Kubernetes-Cluster, falls gewünscht
+
+## Community-Projekt
+
+*Ocelot.social* ist ein wachsendes Projekt einer engagierten Gemeinschaft und wird durch zahlreiche Spender finanziert.
+Wir freuen uns auch über deine [Beteiligung](/de/contribute/).
--- a/docs/de/impressum/README.md
+++ b/docs/de/impressum/README.md
@ -2,7 +2,7 @@
 home: false
 # layout: BlogHome
 icon: home
-title: Impressum | Ocelot.Social
+title: Impressum
 sidebar: false
 tagLine: 
 # actions:
@ -12,18 +12,20 @@ tagLine:
 ## Verantwortlich für den Betrieb dieser Website

 busFaktor() e.V.  
-Wolfgang Huß, 2. Vorsitzender
-
+Wolfgang Huß, 2. Vorsitzender  
 Haferstr. 5c  
-86179 Augsburg  
+86179 Augsburg, Deutschland
+
 E-Mail: <vorstand@busfaktor.org>  
 Telefon: +49 173 622 60 91

+Weitere [Kontakmöglichkeiten](/de/contact/)
+
 ## Inhaltlich verantwortlicher Redakteur

 Wolfgang Huß  
-
 Steinburger Straße 38  
-22527 Hamburg  
+22527 Hamburg, Deutschland
+
 E-Mail: <vorstand@busfaktor.org>  
 Telefon: +49 173 622 60 91
--- a/docs/de/learn/README.md
+++ b/docs/de/learn/README.md
@ -0,0 +1,26 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Lernen
+sidebar: true
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+<!-- ## XXX -->
+
+Hier findest du als Nutzer, Betreiber und Entwickler weitere Informationen zu *ocelot.social*.
+
+### Dokumentation für Entwickler
+
+<https://docs.ocelot.social/>
+
+### Benutzeranleitung
+
+<https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:User-Guide>
+
+### FAQ
+
+<https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki/de:FAQ>
--- a/docs/de/privacy-policy/README.md
+++ b/docs/de/privacy-policy/README.md
@ -0,0 +1,91 @@
+---
+home: false
+# layout: BlogHome
+icon: home
+title: Datenschutzerklärung
+sidebar: false
+tagLine: 
+# actions:
+#   - text: Demo
+#     link: https://stage.ocelot.social/
+---
+
+Aktualisiert am 20. Mai 2024
+
+## Datenschutz
+
+Im Folgenden informieren wir Dich gemäß der seit dem 25. Mai 2018 geltenden Datenschutzgrundverordnung der EU (DSGVO) über unseren Umgang mit Deinen personenbezogenen Daten und welche Rechte Du uns gegenüber hast.
+
+### Verantwortlicher
+
+Verantwortlich für die Verarbeitung von personenbezogenen Daten ist:
+
+<!-- markdownlint-disable-next-line no-emphasis-as-heading -->
+**Martin Döring**
+
+E-Mail: <vorstand@busfaktor.org>
+
+### Vertreter
+
+<!-- markdownlint-disable-next-line no-emphasis-as-heading -->
+**Wolfgang Huß**
+
+E-Mail: <vorstand@busfaktor.org>
+
+### Anwendungen und Services
+
+Bei der Nutzung unseres Angebots werden verschiedene Arten von personenbezogen Daten unterschiedlich verarbeitet. Im Folgenden informieren wir Dich darüber, für welche Anwendungen und Services es jeweils welche Verarbeitungen es gibt, welche personenbezogenen Daten dabei betroffen sind, was der Zweck der jeweiligen Verarbeitung ist, wie lange die Daten jeweils gespeichert werden und noch einiges mehr.
+
+### Webseite
+
+Bei der Nutzung unserer Webseite werden verschiedene Arten von personenbezogen Daten unterschiedlich verarbeitet. Im Folgenden informieren wir Dich darüber, welche Verarbeitungen es gibt, welche personenbezogenen Daten jeweils betroffen sind, was der Zweck der jeweiligen Verarbeitung ist, wie lange die Daten jeweils gespeichert werden und noch einiges mehr.
+
+#### Webseitenzugriff
+
+**Zweck:** Wir stellen unsere Webseite öffentlich zur Verfügung, damit sich jeder über unseren Verein, seine Tätigkeiten und Angebote informieren kann.
+
+**Personenbezogene Daten:** Übertragen werden u.a., je nach verwendetem Browser und dessen Einstellung: Datum und Uhrzeit des Zugriffes, ggf. Quelle/Verweis, von welcher Seite Du auf unsere jeweilige gelangst, verwendeter Browser, verwendetes Betriebssystem, Sprachinformation, Größe des Browserfensters, verwendete IP-Adresse.
+
+**Speicherdauer:** Diese Daten werden von uns nicht gespeichert, sondern nur bei Deinem Aufruf unserer Webanwendung verwendet.
+
+**Rechtsgrundlage:** Unser berechtigtes Interesse, unseren Verein öffentlich zu präsentieren, gem. Art. 6 Abs. 1 lit. f) DSGVO.
+
+**Empfänger:** Deine Browser-Zugriffsdaten können nur wir als Betreiber und ggf. unser Provider einsehen.
+
+**Drittlandtransfer:** Die Daten werden nicht in einem Drittland gespeichert.
+
+<!-- #### Session Cookies
+
+**Zweck:** Wir verwenden Cookies für die Navigation auf unserer Website.
+
+**Persönliche Daten:** Ein Sitzungs-Cookie, beginnend mit `busfaktor`
+
+**Speicherdauer:** Eine halbe Stunde nach dem letzten Zugriff
+
+**Rechtsgrundlage:** Unser berechtigtes Interesse, unseren Verein öffentlich zu präsentieren, gem. Art. 6 Abs. 1 lit. f) DSGVO.
+
+**Empfänger:** Nur Du, gepeichert in Deinem Browser
+
+**Weitergabe an Dritte:** Keine
+
+**Drittlandtransfer:** Keiner -->
+
+### Deine Rechte
+
+Das Datenschutzrecht gewährt Dir hinsichtlich der Verarbeitung Deiner personenbezogenen Daten folgende Rechte, deren genauen Wortlaut Du in den verlinkten Artikeln der DSGVO nachlesen kannst:
+
+- Auskunftsrecht gemäß [Art. 15 DSGVO](https://dsgvo-gesetz.de/art-15-dsgvo/)
+- Recht auf Berichtigung gemäß [Art. 16 DSGVO](https://dsgvo-gesetz.de/art-16-dsgvo/)
+- Recht auf Löschung gemäß [Art. 17 DSGVO](https://dsgvo-gesetz.de/art-17-dsgvo/)
+- Recht auf Einschränkung der Verarbeitung gemäß [Art. 18 DSGVO](https://dsgvo-gesetz.de/art-18-dsgvo/)
+- Recht auf Unterrichtung gemäß [Art. 19 DSGVO](https://dsgvo-gesetz.de/art-19-dsgvo/)
+- Recht auf Datenübertragbarkeit gemäß [Art. 20 DSGVO](https://dsgvo-gesetz.de/art-20-dsgvo/)
+- Recht auf Widerruf erteilter Einwilligungen gemäß [Art. 7 Abs. 3 DSGVO](https://dsgvo-gesetz.de/art-7-dsgvo/)
+- Wiederspruchsrecht gemäß [Art. 21 DSGVO](https://dsgvo-gesetz.de/art-21-dsgvo/)
+- Recht auf Beschwerde gemäß [Art. 77 DSGVO](https://dsgvo-gesetz.de/art-77-dsgvo/)
+
+Bitte beachte, dass die Wahrnehmung Deines Rechts auf Löschung, insbesondere Deiner Anmeldedaten, bedeuten kann, dass Du unser Angebot nicht mehr nutzen kannst.
+
+### Aktualität der Datenschutzinformation
+
+Diese Datenschutzinformation kann von Zeit zu Zeit an organisatorische oder technische Änderungen und neue gesetzliche Gegebenheiten angepasst werden.
--- a/docs/en/README.md
+++ b/docs/en/README.md
@ -1,21 +0,0 @@
---
-home: true
-# layout: BlogHome
-icon: home
-title: Ocelot.Social
-heroFullScreen: false
-heroImage: /logo.svg
-heroText: Free and open-source social network for active citizenship.
-tagLine: 
-# actions:
-#   - text: Demo
-#     link: https://stage.ocelot.social/
---
-## Coming soon
-
-Our website is under construction. Come back soon!
-
-In the meantime you can find us on [GitHub](https://github.com/Ocelot-Social-Community/) or [Discord](https://discord.gg/AGPJ7YgC).
-
-If you want to support the project, you can make a [donation](https://busfaktor.org/en/spenden) for *ocelot.social*
-to the maintainer of the project (busFaktor() e.V.).
--- a/docs/en/impressum/README.md
+++ b/docs/en/impressum/README.md
@ -1,29 +0,0 @@
---
-home: false
-# layout: BlogHome
-icon: home
-title: Imprint | Ocelot.Social
-sidebar: false
-tagLine: 
-# actions:
-#   - text: Demo
-#     link: https://stage.ocelot.social/
---
-## Responsible for the Operation of this Website
-
-busFaktor() e.V.  
-Wolfgang Huß, 2nd Chairman
-
-Haferstr. 5c  
-86179 Augsburg  
-E-Mail: <vorstand@busfaktor.org>  
-Telefon: +49 173 622 60 91
-
-## Contentwise Responsible Editor
-
-Wolfgang Huß  
-
-Steinburger Straße 38  
-22527 Hamburg  
-E-Mail: <vorstand@busfaktor.org>  
-Telefon: +49 173 622 60 91
--- a/docs/fr/README.md
+++ b/docs/fr/README.md
@ -1,21 +0,0 @@
---
-home: true
-# layout: BlogHome
-icon: home
-title: Ocelot.Social
-heroFullScreen: false
-heroImage: /logo.svg
-heroText: Réseau social libre et gratuit pour citoyen actif.
-tagLine: 
-# actions:
-#   - text: Demo
-#     link: https://stage.ocelot.social/
---
-## En construction
-
-Notre site web est en construction. Reviens bientôt!
-
-Entre-temps, tu peux nous trouver sur [GitHub](https://github.com/Ocelot-Social-Community/) ou [Discord](https://discord.gg/AGPJ7YgC).
-
-Si tu veux soutenir ce projet, tu peux faire un [don](https://busfaktor.org/en/spenden) pour *ocelot.social*
-chez le porteur du projet (busFaktor() e.V.).
--- a/docs/fr/impressum/README.md
+++ b/docs/fr/impressum/README.md
@ -1,29 +0,0 @@
---
-home: false
-# layout: BlogHome
-# icon: home
-sidebar: false
-title: Mentions légales
-tagLine: 
-# actions:
-#   - text: Demo
-#     link: https://stage.ocelot.social/
---
-## Responsable de l’exploitation de ce site Web
-
-busFaktor() e.V.  
-Wolfgang Huß, 2nd Chairman
-
-Haferstr. 5c  
-86179 Augsburg  
-E-Mail: <vorstand@busfaktor.org>  
-Telefon: +49 173 622 60 91
-
-## Éditeur responsable du contenu
-
-Wolfgang Huß  
-
-Steinburger Straße 38  
-22527 Hamburg  
-E-Mail: <vorstand@busfaktor.org>  
-Telefon: +49 173 622 60 91
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -20,24 +20,21 @@
  "homepage": "https://ocelot.social",
  "devDependencies": {
    "@textlint-rule/textlint-rule-no-unmatched-pair": "^2.0.2",
-    "@vuepress/bundler-vite": "^2.0.0-rc.2",
-    "textlint": "^14.0.1",
+    "@vuepress/bundler-vite": "^2.0.0-rc.9",
+    "@vuepress/plugin-redirect": "^2.0.0-rc.29",
+    "textlint": "^14.0.4",
    "textlint-filter-rule-comments": "^1.2.2",
    "textlint-rule-apostrophe": "^2.0.0",
    "textlint-rule-common-misspellings": "^1.0.1",
    "textlint-rule-doubled-spaces": "^1.0.2",
-    "textlint-rule-max-comma": "^4.0.0",
    "textlint-rule-no-dead-link": "^5.1.2",
    "textlint-rule-no-empty-element": "^0.3.1",
    "textlint-rule-no-empty-section": "^1.1.0",
    "textlint-rule-no-start-duplicated-conjunction": "^2.0.2",
    "textlint-rule-no-todo": "^2.0.1",
    "textlint-rule-no-zero-width-spaces": "^1.0.1",
-    "textlint-rule-period-in-list-item": "^1.0.1",
-    "textlint-rule-write-good": "^2.0.0",
-    "vuepress": "^2.0.0-rc.2",
-    "vuepress-plugin-redirect": "^2.0.0-rc.15",
-    "vuepress-plugin-search-pro": "^2.0.0-rc.15",
-    "vuepress-theme-hope": "^2.0.0-rc.19"
+    "vuepress": "^2.0.0-rc.9",
+    "vuepress-plugin-search-pro": "^2.0.0-rc.43",
+    "vuepress-theme-hope": "^2.0.0-rc.43"
  }
 }