templates/frontpage/events.html

+<section class="section">
+  <div class="container">
+    <h2 class="title is-2">{{ trans(key="upcoming_events", lang=lang) }}</h2>
+    {#    <div class="columns is-multiline is-same-height mt-4"> #}
+      {% set events_data = load_data(path="events.json") -%}
+      {% set no_title = true %}
+      {% for slug, event in events_data %}
+        {% if event.featured | default(value=false) %}
+	{#	  <div class="column is-one-third"> #}
+            {% include "shortcodes/teckids_event.html" %}
+	    {#	  </div> #}
+        {% endif %}
+      {% endfor %}
+      {#    </div> #}
+  </div>
+</section>

templates/frontpage/projects.html

+{% set projects_section = get_section(path="projekte/_index.md", lang=lang) %}
+
+<section class="section" resource="https://teckids.org/">
+  <div class="container">
+    <h2 class="title is-2">{{ trans(key="our_projects", lang=lang) }}</h2>
+    <div class="columns is-same-height mt-4">
+      {% for project_section_path in projects_section.subsections %}
+        {% set project_section = get_section(path=project_section_path) %}
+        <div class="column is-one-third" property="schema:brand" resource="{{ project_section.permalink }}" typeof="schema:Brand">
+          <div class="card is-shadowless">
+            <div class="card-image">
+              <figure class="image is-70p">
+                <a href="{{ project_section.permalink }}"><img src="{{ project_section.extra.title_icon }}" alt="Logo {{ project_section.title }}" /></a>
+              </figure>
+            </div>
+            <div class="card-content">
+              <a href="{{ project_section.permalink }}"><h3 class="title is-3" property="schema:name">{{ project_section.title }}</h3></a>
+              <div class="content">
+                <span property="schema:description">{{ project_section.description }}</span>
+                <ul>
+                  {% for thesis in project_section.extra.theses %}
+                    <li>{{ thesis }}</li>
+                  {% endfor %}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>

templates/index.html

+{% extends "base.html" %}
+
+{% block og_type %}website{% endblock %}
+{% block rdfa_type %}schema:WebSite{% endblock %}
+
+{% block main %}
+  {% include "frontpage/claim.html" %}
+  {% include "frontpage/projects.html" %}
+  {% include "frontpage/events.html" %}
+  {% include "frontpage/blog.html" %}
+{% endblock %}

templates/menu.html

+<nav class="navbar is-fixed-top is-boxed" role="navigation" aria-label="main navigation" id="main-navbar">
+    <input type="checkbox" id="burger-toggle" role="button" class="navbar-toggle" aria-label="menu" aria-expanded="false" data-target="main-menu" />
+    <div class="navbar-brand">
+        <a href="{{ get_url(path="@/_index.md", lang=lang) }}" class="navbar-item">
+            <figure class="image" id="navbar-logo">
+                <img src="{{ get_url(path="artwork/logo-teckids-orange.svg") }}" alt="Logo Teckids" />
+            </figure>
+        </a>
+
+        <label for="burger-toggle" class="navbar-burger">
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+        </label>
+    </div>
+
+    <div class="navbar-menu" id="main-menu">
+        <div class="navbar-start">
+            <div class="navbar-item has-dropdown is-hoverable is-mega">
+                <a href="#" class="navbar-item">{{ trans(key="projects", lang=lang) }}</a>
+                <div class="navbar-dropdown is-boxed">
+                    {% include "menu/projects.html" %}
+                </div>
+            </div>
+
+            <div class="navbar-item has-dropdown is-hoverable is-mega">
+                <a href="#" class="navbar-item">{{ trans(key="information_for", lang=lang) }}</a>
+                <div class="navbar-dropdown is-boxed">
+                    {% include "menu/infos.html" %}
+                </div>
+            </div>
+
+            <div class="navbar-item has-dropdown is-hoverable">
+                <a href="#" class="navbar-item">{{ trans(key="teckids_community", lang=lang) }}</a>
+                <div class="navbar-dropdown is-boxed">
+                    {% include "menu/gemeinschaft.html" %}
+                </div>
+            </div>
+
+            {% for item in config.extra.main_menu_item %}
+                <a href="{{ get_url(path=item.path, lang=lang) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
+            {% endfor %}
+        </div>
+
+        <div class="navbar-end">
+            <div class="navbar-item has-dropdown is-hoverable">
+                <a href="#" class="navbar-item"><span class="icon"><i class="fas fa-language"></i></span></a>
+                <div class="navbar-dropdown is-boxed is-right">
+                    {% include "menu/languages.html" %}
+                </div>
+            </div>
+        </div>
+    </div>
+</nav>

templates/menu/gemeinschaft.html

+{% set gemeinschaft_section = get_section(path="gemeinschaft/_index.md", lang=lang) %}
+
+<div class="container is-fluid">
+  <div class="columns">
+    {% for gemeinschaft_section_path in gemeinschaft_section.subsections %}
+      {% set gemeinschaft_subsection = get_section(path=gemeinschaft_section_path, lang=lang) %}
+      <section class="column">
+        <div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
+          <div class="card-content p-0 m-0">
+            <h1 class="title is-6 is-mega-menu-title">
+              <p> {{ gemeinschaft_subsection.title }} </p>
+              <p class="is-4">{{ gemeinschaft_subsection.description }}</p>
+            </h1>
+
+            {% for page in gemeinschaft_subsection.pages %}
+              <a class="navbar-item" href="{{ page.permalink }}">
+                <div class="navbar-content">{{ page.title }}</div>
+              </a>
+            {% endfor %}
+          </div>
+          {% if gemeinschaft_subsection.extra.products %}
+            <div class="card-footer">
+              {% for product in gemeinschaft_subsection.extra.products %}
+                <a class="card-footer-item" href="{{ product.link }}">
+                  <span class="icon-text">
+                    <span>{{ product.name }}</span>
+                    <span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
+                  </span>
+                </a>
+              {% endfor %}
+            </div>
+          {% endif %}
+        </div>
+      </section>
+    {% endfor %}
+  </div>
+</div>

templates/menu/infos.html

+{% set zielgruppen = get_taxonomy(kind = "zielgruppe", lang=lang) %}
+
+<div class="container is-fluid">
+  <div class="columns">
+    {% for zielgruppe in zielgruppen.items %}
+      <section
+        class="column menu-zielgruppe-section"
+        id="menu-zielgruppe-section-{{ zielgruppe.slug }}"
+      >
+        <h1 class="title is-6 is-mega-menu-title">{{ zielgruppe.name }}</h1>
+
+        {% for page in zielgruppe.pages %}
+          {% if page.date %}{% continue %}{% endif %}
+          <a class="navbar-item" href="{{ page.permalink }}">
+            <div class="navbar-content">{{ page.title }}</div>
+          </a>
+        {% endfor %}
+      </section>
+    {% endfor %}
+  </div>
+</div>

templates/menu/languages.html

+<div class="container is-fluid">
+ {% if thing %}
+  {% for translation in thing.translations %}
+   <a class="navbar-item" href="{{ translation.permalink }}"><div class="navbar-content">{{ translation.lang }}</div></a>
+  {% endfor %}
+ {% endif %}
+</div>

templates/menu/projects.html

+{% set projects_section = get_section(path="projekte/_index.md") %}
+
+<div class="container is-fluid">
+  <div class="columns">
+    {% for project_section_path in projects_section.subsections %}
+      {% set project_section = get_section(path=project_section_path, lang=lang) %}
+      <section class="column menu-project-section" id="menu-project-section-{{ project_section.components[1] }}">
+        <div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
+          <div class="card-content p-0 m-0">
+            <h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
+              <p> {{ project_section.title }} </p>
+              <p class="is-4">{{ project_section.description }}</p>
+            </a></h1>
+
+            {% for page in project_section.pages %}
+              <a class="navbar-item" href="{{ page.permalink }}">
+                <div class="navbar-content">{{ page.title }}</div>
+              </a>
+            {% endfor %}
+          </div>
+          {% if project_section.extra.products %}
+            <div class="card-footer">
+              {% for product in project_section.extra.products %}
+                <a class="card-footer-item" href="{{ product.link }}">
+                  <span class="icon-text">
+                    <span>{{ product.name }}</span>
+                    <span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
+                  </span>
+                </a>
+              {% endfor %}
+            </div>
+          {% endif %}
+        </div>
+      </section>
+    {% endfor %}
+  </div>
+</div>

templates/page.html

+{% extends "pages/content.html" -%}

templates/pages/content.html

+{% extends "base.html" %}
+
+{% block main %}
+  <section class="section">
+    <div class="container">
+      <h1 class="title is-1">{{ page.title }}</h1>
+      {% block content %}
+        {% if page.content %}
+          <div class="content mt-4">
+            {{ page.content | safe }}
+          </div>
+        {% else %}
+          {% set title = trans(key="page_missing", lang=lang) -%}
+          {% set body = trans(key="page_missing_explanation", lang=lang) -%}
+          {% include "shortcodes/message.html" %}
+        {% endif %}
+      {% endblock content %}
+    </div>
+  </section>
+  {% set blog_taxonomy = get_taxonomy_term(kind="aspekt", term=page.title, include_pages=true, required=false, lang=lang) %}
+  {% if blog_taxonomy and blog_taxonomy.pages %}
+    {% set posts = blog_taxonomy.pages | filter(attribute="date") %}
+    {% if posts %}
+      <aside>
+        {% set title=trans(key="related_blog_posts", lang=lang) %}
+        {% include "blog/section.html" %}
+      </aside>
+    {% endif %}
+  {% endif %}
+{% endblock %}

templates/pages/raw.html

+{% extends "base.html" %}
+
+{% block main %}
+  {{ page.content | safe }}
+{% endblock %}

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="hero hero-main is-fullheight-with-navbar project-background-{{ section.extra.project_slug }} roboto-black">
+    <div class="hero-body" typeof="schema:Brand">
+      <div class="container">
+        <div class="columns is-centered project-title-{{ section.extra.project_slug }}">
+          <h1 class="title is-1" property="schema:name">{{ section.title }}</h1>
+        </div>
+        <div class="container">
+          <div class="columns is-vcentered">
+            <div class="column is-one-third circle-bg">
+              <img class="is-1by1" src="/{{ section.extra.title_icon }}" alt="Projekt-Icon">
+            </div>
+            <div class="project-theses">
+              {% for thesis in section.extra.theses %}
+                <article class="media-v-centered">
+                  <figure class="media-left">
+                    <p class="image is-64x64">
+                      <img src="/{{ section.extra.list_icon }}" />
+                    </p>
+                  </figure>
+                  <div class="media-content">
+                    <p class="title is-4">{{ thesis }}</p>
+                  </div>
+                </article>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+{% endblock %}

templates/shortcodes/button.html

+{% if url is starting_with("@/") -%}
+  {% set url = get_url(path=url, lang=lang) -%}
+{% endif %}
+<a class="button {{ class | default(value="") }}" href="{{ url }}">
+  {{ body }}
+</a>

templates/shortcodes/embed_video.html

+<figure class="image is-{{ ratio | default(value="16by9") }}">
+  <iframe class="has-ratio" src="{{ url }}" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+</figure>

templates/shortcodes/event_section.html

+<section class="section">
+  <div class="container">
+    {% if title %}<h2 class="title is-2">{{ title }}</h2>{% endif %}
+    {% set no_title = true -%}
+    {% include "shortcodes/teckids_event.html" %}
+  </div>
+</section>

templates/shortcodes/further.html

+<section class="section">
+  <h2>{{title|default(value="Weiteres zu diesem Thema")}}</h2>
+  <div class="columns is-multiline is-same-height">
+    {% for further in page.extra.further[category] %}
+      {% if further.link is matching("^[^:/]+://") -%}
+        {% set link = further.link -%}
+      {% else -%}
+        {% set link = get_url(path=further.link, lang=lang) -%}
+      {% endif -%}
+      <div class="column is-one-third">
+        <div class="card">
+          <div class="card-image">
+            <a href="{{ link }}">
+              <figure class="image is-4by3">
+                {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ further.image, width=800, height=600) -%}
+                <img src="{{image.url}}" alt="{{further.alt}}" />
+                {% if further.credits %}
+                  <figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ further.credits }}</figcaption>
+                {% endif %}
+              </figure>
+            </a>
+          </div>
+          <div class="card-content">
+            <p class="title"><a href="{{ link }}">{{further.title}}</a></p>
+            <p class="content">
+              {{further.description}}
+            </p>
+          </div>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</section>

templates/shortcodes/gallery.html

+<section class="section gallery">
+  <div class="columns is-multiline is-same-height is-centered">
+    {% for picture in page.extra.gallery[name] %}
+      <div class="column is-one-third">
+        <a href="#">
+          <figure class="image is-4by3">
+            {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ picture.image, width=800, height=600) -%}
+            <img src="{{image.url}}" alt="{{picture.alt}}" />
+            {% if picture.credits %}
+              <figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ picture.credits }}</figcaption>
+            {% endif %}
+          </figure>
+        </a>
+      </div>
+    {% endfor %}
+  </div>
+</section>

