{% extends "base.html" %}
{% block content %}
  <section class="w3-content w3-padding w3-center w3-hide-small">
    <h1>l'AFPy c'est</h1>
    <div class="w3-row-padding">
      <div class="w3-half">
        <div class="w3-container w3-margin w3-card">
          <h2>Une communauté</h2>
          <div class="w3-left-align">
            <p>Un forum dynamique (Discourse)</p>
            <p>Des salons de discussion en temps réel (IRC & Discord)</p>
            <p>&nbsp;</p>
          </div>
        </div>
      </div>
      <div class="w3-half">
        <div class="w3-container w3-margin w3-card">
          <h2>Des événements</h2>
          <div class="w3-left-align">
            <p>L'organisation annuelle de la <a href="https://pycon.fr/">PyConFr</a></p>
            <p>Les <a href="https://discuss.afpy.org/c/meetups/12">Meetups</a></p>
            <p>Les ateliers de traduction</p>
          </div>
        </div>
      </div>
    </div>
    <div class="w3-row-padding w3-center">
      <div class="w3-half">
        <div class="w3-container w3-margin w3-card">
          <h2>Des outils</h2>
          <div class="w3-left-align">
            <p>Une plateforme de Visio-conférence (Big Blue Button)</p>
            <p>Un gestionnaire de dépôts (Gitea)</p>
            <p>Un site d'apprentissage par exercices : <a href="https://hackinscience.org/">Hackinscience</a> (Licence CC0)</p>
          </div>
        </div>
      </div>
      <div class="w3-half">
        <div class="w3-container w3-margin w3-card">
          <h2>Du contenu</h2>
          <div class="w3-left-align">
            <p>Des offres d'emploi</p>
            <p>La traduction de <a href="https://docs.python.org/fr">la documentation de Python</a> (Licence MIT)</p>
            <p>&nbsp;</p>
          </div>
        </div>
      </div>
    </div>
    <p>Il est possible de soutenir les projets de l'AFPy <a href="/pages/adhesions">en cotisant ou en effectuant un don.</a></p>
  </section>

  <section class="w3-content w3-padding w3-center">
    <h1>Dernières actualités</h1>
    <div class="w3-row-padding">
      {% for article in articles if article.category == "news" %}
      {% if loop.index < 4 %}
      <article class="w3-left-align w3-card w3-margin w3-margin-bottom-32">
        <header class="w3-container w3-orange">
          <time class="w3-right w3-margin-top" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
          <h2 class=""><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
        </header>
        <div class="w3-container">
          <p>{{ article.summary }}</p>
        </div>
        <footer class="w3-container">
          <div class="w3-right">
            <address class="w3-margin-bottom">Par
            {% for author in article.authors %}{{ author }}{% endfor %}
            </address>
          </div>
        </footer>
      </article>
      {% endif %}
      {% endfor %}
    </div>
  </section>
{% endblock content %}