{% extends "base.html" %}
{% load i18n %}
{% block content %}
    <div class="container mt-4">
        <div class="row row-deck row-cards">
            {% for project in object_list %}
                <div class="col-md-4">
                    {% if project.url %}
                        <a class="card card-link card-link-pop"
                           href="{{ project.url }}"
                           target="_blank">
                            <div class="card-body">
                                <h4>{{ project.name }}</h4>
                                <p>{{ project.short_description }}</p>
                                <div>
                                    {% for t in project.tags.all %}
                                        <div class="badge text-white fs-5"
                                             style="background-color: #{{ t.color }}">{{ t }}</div>
                                    {% endfor %}
                                </div>
                            </div>
                        </a>
                    {% else %}
                        <div class="card">
                            <div class="card-body">
                                <h4>{{ project.name }}</h4>
                                <p>{{ project.short_description }}</p>
                                <div>
                                    {% for t in project.tags.all %}
                                        <div class="badge text-white fs-5"
                                             style="background-color: #{{ t.color }}">{{ t }}</div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    {% endif %}
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}