rencontres.html

---
layout: default
title: Toutes les rencontres
permalink: /rencontres/
---

<h1>{{ page.title }}</h1>

<div class="row">
    <div class="col-12 col-lg-7">
        {% comment %}
        Inspiré de : https://stackoverflow.com/questions/19086284/jekyll-liquid-templating-how-to-group-blog-posts-by-year#:~:text=You%20can%20also%20group%20by,%22%25B%20%25Y%22%20.&text=This%20is%20great%2C%20thank%20you!
        {% endcomment %}
        {% for event in site.posts  %}
            {% capture this_year %}{{ event.date | date: "%Y" }}{% endcapture %}
            {% capture next_year %}{{ event.previous.date | date: "%Y" }}{% endcapture %}

            {% if forloop.first %}
            <h2 id="{{ this_year }}-ref">{{this_year}}</h2>
            <ul>
            {% endif %}

            {% assign speakers_ids = event.speakers | split: "," %}
            {% assign speakers = site.speakers | where_exp:"speaker", "speakers_ids contains speaker.id" %}

            <li>
                <a href="{{ event.url | relative_url }}">
                    <span class="event-date">[{{ event.date | date: "%d/%m/%Y" }}]</span> <strong>{{ event.title }}</strong> par {{ speakers | map: "name" | join: " & "}}
                </a>
            </li>

            {% if forloop.last %}
            </ul>
            {% else %}
                {% if this_year != next_year %}
                </ul>
                <h2 id="{{ next_year }}-ref">{{next_year}}</h2>
                <ul>
                {% endif %}
            {% endif %}
        {% endfor %}
    </div>
    <div class="col-12 col-lg-5" style="padding-left: 30px;">
        <p>
            Les vidéos des présentations du JUG sont disponibles sur 
            <a href="https://www.youtube.com/channel/UCPu5I8miuaXw0YICfEDg_NA" target="_blank" rel="noreferrer noopener"><i class="fa-brands fa-youtube"></i> notre chaîne Youtube</a>
        </p>
        
        <iframe src="https://www.youtube-nocookie.com/embed/videoseries?list=PL4Z_Bm3ccVweSmVDF278Dm0OhwLJaSfX5" 
                title="YouTube video player" 
                width="560" height="315"
                style="max-width: 100%;"
                frameborder="0" 
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                allowfullscreen>
        </iframe>
    </div>
</div>