{% 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">
    <div class="container">
      <div class="columns is-centered project-title-{{ section.extra.project_slug }}">
      <h1 class="title is-1">{{ 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 %}