{% extends 'layouts/base.html' %}
{% load static %}
{% load i18n %}

{% block content %}
    <div class="uk-flex uk-flex-middle">
        <div class="uk-container uk-flex-auto uk-position-relative uk-margin-medium-top">
            <div class="uk-width-1">
                <h1 class="uk-margin-remove-bottom uk-text-bold">{% trans 'À propos' %}</h1>
            </div>

            <div class="uk-width-1 uk-margin">
{% blocktrans %}
<p>GnousEU est une communauté de passionnés du libre ayant débuté en février 2017 sur la plateforme Discord.
Depuis elle s'est diversifiée sur plusieurs plateformes hébergées par elle-même en favorisant les instances décentralisées.
Elle ne cesse de grandir de jour en jour et est ouverte à tous nouveaux membres.
Un système de recensement des membre et d'interconnexion des plateformes est toujours à l'étude pour permettre une meilleure continuité au sein de la communauté.
Actuellement la grande majorité de ses membres se trouvent sur le serveur Discord.</p>
<p>Cette communauté à été créée par <code><a href="https://enpls.org">Mael G. aka Outout</a></code> et est administrée par lui-même
mais aussi par <code><a href="https://git.gnous.eu/Romain">Romain J.</a></code>,
<code><a href="https://git.gnous.eu/Rick">Rick K.</a></code>,
<code><a href="https://l4p1n.ch/">L4p1n</a></code>,
<code>DoomQuakeKeen</code> et
<code><a href="https://huteau-leo.fr/">Léo H</a></code>. Avant son départ, <code><a href="https://git.gnous.eu/orakle">Orakle</a></code> s'occupait du design.</p>
<p>GnousEU est hébergé sur l'infrastructure <a href='https://enpls.org/'>EnPLS.org</a> disposant de serveurs en France, Pays-Bas, Allemagne et Guadeloupe.</p>
{% endblocktrans %}
            </div>

            <hr class="uk-margin-large">

            <div class="uk-width-1">
                <h2 class="uk-margin-remove-bottom uk-text-bold uk-text-center">{% trans 'Partenaires' %}</h2>
            </div>

            <div class="uk-width-1 uk-margin">
                {% if partners|length >= 1 %}
                    <div class="uk-grid uk-grid-margin-medium uk-child-width-1-3@m" data-uk-grid="masonry: true">
                        {% for partner in partners %}
                            <div class="uk-margin">
                                <div class="uk-card uk-card-secondary">
                                    <div class="uk-card-media-top">
                                        <img class="uk-align-center" src="{{ partner.photo.url }}" loading="lazy" alt="{{ partner.name }}">
                                    </div>
                                    <div class="uk-card-body">
                                        <h3 class="uk-card-title">
                                            {{ partner.name }}
                                            <code>{{ partner.domain }}</code>
                                        </h3>
                                        <p>{% get_current_language as LANGUAGE_CODE %}{% if LANGUAGE_CODE == 'en' and partner.description_en != None %}{{ partner.description_en }}{% else %}{{ partner.description }}{% endif %}</p>
                                        <a href="https://{{ partner.domain }}" class="uk-text-large">{% trans "Voir" %}</a>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <div class="uk-width-2-3@m uk-align-center">
                        <div class="uk-card">
                            <div class="uk-card-header">
                                <div class="uk-grid-small uk-flex-middle uk-grid">
                                    <div class="uk-width-2-3">
                                        <h3 class="uk-card-title uk-text-bold uk-text-danger">{% trans "Nous n'avons aucun partenaire..." %}</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}