{% extends "base.html" %}
{% block title %}ActuPositive.fr — {{ today }}{% endblock %}

{% block og %}
<meta property="og:title" content="Actu Positive" />
<meta property="og:description" content="Une édition quotidienne d’actualités positives : initiatives, solutions, progrès et entraide." />
{% endblock %}

{% block content %}
<section class="hero">
  <div class="hero-label">EDITION QUOTIDIENNE · {{ today }}</div>
  <h1>L'actualité positive</h1>
  <p class="lead">Ce que l'humain offre de positif.</p>
  <p class="lead">Des initiatives, des solutions, du progrès.</p>
</section>

{% if featured %}
<section class="daily-list">

  {% set all_articles = [featured] + others %}

  {% for a in all_articles %}
  <article class="card daily-article">
    <div class="article-index">Article {{ loop.index }} / 5</div>

    {% if a.topic %}
      <div class="article-category">{{ a.topic }}</div>
    {% endif %}

    <h2 class="title daily-title">{{ a.wink_title or a.title }}</h2>

    {% if a.summary %}
      <div class="daily-summary">
        {{ a.summary }}
      </div>
    {% endif %}

    <div class="daily-source">
      <a class="bigsource" href="{{ a.url }}" target="_blank" rel="noopener noreferrer">
        Lire l’article original ↗
      </a>

      {% if a.source_lang %}
        <span class="source-lang">{{ a.source_lang|upper }}</span>
      {% endif %}
    </div>
  </article>
  {% endfor %}

</section>
{% else %}
<section class="card">
  <h2>Aucun article pour l’instant</h2>
  <p class="muted">La sélection du jour n’est pas encore disponible.</p>
</section>
{% endif %}
{% endblock %}