{% 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, lang=lang) %}
        <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>