{% 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 %}