Update index page

content/pages/de/index.md

@@ -3,12 +3,12 @@ title: Startseite
 date: 2020-02-29
 lang: de
 
-<div class="carousel slide" data-ride="carousel" id="carousel">
+<div class="carousel slide" data-ride="carousel" id="index-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>
+    <li data-target="#index-carousel" data-slide-to="0" class="active"></li>
+    <li data-target="#index-carousel" data-slide-to="1"></li>
+    <li data-target="#index-carousel" data-slide-to="2"></li>
+    <li data-target="#index-carousel" data-slide-to="3"></li>
   </ol>
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -50,23 +50,37 @@ lang: de
   </div>
 </div>
 
+<div class="container" id="project-columns">
 <div class="row">
-  <div class="col-lg-4">
-    <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
-	<h2>Projekt schul-frei</h2>
+  <div class="col-lg-4 border-right">
+	<h2>Freie Software und Bildung Hand in Hand</h2>
+	<a href="https://schul-frei.org/">
+      <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
+    </a>
 	<p>
+	 Das Projekt schul-frei kümmert sich darum, Freie Software in der Bildung zu verbreiten, betreuen und zu kuratieren. Dabei pflegt es den schul-frei-Kanon, arbeitet mit FOSS-Projekten zusammmen und tauscht sich mit ihnen aus und beteiligt sich an Konferenzen.
 	</p>
+	<a class="btn btn-dark" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
   </div>
-  <div class="col-lg-4">
-    <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack'n'Fun" class="projektlogo" />
-	<h2>Projekt Hack'n'Fun</h2>
+  <div class="col-lg-4 border-right">
+	<h2>Lernen und Ausprobieren mit Kindern</h2>
+	<a href="https://hacknfun.org">
+      <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack'n'Fun" class="projektlogo" />
+	</a>
 	<p>
+	 Das Projekt Hack'n'Fun hingegen kümmert sich um alle Veranstaltungen, bei denen Kinder und Jugendliche bei Ferien- und Wochenendfreizeiten und Fahrten zu Konferenzen teilnehmen können. Bei diesen werden die Teilnehmenden direkt integriert und bei denen sie Informatik und Technik kennenlernen können.
 	</p>
+	<a class="btn btn-dark" href="https://hacknfun.org/">Mehr auf hacknfun.org</a>
   </div>
   <div class="col-lg-4">
-    <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
-	<h2>Projekt LEOPARD</h2>
+	<h2>Gemeinschaft und Partizipation mit Jugendlichen</h2>
+	<a href="https://leopard-camp.org">
+      <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
+	</a>
 	<p>
+	 Das Projekt LEOPARD ist die direkte Umsetzung des Vereinskonzepts, bei dem Sessions und Diskussionen über Vereinsthemen Platz finden. Es bietet Erwachsenen und Jugendlichen die Möglichkeit, sich kreativ und mitgestaltend in Sessions an FrogLabs-Organisation oder an schul-frei-Themen beteiligen.
 	</p>
+	<a class="btn btn-dark" href="https://leopard-camp.org/">Mehr auf leopard-camp.org</a>
   </div>
 </div>
+</div>

content/static/css/custom.css

-img.projektlogo {
-    width: 100%;
-}
+#index-carousel {
+  margin-bottom: 4rem;
+  border-bottom: var(--teckids-secondary-dark) 3px solid;  
\ No newline at end of file
+}
+#project-columns .col-lg-4 {
+  margin-bottom: 1.5rem;
+  text-align: center;
+}
+#project-columns h2 {
+  font-weight: 400;
+}
+#project-columns .col-lg-4 p {
+  margin-right: .75rem;
+  margin-left: .75rem;
+}
+
+#project-columns .col-lg-4 img.projektlogo {
+  -webkit-filter: drop-shadow(5px 5px 5px #888888);
+  filter: drop-shadow(5px 5px 5px #888888);
+  width: 80%;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}

teckids @ c94d0bc0

-Subproject commit 3423fcab65f42fb5b3a6a670bfd4d1c6a262aadf
+Subproject commit c94d0bc03584db9b7487e8061d100b32687e3bd5