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

{% block content %}
    <div class="uk-flex uk-flex-middle top-wrap-height">
        <div class="uk-container uk-flex-auto uk-position-relative uk-margin-medium-top">
            <div class="uk-grid" data-uk-grid="masonry: true">
                <div class="uk-width-1"
                     data-uk-scrollspy="cls: uk-animation-slide-left-medium; target: > *; delay: 100">
                    <h1 class="uk-heading-line uk-margin-remove-bottom uk-text-bold uk-text-center">
                        <span>{% trans 'Donnez à GnousEU' %}</span>
                    </h1>
                    <p class="uk-text-center">{% trans 'Participez au développement de la communauté de GnousEU via un don monétaire via le site Tipeee.' %}</p>
                    <div class="uk-margin-remove-bottom uk-text-bold uk-text-center">
                        <a href="https://fr.tipeee.com/gnouseu" class="uk-text-center">
                            <img src="https://en.tipeee.com/img/pedago/tipeee-tip-btn.png" alt="tipeee logo" width="140">
                        </a>
                    </div>
                </div>

                <div class="uk-width-1 uk-margin-large-top"
                     data-uk-scrollspy="cls: uk-animation-slide-left-medium; target: > *; delay: 100">
                    <h2 class="uk-heading-line uk-margin-remove-bottom uk-text-bold uk-text-center">
                        <span>{% trans 'Vous souhaitez nous donner du materiel ?' %}</span>
                    </h2>
                    <p class="uk-text-center">{% trans 'Vous disposez de materiel réseau ou serveur usagé et vous ne savez pas quoi en faire ?' %}</p>
                    <p class="uk-text-center">
                        {% trans 'Contactez nous par mail à ' %}
                        <code><a href="mailto:dons@gnous.eu">dons@gnous.eu</a></code>
                    </p>
                </div>

                <div class="uk-width-1 uk-margin-large-top"
                     data-uk-scrollspy="cls: uk-animation-slide-left-medium; target: > *; delay: 100">
                    <h2 class="uk-heading-line uk-margin-remove-bottom uk-text-bold uk-text-center">
                        <span>{% trans 'Vous êtes fournisseur de services ?' %}</span>
                    </h2>
                    <p class="uk-text-center">{% trans 'Discutons plus en détails de votre proposition ! Nous sommes ouvert à tout partenariat.' %}</p>
                    <p class="uk-text-center">
                        {% trans 'Contactez nous par mail à ' %}
                        <code><a href="mailto:dons@gnous.eu">mael@gnous.eu</a></code>
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}