{% extends 'base.html' %}
{% block head %}
{{ super() }}
<meta name="referrer" content="no-referrer" />
<style type="text/css">
.resize-font {
    font-size: 0.95rem;
}
</style>
{% endblock head %}
{% block body %}
<section class="section section-padding">
    <div class="container">
        <div class="columns is-mobile is-multiline is-centered">
            {% for image in data %}
            <!-- Card Content -->
            <div class="column is-3">
                <div class="card">
                    <div class="card-header">
                        <div class="card-header-title">
                            Bruh Moment
                        </div>
                    </div>
                    <div class="card-image">
                        <a href="{{ image.real_url }}">
                            <figure class="image">
                                <img src="{{ image.real_url }}" alt="{{ image.sample_url }}">
                            </figure>
                        </a>
                    </div>
                    {% if showtags %}
                    <div class="card-content">
                        <div class="content word-break resize-font">
                            {{ image.tags }}
                        </div>
                    </div>
                    {% endif %}
                </div>
                <!-- Card End -->
            </div>
            {% endfor %}
        </div>
        <!-- Card Column Content -->
    </div>
</section>
{% endblock body %}