WIP: Add project pages

content/projekte/hack-n-fun/_index.md

 +++
 title = "Hack'n'Fun"
 description = "Technik gemeinsam ausprobieren und verstehen"
+template = "project.html"
 
 [extra]
 logo = "artwork/logo-hacknfun.svg"
+project_slug = "hack-n-fun"
+list_icon = "images/soldering.png"
+theses = [
+    "Wir zeigen, dass man Technik selber gestalten kann",
+    "Alle können von- und miteinander lernen",
+    "Ausprobieren, kaputt machen und reparieren sind die besten Lernmethoden"
+]
 +++
 
 Im Projekt Hack’n’Fun experimentieren Kinder, Jugendliche und Erwachsene gemeinsam, um technische Themen kennenzulernen. Jede\*r kann Themen vorschlagen und damit ankündigen, etwas zeigen zu wollen, darum bitten, etwas gezeigt zu bekommen, oder dazu aufrufen, etwas gemeinsam auszuprobieren und herauszufinden.

content/projekte/indiedact/_index.md

 +++
 title = "Indiedact"
 description = "Partizipatives Lernen für alle"
+template = "project.html"
 
 [extra]
 logo = "artwork/logo-leopard.svg"
+project_slug = "indiedact"
+list_icon = "images/pencil.png"
+theses = [
+    "Selbstgewähltes Lernthema und -tempo ist Motivator Nr. 1",
+    "Pädagog*innen begleiten sensibel nach Bedürfnis der Lernenden",
+    "Digitale Plattformen sind Werkzeuge, um Lernende individuell zu begleiten – kein Selbstzweck"
+]
 +++
 
 Lernen und zusammenarbeiten nach Fähigkeiten und Zielen

content/projekte/schul-frei/_index.md

 +++
 title = "schul-frei"
 description = "Verstehbare digitale Werkzeug für Bildungseinrichtungen"
+template = "project.html"
 
 [extra]
 logo = "artwork/logo-schul-frei.svg"
+project_slug = "schul-frei"
+list_icon = "images/chalks.png"
+theses = [
+    "Software in Schulen muss offen und verstehbar sein",
+    "Schulen und Eltern müssen die Rechte der Schüler*innen und des Kollegiums respektieren und stärken",
+    "Dank Freier Software kann man im Unterricht reale, nachhaltige Projekte zum Lernen nutzen"
+]
 +++
 
 Das Projekt schul-frei ist ein Kuratorium für Freie Software in der Bildung.

sass/_teckids.scss

@@ -21,6 +21,10 @@ $project-colors: (
 }
 
 @each $project in $projects {
+    .project-section-#{$project} {
+        background-color: findLightColor(map-get($project-colors, $project));
+    }
+
     #menu-project-section-#{$project} {
         border-color: map-get($project-colors, $project);
 

templates/menu/projects.html

@@ -9,7 +9,7 @@
     >
       {% set section = get_section(path = "projekte/" ~ project.slug ~
       "/_index.md") %}
-      <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1>
+      <h1 class="title is-6 is-mega-menu-title"><a class="navbar-item" href="{{ section.permalink }}">{{ section.title }}</a></h1>
       <strong class="is-mega-menu-subtitle">{{ section.description }}</strong>
 
       {% for page in project.pages %}

templates/project.html

+{% extends "base.html" %}
+
+{% block meta %}
+    {% if section.description %}
+        <meta name="description" content="{{ section.description }}" />
+    {% elif config.description %}
+        <meta name="description" content="{{ config.description }}" />
+    {% endif %}
+{% endblock %}
+
+{% block title %}
+    {{ section.title }}
+{% endblock %}
+
+{% block main %}
+<section class="container section is-medium project-section-{{ section.extra.project_slug }}">
+	<h1 class="title">{{ section.title }}</h1>
+	<h2 class="subtitle">{{ section.description }}</h2>
+	<ul class="box">
+		{% for thesis in section.extra.theses %}
+		<li>{{ thesis }}</li>
+		{% endfor %}
+	</ul>
+	<div class="content">{{ section.content | safe }}</div>
+</section>
+{% endblock %}