showcase.html

---
layout: default
title : Showcase
navbar_title: Showcase
---

{% assign cards_by_group = site.showcase | sort: "date" | reverse | where: "show", true | group_by_exp: "item", "item.group" %}

{% for group in cards_by_group %}
<h1>{{ group.name }}</h1>
<div class="row grid mb-4">
    <div class="grid-sizer col-1"></div>
    {% for item in group.items %}
    {% assign width_sm = item.width | times: 2 | at_most: 12 %}
    {% if width_sm > 6 %}{% assign width_sm = 12 %}{% endif %}

    {% assign width_xs = item.width | times: 3 | at_most: 12 %}
    {% if width_xs > 6 %}{% assign width_xs = 12 %}{% endif %}

    <div class="p-2 grid-item col-md-{{ item.width | at_most: 12 }} col-sm-{{ width_sm }} col-{{ width_xs }}">
        <div class="{% if item.class != null %}{{ item.class }}{% else %}card border-0 shadow-sm bg-white{% endif %}">
            {{ item.content }}
        </div>
    </div>
    {% endfor %}
</div>
{% endfor %}