templates/shortcodes/hero_section.html

+<section class="hero is-fullheight-with-navbar {% if background_img %}has-background{% endif %} {% if background_transparent %}is-transparent{% endif %}">
+  {% if background_img %}
+    {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ background_img, width=800, height=600) -%}
+    <img class="hero-background" src="{{ image.url }}" alt="">
+  {% endif -%}
+  <div class="hero-body pl-0 pr-0">
+    <div class="container has-text-centered">
+      <div class="box is-radiusless">
+        <h1 class="title is-1 mb-5">
+          {% if page.extra.title.image -%}
+            <figure>
+              <img src="{{ get_url(path=page.extra.title.image, lang=lang) }}" alt="{{ title | default(value=page.title) | safe }}" />
+            </figure>
+          {% else -%}
+            {{ title | default(value=page.title) | safe }}
+          {% endif %}
+        </h1>
+        {% if body or page.description %}<p class="subtitle">{{ body | default(value=page.description) | safe }}</p>{% endif -%}
+      </div>
+    </div>
+  </div>
+</section>

templates/shortcodes/message.html

+<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", lang=lang) }}"></a>
+  </div>
+  <div class="message-body">
+    {{ body }}
+  </div>
+</div>

templates/shortcodes/message_section.html

+<section class="section">
+  <div class="container">
+    {% include "shortcodes/message.html" %}
+  </div>
+</section>