Add teckids_related sections (draft)

content/infos/digitale-muendigkeit.md

@@ -32,7 +32,7 @@ aber umgekehrt niemals stellvertretend für sie Entscheidungen mit **potentiell
 Konsequenzen** treffen.
 
 
-# Mein Gerät, meine Daten!
+## Mein Gerät, meine Daten!
 
 Smartphones, Laptops, Chat, soziale Netzwerke, Spiele – viele digitale
 Geräte und Medien, die wir jeden Tag nutzen, sind schon lange ein
@@ -50,7 +50,7 @@ frei und selbstbestimmt entscheiden**, was sie zulassen und was nicht.
 
 {{ further(category="muendigkeit") }}
 
-# Kinder dürfen Nein sagen
+## Kinder dürfen Nein sagen
 
 Viele junge Menschen können ihr erstes Smartphone kaum erwarten. Endlich
 Bilder mit den Freund\*innen hin- und herschicken, die Lieblings-
@@ -81,3 +81,12 @@ aber nicht **an ihrer Stelle Einwilligungen erteilen**. Lehrkräfte sollten
 auch **Schüler\*innen selber nach ihrer Meinung fragen**, selbst, wenn das
 rechtlich nicht notwendig ist. Und sie sollten ihre Entscheidungen respektieren,
 wenn es um ihre persönlichen Daten geht!
+
+{% teckids_related() %}
+Bei Teckids leben wir vor, dass Kinder, Jugendliche und Erwachsene die gleichen
+Rechte haben, über ihre Daten und die Verwendung ihrer Geräte zu entscheiden.
+
+Beispielsweise achten wir bewusst darauf, bei unseren Treffen und Veranstaltungen
+allen Beteiligten eien fundierte Entscheidung darüber zu ermöglichen, ob sie auf
+Fotos im Internet zu sehen sein möchten oder nicht.
+{% end %}

content/infos/kinder-digitales.md

@@ -4,6 +4,11 @@ title = "Kinder und Digitales"
 [taxonomies]
 zielgruppe = ["Eltern"]
 
+[extra.platforms]
+wiki = ""
+forum = ""
+chat = ""
+
 [[extra.further.literatur]]
 image = { url = "/images/screen-teens.jpg", alt = "Buch-Cover des Buches Screen Teens" }
 title = "Buch Screen Teens von Jessica Wawrzyniak"
@@ -104,3 +109,20 @@ anderen teilen, über seine Aktivitäten berichten oder eigene Projekte präsent
 möchte und sobald es die Konsequenzen davon erörtern kann, sollte ihm dieser
 Entscheidungsfreiraum überlassen werden, selbstverständlich wiederum in
 Absprache und Zusammenarbeit mit den Eltern.
+
+{% teckids_related() %}
+### Projekte mit Kindern
+
+Ein verantwortungsvoller Umgang mit den eigenen Geräten ist das Kernziel der
+Projekte, die wir mit Kindern und Jugendlichen durchführen. Die Grundlage
+dafür bietet die Verstehbarkeit – nur, wer versteht, wie etwas funktioniert,
+kann es auch kritisch hinterfragen und dann informeirte Entscheidungen treffen.
+
+### Zuhasue und in Schulen
+
+Wir erarbeiten Empfehlungen für Eltern und Lehrkräfte, die eine Grundhaltung
+fördern, die zur bewussten Nutzung digitaler Angebote führt. Der wichtigste
+Grundstein dafür ist freie und offene Software, die überhaupt erst ermöglicht,
+die Funktionsweise zu verstehen und frei zu entscheiden, für was ein Gerät
+verwendet wird und wofür nicht.
+{% end %}

templates/shortcodes/teckids_related.html

+<section class="section">
+  <h2 class="title">Darum geht es bei Teckids</h2>
+  <div class="columns">
+    <div class="column is-two-thirds">
+      {{body|markdown|safe}}
+    </div>
+    <div class="column is-one-third">
+      <div class="media">
+        <div class="media-left">
+          <figure class="image is-48x48">
+            <img src="" alt="Wiki-Icon">
+          </figure>
+        </div>
+        <div class="media-content">
+          <a href="https://wiki.teckids.org/{{page.extra.platforms.wiki}}">
+            <p class="title is-4">Wiki</p>
+            <p class="subtitle is-6">Informationen und Handreichungen im Teckids-Wiki</p>
+          </a>
+        </div>
+      </div>
+      <div class="media">
+        <div class="media-left">
+          <figure class="image is-48x48">
+            <img src="" alt="Forum-Icon">
+          </figure>
+        </div>
+        <div class="media-content">
+          <a href="https://forum.teckids.org/{{page.extra.platforms.forum}}">
+            <p class="title is-4">Forum</p>
+            <p class="subtitle is-6">Fragen und Diskussion im Teckids-Forum</p>
+          </a>
+        </div>
+      </div>
+      <div class="media">
+        <div class="media-left">
+          <figure class="image is-48x48">
+            <img src="" alt="Wiki-Icon">
+          </figure>
+        </div>
+        <div class="media-content">
+          <a href="https://matrix.to/#/{{page.extra.platforms.chat}}">
+            <p class="title is-4">Chat</p>
+            <p class="subtitle is-6">Darüber reden im Chat</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>