From c6de20482bf6d6f81c382396a758f0841870fc7b Mon Sep 17 00:00:00 2001
From: Tom Teichler <tom.teichler@teckids.org>
Date: Tue, 1 Dec 2020 17:23:19 +0100
Subject: [PATCH] Add carousel indicators

---
 content/pages/de/index.md | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/content/pages/de/index.md b/content/pages/de/index.md
index 514669ff..44f81120 100644
--- a/content/pages/de/index.md
+++ b/content/pages/de/index.md
@@ -3,7 +3,13 @@ title: Startseite
 date: 2020-02-29
 lang: de
 
-<div class="carousel slide" data-ride="carousel">
+<div class="carousel slide" data-ride="carousel" id="carousel">
+  <ol class="carousel-indicators">
+    <li data-target="#carousel" data-slide-to="0" class="active"></li>
+    <li data-target="#carousel" data-slide-to="1"></li>
+    <li data-target="#carousel" data-slide-to="2"></li>
+    <li data-target="#carousel" data-slide-to="3"></li>
+  </ol>
   <div class="carousel-inner">
     <div class="carousel-item active">
       <img class="d-block w-100" src="/images/carousel/tom-erklärt-veripeditus.jpg" />
@@ -29,6 +35,14 @@ lang: de
 	    <h5>Klein anfangen — oder groß</h5>
       </div>
     </div>
+    <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="sr-only">Next</span>
+    </a>
   </div>
 </div>
 
-- 
GitLab