Added: info

layouts/index.html

@@ -0,0 +1,105 @@
+{{ define "main" }}
+
+<section class="section pb-0">
+  <div class="container">
+    <div class="row justify-content-between align-items-center">
+      <div class="col-lg-7 text-center text-lg-start pe-lg-5">
+        {{ with .Params.banner }}
+        <h1 class="mb-4">{{ .title | markdownify }}</h1>
+        <p class="mb-4">{{ .subtitle | markdownify }}</p>
+        {{ end }}
+        <div class="d-flex flex-wrap justify-content-center justify-content-lg-start">
+
+          {{ with .Params.banner_button }}
+          <a class="btn btn-primary ms-2 me-2 me-lg-4 mt-2" href="{{.link | safeURL}}">{{.label}}</a>
+          {{ end }}
+
+          <form class="search-wrapper mt-2 mx-2 mx-lg-0" name="search-form" data-bs-toggle="modal" data-bs-target="#searchModal">
+            <i class="search-icon fas fa-search"></i>
+            <input class="form-control px-4 text-dark" placeholder="{{ i18n `search_placeholder`}}" readonly>
+            <button type="button" class="search-button" data-search-toggler>{{ i18n "search" }}</button>
+          </form>
+        </div>
+      </div>
+      <div class="col-lg-5 d-lg-block d-none">
+        {{ partial "image.html" (dict "Src" .Params.banner.image "Alt" "illustration") }}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- topics -->
+<section class="section pb-0">
+  <div class="container">
+    <h2 class="section-title">{{ i18n "topics" }}</h2>
+    <div class="row">
+      {{ range (where site.Pages "Type" "docs") }}
+      <div class="col-lg-4 col-sm-6 mb-4">
+        <div class="card h-100">
+          <div class="card-body py-5">
+              
+            <h4 class="card-title h4"><i class="{{ .Params.Icon }}"></i> {{ .Title }}</h4>
+            <p class="card-text">{{ .Params.Description | markdownify }}</p>
+            <a href="{{ .Permalink }}" class="stretched-link"></a>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+<!-- /topics -->
+
+<!-- faq -->
+{{ with site.GetPage "/faq" }}
+<section class="section pb-0">
+  <div class="container">
+    <h2 class="section-title">{{ .Title }}</h2>
+    <div class="row masonry-wrapper">
+      {{ .Content }}
+    </div>
+  </div>
+</section>
+{{ end }}
+<!-- /faq -->
+
+<!-- call to action -->
+{{ with .Params.call_to_action }}
+{{ if .enable }}
+<section class="section">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-4 text-center d-lg-block d-none">
+        {{ partial "image.html" (dict "Src" .image "Alt" "call-to-action") }}
+      </div>
+      <div class="col-lg-8 text-lg-start text-center ps-3">
+        <h2 class="mb-3 fw-bold">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        <form id="cta-lead-form" class="d-flex flex-column flex-sm-row gap-2 mt-2" novalidate>
+            <input
+                id="cta-email"
+                name="email"
+                type="email"
+                required
+                class="form-control"
+                placeholder="Uw e-mailadres"
+                aria-label="Uw e-mailadres"
+            >
+            <button
+                type="submit"
+                id="cta-submit"
+                class="btn btn-primary ms-sm-2 mt-2 mt-sm-0"
+            >
+                Verzenden
+            </button>
+        </form>
+        <p id="cta-message" class="small mt-2"></p>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /call to action -->
+
+{{ end }}

layouts/partials/components/feedback.html

@@ -0,0 +1,43 @@
+<!-- feedback -->
+{{ if site.Params.feedback }}
+{{ with site.Params.feedback }}
+<div class="feedback row" id="feedback">
+  <div class="col-md-8 col-lg-9">
+    <h4 class="fw-bold">{{ .title | markdownify }}</h4>
+    <p>{{ .content | markdownify }}</p>
+  </div>
+  <div class="col-md-4 col-lg-3 mt-2 mb-4 mb-md-0 text-md-end">
+    <button class="feedback-btn collapsed positive" type="button" data-bs-toggle="collapse" data-bs-target="#positive"
+      aria-expanded="true" aria-controls="positive">
+      <i class="far fa-thumbs-up"></i>
+    </button>
+    <button class="feedback-btn collapsed negative" type="button" data-bs-toggle="collapse" data-bs-target="#negative"
+      aria-expanded="false" aria-controls="negative">
+      <i class="far fa-thumbs-down"></i>
+    </button>
+  </div>
+  <div class="col-12">
+    <div id="positive" class="collapse" data-bs-parent="#feedback">
+      <form name="feedback" method="POST" action="{{ site.Params.feedback_form_action }}">
+        <input type="text" name="feedback" id="feedback" value="Positive" hidden>
+        <input type="text" name="URL" id="URL" value="{{.Permalink}}" hidden>
+        <textarea name="comments" id="comments" class="form-control mb-4"
+          placeholder="{{ .positive_placeholder }}" required></textarea>
+        <button type="submit" class="btn btn-primary">{{ i18n "send_feedback" }}</button>
+      </form>
+    </div>
+
+    <div id="negative" class="collapse" data-bs-parent="#feedback">
+      <form name="feedback" method="POST" action="{{ site.Params.feedback_form_action }}">
+        <input type="text" name="feedback" id="feedback" value="Negative" hidden>
+        <input type="text" name="URL" id="URL" value="{{.Permalink}}" hidden>
+        <textarea name="comments" id="comments" class="form-control mb-4"
+          placeholder="{{ .negative_placeholder }}" required></textarea>
+        <button type="submit" class="btn btn-primary">{{ i18n "send_feedback" }}</button>
+      </form>
+    </div>
+  </div>
+</div>
+{{ end }}
+{{ end }}
+<!-- /feedback -->