1 files changed, 46 insertions, 0 deletions
diff --git a/sysret.org/themes/tabi-lean/templates/partials/cards_pages.html b/sysret.org/themes/tabi-lean/templates/partials/cards_pages.html
new file mode 100644
index 0000000..89bdabc
--- /dev/null
+++ b/sysret.org/themes/tabi-lean/templates/partials/cards_pages.html
@@ -0,0 +1,46 @@
+{%- set rel_attributes = macros_rel_attributes::rel_attributes() | trim -%}
+{%- set max_projects = max_projects | default(value=999999) -%}
+<div class="cards">
+    {%- for page in show_pages %}
+        {# Used only in main page #}
+        {% if loop.index > max_projects %}
+            {% break %}
+        {% endif %}
+        {# Determine which URL to use, default is page.permalink #}
+        {%- set blank_target = macros_target_attribute::target_attribute(new_tab=config.markdown.external_links_target_blank and page.extra.link_to) -%}
+
+        {% set target_url = page.extra.link_to | default(value=page.permalink) %}
+
+        <a rel="{{ rel_attributes }}"
+            {{ blank_target }}
+            href="{{ target_url }}"
+            class="card"
+            {% if page.taxonomies %}
+            data-tags="{% for tax_name, terms in page.taxonomies %}{% for term in terms | unique %}{{ term | lower }}{% if not loop.last %},{% endif %}{% endfor %}{% endfor %}"
+            {% endif %}>
+            {% if page.extra.local_image %}
+                {% set meta = get_image_metadata(path=page.extra.local_image, allow_missing=true) %}
+                <img class="card-image"
+                    alt="{{ page.extra.local_image }}"
+                    src="{{ get_url(path=page.extra.local_image) }}"
+                    {% if meta.width %}width="{{ meta.width }}"{% endif %}
+                    {% if meta.height %}height="{{ meta.height }}"{% endif %}>
+            {% elif page.extra.remote_image %}
+                <img class="card-image"
+                    alt="{{ page.extra.remote_image }}"
+                    src="{{ page.extra.remote_image }}">
+            {% else %}
+                <div class="card-image-placeholder"></div>
+            {% endif %}
+
+            <div class="card-info">
+                <h2 class="card-title">{{ page.title | markdown(inline=true) | safe }}</h2>
+                <div class="card-description">
+                    {% if page.description %}
+                        {{ page.description | markdown(inline=true) | safe }}
+                    {% endif %}
+                </div>
+            </div>
+        </a>
+    {% endfor -%}
+</div>