Add stub FrogLabs page

content/projekte/hack-n-fun/freizeiten/froglabs.md

-+++
-title = "FrogLabs"
-+++

content/projekte/hack-n-fun/freizeiten/froglabs/index.md

++++
+title = "FrogLabs"
+description = "Als Nachwuchs zu Besuch bei Open-Source-Konferenzen"
+
+template = "pages/raw.html"
+
+[extra.depiction]
+image = "froscon_kinder.jpg"
+alt = "Große Gruppe Kinder am Eingang der Hochschule Bonn-Rhein-Sieg bei der FrOSCon"
++++
+
+{{ hero_section(background_img="froscon_kinder.jpg", background_alt="Große Gruppe Kinder am Eingang der Hochschule Bonn-Rhein-Sieg bei der FrOSCon") }}
+
+{% message_section(title="Die nächsten FrogLabs warten noch") %}
+  Die nächsten FrogLabs und die allgemeinen Informationen für diese Seite haben
+  wir noch nicht fertiggestellt.
+{% end %}

content/projekte/hack-n-fun/freizeiten/index.md

@@ -6,17 +6,19 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Kinder und Jugendliche", "Eltern"]
 
 [[extra.further.freizeit]]
-image = "hacken_am_lagerfeuer.jpg"
+image = "hacknsun/hacken_am_lagerfeuer.jpg"
 alt = "Mehrere Jugendliche sitzen an einen Lagerfeuer und entwickeln an ihrem eigenem Spiel"
+credits = "Dominik George, CC-BY-SA"
 title = "Hack'n'Sun"
 link = "@/projekte/hack-n-fun/freizeiten/hacknsun/index.md"
 description = "Unsere Jährliche Sommerfreizeit mit vielen Workshops, Spielen und viel spaß!"
 
 [[extra.further.freizeit]]
-image = "froglabs_banner.png"
+image = "froglabs/froscon_kinder.jpg"
 alt = "FrogLabs-Logo"
+credits = "Dominik George, CC-BY-NC-ND"
 title = "FrogLabs"
-link = "@/projekte/hack-n-fun/freizeiten/froglabs.md"
+link = "@/projekte/hack-n-fun/freizeiten/froglabs/index.md"
 description = "Unsere Jugendworkshops auf Open-Source-Konferenzen"
 
 +++

templates/shortcodes/message_section.html

+<section class="section">
+  <div class="container">
+    <div class="message is-{{ color | default(value="info") }}">
+      <div class="message-header">
+        <p>{{ title }}</p>
+        <a class="button delete" href="{{ get_url(path="@/_index.md") }}"></a>
+      </div>
+      <div class="message-body">
+        {{ body }}
+      </div>
+    </div>
+  </div>
+</section>