{% extends "base.njk" %}

{% block head %}
    <script type='text/javascript' src="/js/calendar.js"></script>
{% endblock %}

{% block article %}
  {% block header %}{{ header | safe }}{% endblock %}
  <article>
    {% block content %}{{ contents | safe }}{% endblock %}

    <section class="Services">
      <h2 class="tac mt128 mb64">Actualités</h2>
      <div id="calendar">
        {% for article in collections["news"] %}
        <div class="blog-entry news-entry" entry-time="{{article.date.getTime()}}">
          <h3><a href="{{ article.path }}">{{ date_format(article.date) }} | {{article.title }}</a></h3>
          {{ article.excerpt | safe }}
          <p><a href="{{ article.path }}">Lire la suite...</a></p>
        </div>
        {% else %}
        {% endfor %}
      </div>
      <div class="tac mt32">
        <a class="button" href="/blog">Voir les archives</a>
      </div>
    </section>
  </article>

  <script type='text/javascript'>
  window.onload = function(event) {
    Calendar.mergeWithNews(document.getElementById('calendar'))
  }
  </script>

{% endblock %}