Generate manual overviews from github_docs

website/src/assets/css/main.css

@@ -113,4 +113,38 @@ nav a:hover {
 .site-footer {
     padding: 40px 7vw;
     color: var(--muted);
+}
+
+.manual-content {
+    max-width: 980px;
+}
+
+.manual-content h1,
+.manual-content h2,
+.manual-content h3 {
+    line-height: 1.2;
+}
+
+.manual-content pre {
+    overflow-x: auto;
+    padding: 16px;
+    border-radius: 14px;
+    background: #020617;
+}
+
+.manual-content code {
+    color: #bae6fd;
+}
+
+.manual-content table {
+    width: 100%;
+    border-collapse: collapse;
+    overflow-x: auto;
+}
+
+.manual-content th,
+.manual-content td {
+    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
+    padding: 10px;
+    text-align: left;
 }

website/src/manual-pages/manual-page.njk

@@ -0,0 +1,18 @@
+---
+pagination:
+  data: collections.manualPages
+  size: 1
+  alias: manual
+permalink: "/manual/{{ manual.lang }}/{{ manual.slug }}/"
+layout: base.njk
+title: "{{ manual.title }} | KST4Contest Manual"
+description: "KST4Contest manual page: {{ manual.title }}"
+---
+
+<section class="section">
+  <div class="card manual-content">
+    <p><a href="/manual/{{ manual.lang }}/">← Back to manual overview</a></p>
+    <h1>{{ manual.title }}</h1>
+    {{ manual.content | markdown | safe }}
+  </div>
+</section>

website/src/manual/de/index.njk

@@ -11,9 +11,13 @@ description: Deutsches Benutzerhandbuch für KST4Contest.
 
 <section class="section">
   <div class="grid">
-    <div class="card"><h3>Installation</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/de-Installation">Installationsanleitung öffnen</a></p></div>
-    <div class="card"><h3>Konfiguration</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/de-Konfiguration">Konfiguration öffnen</a></p></div>
-    <div class="card"><h3>Funktionen</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/de-Funktionen">Funktionsübersicht öffnen</a></p></div>
-    <div class="card"><h3>AirScout-Integration</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/de-AirScout-Integration">AirScout-Anleitung öffnen</a></p></div>
+    {% for manual in collections.manualPages %}
+      {% if manual.lang == "de" %}
+        <div class="card">
+          <h3><a href="/manual/de/{{ manual.slug }}/">{{ manual.title }}</a></h3>
+          <p>Handbuchseite „{{ manual.title }}“ öffnen.</p>
+        </div>
+      {% endif %}
+    {% endfor %}
   </div>
 </section>

website/src/manual/en/index.njk

@@ -11,9 +11,13 @@ description: English user manual for KST4Contest.
 
 <section class="section">
   <div class="grid">
-    <div class="card"><h3>Installation</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/en-Installation">Open installation guide</a></p></div>
-    <div class="card"><h3>Configuration</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/en-Configuration">Open configuration guide</a></p></div>
-    <div class="card"><h3>Features</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/en-Features">Open feature documentation</a></p></div>
-    <div class="card"><h3>AirScout Integration</h3><p><a href="https://github.com/praktimarc/kst4contest/wiki/en-AirScout-Integration">Open AirScout guide</a></p></div>
+    {% for manual in collections.manualPages %}
+      {% if manual.lang == "en" %}
+        <div class="card">
+          <h3><a href="/manual/en/{{ manual.slug }}/">{{ manual.title }}</a></h3>
+          <p>Open the {{ manual.title }} manual page.</p>
+        </div>
+      {% endif %}
+    {% endfor %}
   </div>
 </section>