---
layout: base
---

<article id="art">
    <h1>{{ page.fileSlug }}
        {% for flag in flags %}
            <img src="{{ flag.src }}">
            {% endfor %}
        </h1>
        {{ content|safe }}
        {% if programs and programs|length > 0 %}
            <p>Made with:</p>
            <ul>
                {% for program in programs %}
                    <li>
                        <span>
                            <img src="https://www.google.com/s2/favicons?domain={{ program.src }}" alt="">
                                <a href="{{ program.src }}">{{ program.name }}</a>
                            </span>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
            {% if palettes and palettes|length > 0 %}
                <p>Color palette used:</p>
                {% for palette in palettes %}
                    <ul>
                        <li>
                            <span>
                                {% if palette.src %}
                                    <img src="https://www.google.com/s2/favicons?domain={{ palette.src }}" alt="">
                                        <a href="{{ palette.src }}">
                                        {% endif %}
                                        {{ palette.name }}</a>
                                </span>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
                <section>
                    {% for image in images %}
                        <a href="{{ image.src }}">
                            <figure>
                                <img src="{{ image.src }}" alt="" {% if image.pixel %} style="image-rendering: pixelated" {% endif %}>
                                    <figcaption>{{ image.alt }}</figcaption>
                                    <time datetime="{{ image.date|ISO }}">{{ image.date|readable }}</time>
                                </figure>
                            </a>
                        {% endfor %}
                    </section>
                    {% for attachment in attachments %}
                        <section class="attachment">
                            <a href="{{ attachment.src }}">
                                <figure>
                                    <img src="{{ attachment.src }}">
                                        <figcaption>{{ attachment.alt }}</figcaption>
                                    </figure>
                                </a>
                            </section>
                        {% endfor %}
                    </article>