Improve the FAQ page

By using the new `faq` shortcode

assets/scss/faq.scss

-details {
-    border: 1px solid #54a3d8;
-    border-radius: 3px;
-    padding: .5rem .5rem 0;
-}
-
-summary {
-    margin: -.5rem -.5rem 0;
-    padding: .5rem;
-}
-
-summary:hover {
-    font-weight: bold;
-}
-
-details[open] {
-    padding: .5rem;
-}
-
-details[open] summary {
-    border-bottom: 1px solid #aaa;
-    margin-bottom: .5rem;
-    font-weight: bold;
-}

content/faq.md

 ---
-layout: faq
 menu:
   main:
    parent: about
    weight: 5
 title: Frequently Asked Questions
-sassFiles:
-  - /scss/faq.scss
 faq:
   - question: "When using Ubuntu, I cannot read CHM and EPub documents, even if I have okular-extra-backends and libchm1 installed. Why?"
     answer: "Ubuntu (thus Kubuntu as well) packages of Okular are compiled without support for these two formats. The reason is explained in [this](https://bugs.launchpad.net/kdegraphics/+bug/277007) Launchpad report."
@@ -16,3 +13,4 @@ faq:
     answer: "Install the poppler-data package"
 ---
 
+{{< faq name="faq" >}}

go.mod

@@ -2,4 +2,4 @@ module okular-kde-org
 
 go 1.13
 
-require invent.kde.org/websites/aether-sass v0.0.0-20221211135924-83234ddbcc87 // indirect
+require invent.kde.org/websites/aether-sass v0.0.0-20230102145406-92923d265c6c // indirect

go.sum

 github.com/gohugoio/hugo-mod-bootstrap-scss/v5 v5.20100.20300/go.mod h1:XWU/Oh+hBW9hkayU92bYpnPNGfD6g2sHEjrWzCSvZME=
 github.com/thednp/bootstrap.native v0.0.0-20220121213928-48c5590165ff/go.mod h1:apvEEkedEAYkAOjFu4DSnvP3QeFy+8tq7mjzzEfhQCA=
 github.com/twbs/bootstrap v5.1.3+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
-invent.kde.org/websites/aether-sass v0.0.0-20221211135924-83234ddbcc87 h1:NBliq/G9EVwJ382xEPkGlFNbvIfG1tFe8kUdtvvBWEM=
-invent.kde.org/websites/aether-sass v0.0.0-20221211135924-83234ddbcc87/go.mod h1:xB1fuW6AV0KGr1sQ98fT+OKC0NJa0a1h4ZQBYkjqJRU=
+invent.kde.org/websites/aether-sass v0.0.0-20230102145406-92923d265c6c h1:ZJE/PSzhwahkIJmJycBhSbe468VIn7gMwsn1EpdYUBU=
+invent.kde.org/websites/aether-sass v0.0.0-20230102145406-92923d265c6c/go.mod h1:xB1fuW6AV0KGr1sQ98fT+OKC0NJa0a1h4ZQBYkjqJRU=

layouts/_default/faq.html

-{{/*
-SPDX-FileCopyrightText: Pablo Marcos <kde@pablomarcos.me>
-SPDX-License-Identifier: LGPL-3.0-or-later
-*/}}
-{{ define "main" }}
-  <main class="container" role="main">
-  <h1> {{ .Params.title }} </h1>
-   {{ range .Params.faq }}
-     </br>
-     <details>
-       <summary>{{ .question | markdownify}}</summary>
-       <p> {{ .answer | markdownify}} </p>
-     </details>
-    {{ end }}
-  </main>
-{{ end }}
-