From a236aefb00b9bda9cd01cfe849bae7dbd1e6e10e Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Tue, 1 Dec 2020 23:35:56 +0100
Subject: [PATCH] Update index page
---
content/pages/de/index.md | 40 +++++++++++++++++++++++------------
content/static/css/custom.css | 26 ++++++++++++++++++++---
themes/teckids | 2 +-
3 files changed, 51 insertions(+), 17 deletions(-)
diff --git a/content/pages/de/index.md b/content/pages/de/index.md
index 1f5fa9c6..b2021b4c 100644
--- a/content/pages/de/index.md
+++ b/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>
diff --git a/content/static/css/custom.css b/content/static/css/custom.css
index fb4ce1ab..99c9fc6a 100644
--- a/content/static/css/custom.css
+++ b/content/static/css/custom.css
@@ -1,3 +1,23 @@
-img.projektlogo {
- width: 100%;
-}
\ No newline at end of file
+#index-carousel {
+ margin-bottom: 4rem;
+ border-bottom: var(--teckids-secondary-dark) 3px solid;
+}
+#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;
+}
diff --git a/themes/teckids b/themes/teckids
index 3423fcab..c94d0bc0 160000
--- a/themes/teckids
+++ b/themes/teckids
@@ -1 +1 @@
-Subproject commit 3423fcab65f42fb5b3a6a670bfd4d1c6a262aadf
+Subproject commit c94d0bc03584db9b7487e8061d100b32687e3bd5
--
GitLab