{% extends "common/base.j2" %}
{% block body_content %}
  <div class="container-fluid">
    <div class="container">
      <article>
        <div class="row">
          <div class="container text-center">
            <h1>{{ _("News") }}<a name="news"></a></h1>
            <section>
              <p>
                {% trans %}
                News posts about changes related to
                GNUnet such as releases and events
                {% endtrans %}
                &#8211;
                <a href="{{ url_localized('rss.xml') }}">{{ _("subscribe to our RSS feed") }}</a>
              </p>
            </section>
          </div>
        </div>
        <div class="row">
          {% for year, yitem in newsdata|selectattr('date.year', 'gt', 2021)|groupby('date.year')|reverse %}
          <b>{{ year }}</b>
          <ul class="timeline">
          {% for item in yitem %}
          <li>
              <section class="item-preview">
               <header>
                  <h3>{{ item['title']|e }}</h3>
                  <p class="item-date">
                    {{ item['date'] }}
                  </p>
                </header>
                <p class="item-abstract">
                  {{ get_abstract('news/' + item['page'], 500) }} <br/>
                  [<a href="{{ url_localized('news/' + item['page']) }}" title="{{ item['date']}}">{{ _("read more") }}</a>]
                </p>
              </section>
            </li>
          {% endfor %}
          </ul>
          {% endfor %}
        </div>
        <h2>
          {% trans %}
          News archives:
          {% endtrans %}
        </h2>
        <ul>
        {% for year, yitem in newsdata|selectattr('date.year', 'lt', 2022)|groupby('date.year')|reverse %}
          <li><a href="{{ 'oldnews-' + year|string + '.html' }}">{{ year }} ({{yitem|length}})</a></li>
        {% endfor %}
        </ul>
      </article>
    </div>
  </div>
{% endblock body_content %}