From f2e93424db42c315aebe92107146ffd46800e4f3 Mon Sep 17 00:00:00 2001
From: Tom Teichler <tom.teichler@teckids.org>
Date: Thu, 15 Apr 2021 21:05:23 +0200
Subject: [PATCH] Fix card links
---
content/pages/de/mitmachen/mitmachen.md | 24 ++++++++++++++++++------
content/pages/de/verein/verein.md | 16 ++++++++++++----
content/static/css/custom.css | 4 ++++
3 files changed, 34 insertions(+), 10 deletions(-)
diff --git a/content/pages/de/mitmachen/mitmachen.md b/content/pages/de/mitmachen/mitmachen.md
index 50e4100e..26249645 100644
--- a/content/pages/de/mitmachen/mitmachen.md
+++ b/content/pages/de/mitmachen/mitmachen.md
@@ -13,7 +13,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…bin ein Unternehmen.</h5>
<p class="card-text">Sie als Unternehmen können uns und unsere Projekte mit einem langfristigen Sponsoring oder einer Spende finanziell unterstützen.</p>
- <a href="/pages/spenden.html" class="btn btn-primary">Spenden</a>
+ </div>
+ <div class="card-footer">
+ <a href="/pages/spenden.html" class="btn btn-primary btn-fullwidth">Spenden</a>
</div>
</div>
</div>
@@ -22,7 +24,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…möchte anderen Kindern und Jugendlichen helfen und ihnen etwas beibringen.</h5>
<p class="card-text">Als Tutor bzw. Juniormitglied kannst du anderen Kindern in Workshops etwas beibringen und bei der Organisation von Freizeiten helfen.</p>
- <a href="https://hacknfun.org" class="btn btn-primary">Hack'n'Fun</a>
+ </div>
+ <div class="card-footer">
+ <a href="https://hacknfun.org" class="btn btn-primary btn-fullwidth">Hack'n'Fun</a>
</div>
</div>
</div>
@@ -31,7 +35,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…möchte mich mit einer Sessionidee einbringen.</h5>
<p class="card-text">Im Projekt LEOPARD finden regelmäßig Sessions statt, dort ist man auch offen für neue Ideen - ob ungebunden oder ihm Rahmen eines Barcamps [Leopard-Seite]</p>
- <a href="https://leopard.camp" class="btn btn-primary">LEOPARD</a>
+ </div>
+ <div class="card-footer">
+ <a href="https://leopard.camp" class="btn btn-primary btn-fullwidth">LEOPARD</a>
</div>
</div>
</div>
@@ -45,7 +51,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…möchte Freie Software in meiner Schule einführen/ausbauen.</h5>
<p class="card-text">Wir bieten umfangreichen Schulsupport mit Freier Software an und unterstützen Sie auch beim Ausbau von vohandener Infrastruktur.</p>
- <a href="https://schul-frei.org" class="btn btn-primary">schul-frei</a>
+ </div>
+ <div class="card-footer">
+ <a href="https://schul-frei.org" class="btn btn-primary btn-fullwidth">schul-frei</a>
</div>
</div>
</div>
@@ -54,7 +62,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…bin ein Mitglied der FOSS-Community und möchte mich einbringen.</h5>
<p class="card-text">Das Projekt schul-frei strebt Kooperationen mit den verschiedensten Mitgliedern der FOSS-Welt an.</p>
- <a href="https://schul-frei.org" class="btn btn-primary">schul-frei</a>
+ </div>
+ <div class="card-footer">
+ <a href="https://schul-frei.org" class="btn btn-primary btn-fullwidth">schul-frei</a>
</div>
</div>
</div>
@@ -63,7 +73,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
<div class="card-body">
<h5 class="card-title">…möchte das Angebot unserer Schule um außerschulische Projekte erweitern.</h5>
<p class="card-text">Langfristig möchten wir gerne mit verschiedenen Schulen zusammenarbeiten. Bei Interesse nehmen Sie gerne Kontakt mit dem Projekt Hack'n'Fun auf.</p>
- <a href="https://hacknfun.org" class="btn btn-primary">Hack'n'Fun</a>
+ </div>
+ <div class="card-footer">
+ <a href="https://hacknfun.org" class="btn btn-primary btn-fullwidth">Hack'n'Fun</a>
</div>
</div>
</div>
diff --git a/content/pages/de/verein/verein.md b/content/pages/de/verein/verein.md
index e50792f2..8a0de37c 100644
--- a/content/pages/de/verein/verein.md
+++ b/content/pages/de/verein/verein.md
@@ -8,7 +8,9 @@ template: page_text
<div class="card-body">
<h5 class="card-title">Unsere Ziele</h5>
<p class="card-text">Als Verein haben wir vier große Ziele, die unser Handeln bestimmen.</p>
- <a href="{filename}ziele.md" class="btn btn-primary">Mehr Informationen</a>
+ </div>
+ <div class="card-footer">
+ <a href="{filename}ziele.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
</div>
</div>
</div>
@@ -17,7 +19,9 @@ template: page_text
<div class="card-body">
<h5 class="card-title">Projekte</h5>
<p class="card-text">Der Verein hat drei Projekte, welche sich mit unterschiedlichen Themen befassen: schul-frei, Hack’n’Fun und LEOPARD</p>
- <a href="{filename}projekte.md" class="btn btn-primary">Mehr Informationen</a>
+ </div>
+ <div class="card-footer">
+ <a href="{filename}projekte.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
</div>
</div>
</div>
@@ -33,7 +37,9 @@ template: page_text
<div class="card-body">
<h5 class="card-title">Pädagogik</h5>
<p class="card-text">Für uns ist es selbstverständlich, Kinder als junge Menschen zu betrachten, die während der Veranstaltungen in unserer Gemeinschaft mit anderen Kindern und Betreuern leben. Deshalb haben wir uns einige pädagogische Grunsätze zum Leitbild gemacht.</p>
- <a href="{filename}paedagogisches_leitbild.md" class="btn btn-primary">Mehr Informationen</a>
+ </div>
+ <div class="card-footer">
+ <a href="{filename}paedagogisches_leitbild.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
</div>
</div>
</div>
@@ -42,7 +48,9 @@ template: page_text
<div class="card-body">
<h5 class="card-title">Unterstützen</h5>
<p class="card-text">Als Verein freuen wir uns über jede Hilfe. Hier zeigen wir, wie man uns helfen kann.</p>
- <a href="{filename}unterstuetzen.md" class="btn btn-primary">Mehr Informationen</a>
+ </div>
+ <div class="card-footer">
+ <a href="{filename}unterstuetzen.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
</div>
</div>
</div>
diff --git a/content/static/css/custom.css b/content/static/css/custom.css
index 1f7270c2..5b8bf3fe 100644
--- a/content/static/css/custom.css
+++ b/content/static/css/custom.css
@@ -25,3 +25,7 @@
div.mitmachen-card {
height: 100%;
}
+
+a.btn-fullwidth {
+ width: 100%;
+}
--
GitLab