links.html

---
layout: page
title: Links
styles:
- /css/links.css
- /css/fadein.css
favicon: /favicon.ico
---
<div style="display: flex; justify-content: center;">
    {% if site.data.links.size == 0 %}
    <p>There's nothing here yet...</p>
    {% endif %}

    <div class="fadein-container wide">
        {% for link in site.data.links %}

        {% if link.type == "divider" %}
        <h4 style="padding-bottom: 10px;">{{ link.text }}</h4>
        {% else %}
        <a class=" wide-child post-preview fadein" style="--child-index: {{ forloop.index }};" href="{{ link.url }}">
            {% if link.image %}
            <div class="post-thumbnail-container">
                <img alt="{{ link.text }}" src="{{ link.image | relative_url }}">
            </div>
            {% endif %}
            <div class="post-details">
                <h2 class="post-title">{{ link.text }}</h2>
            </div>
            </a>
            {% endif %}

        {% endfor %}
    </div>
</div>