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>