{% 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">
  <div class="hero-body">
    <div class="container">
      <div class="columns">
        <div class="column is-two-fifth project-title">
          <h1 class="title is-1">{{ section.title }}</h1>
          <p class="title is-5">
            {{ section.description }}
          </p>
          <div class="content">
              {% if section.content %}
                {{ section.content | safe }}
              {% else %}
                {% include "baustelle.html" %}
              {% endif %}
          </div>
        </div>
        <div class="column project-theses">
          {% for thesis in section.extra.theses %}
          <article class="media">
            <figure class="media-left">
              <p class="image is-64x64">
                <img src="/{{ section.extra.list_icon }}" />
              </p>
            </figure>
            <div class="media-content">
              <p>{{ thesis }}</p>
            </div>
          </article>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}