refactored FAQ section

content/faq/_index.md

@@ -0,0 +1,6 @@
+---
+title: "FAQ"
+date: 2022-10-26T23:02:43Z
+tags: []
+draft: false
+---

content/faq/index.md

@@ -1,24 +0,0 @@
----
-title: "FAQ"
-date: 2022-10-26T23:02:43Z
-tags: []
-draft: false
----
-
-### Firmware
-
-Q: Wo finde ich die aktuelle (stabile) Firmware?
-
-A: Releases können hier gefunden werden: https://github.com/lumapu/ahoy/releases/
-
-
-
-Q: Ich habe von Development Builds gehört, wo kann ich die finden und herunterladen?
-
-A: Die Development Builds werden automatisch erstellt und sind in Github unter [Actions](https://github.com/lumapu/ahoy/actions) zu finden. Für den Download muss man bei Github eingeloggt sein. Man bekommt ein Zip mit den Firmwares für ESP8266 und ESP32.
-
-### Logging, Daten
-
-Q: Kann Ahoy die geloggten Daten abspeichern und vorhalten? Wenn ja wie lange?
-
-A: Nein Ahoy ist eine DTU (data transfer unit), die nur als Brücke zwischen Wechselrichter und Hausautomatisierung zu sehen ist.

data/faq/groups/01-basics.toml

@@ -0,0 +1,18 @@
+id = "basics"
+name = "Basics"
+
+[[items]]
+question = "Wo finde ich die aktuelle (stabile) Firmware?"
+answer = "Releases können hier gefunden werden: https://github.com/lumapu/ahoy/releases/"
+
+[[items]]
+question = "Ich habe von Development Builds gehört, wo kann ich die finden und herunterladen?"
+answer = "Die Development Builds werden automatisch erstellt und sind in Github unter [Actions](https://github.com/lumapu/ahoy/actions) zu finden. Für den Download muss man bei Github eingeloggt sein. Man bekommt ein Zip mit den Firmwares für ESP8266 und ESP32."
+
+[[items]]
+question = "Wie verbinde ich den Ahoy mit meinem WLAN?"
+answer = "Eine frisch aufgespielte Firmware öffnet direkt nach dem Booten einen Access Point (AP). Dieser hat den Namen 'AhoyDTU'. Dieses WLAN muss mit einem anderen WLAN Gerät gesucht werden (z.B. PC oder Smartphone) und eine Verbindung hergestellt werden. Besteht die Verbindung, in den Browser wechseln und die IP http://192.168.1.1 aufrufen um auf die Weboberfläche zu gelangen. Jetzt kann über die Rubrik 'Settings' unter anderem das heimische WLAN eingetragen werden."
+
+[[items]]
+question = "Wie ist das default Passwort im AP mode?"
+answer = "Das Passwort lautet: esp_8266"

data/faq/groups/02_debugging.toml

@@ -0,0 +1,7 @@
+id = "debug"
+name = "Debugging"
+
+[[items]]
+
+question = "Wie kann ich sehen, ob die Firmware richtig aufgespielt wurde?"
+answer = "Die Serielle Konsole über USB gibt beim Start verschiedene Informationen aus. Es werden neben der WLAN Verbindung auch Informationen zum NRF24 Modul ausgegeben."

data/faq/groups/03_logging.toml

@@ -0,0 +1,7 @@
+id = "logging"
+name = "Logging"
+
+[[items]]
+
+question = "Kann Ahoy die geloggten Daten abspeichern und vorhalten? Wenn ja wie lange?"
+answer = "Nein Ahoy ist eine DTU (data transfer unit), die nur als Brücke zwischen Wechselrichter und Hausautomatisierung zu sehen ist."

layouts/_default/list.html

@@ -1,10 +1,26 @@
 {{ define "main" }}
 
 <h1>{{ .Title }}</h1>
-{{ range .Pages.ByPublishDate.Reverse }}
-<p>
-  <a class="font-125" href="{{ .RelPermalink }}">{{ .Title }}</a>
-</p>
-{{ end }}
-
+    {{ range $grp := $.Site.Data.faq.groups }}
+    <div class="accordion accordion-flush" id="accordionFlush{{.name}}">
+    <h2>{{.name}}</h2>
+    <div class="accordion" id="accordionExample">
+        {{ $counter := 0 }}
+        {{ range .items }}
+        <div class="accordion-item">
+            {{ $counter = add $counter 1 }}
+            <h2 class="accordion-header" id="heading{{ $grp.name }}{{ $counter }}">
+                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $grp.name }}{{ $counter }}" aria-expanded="false" aria-controls="flush-collapse{{ $grp.name }}{{ $counter }}">
+                    <strong>{{.question}}</strong>
+                </button>
+            </h2>
+            <div id="collapse{{ $grp.name }}{{ $counter }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $grp.name }}{{ $counter }}" data-bs-parent="#accordionFlush{{$grp.name}}">
+                <div class="accordion-body">
+                    {{.answer}}
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+    {{ end }}
 {{ end }}