wip: new gallery

_config.yml

@@ -150,6 +150,8 @@ collections:
     sort_by: date
   docs:
     output: true
+  galleries:
+    output: true
 
 defaults:
   - scope:

_galleries/belgique-2023.md

@@ -0,0 +1,10 @@
+---
+layout: gallery
+panel: false
+title: Belgique 2023
+date: 2023-05-01 00:00:00 +0800
+description: Coupe Eurobot de Belgique RobtiX au SparkOH!
+folder: belgique-2023
+nb-img: 6
+card-img: 4.jpg
+---

_galleries/belgique-2024.md

@@ -0,0 +1,10 @@
+---
+layout: gallery
+panel: false
+title: Belgique 2024
+date: 2024-04-22 00:00:00 +0800
+description: Coupe Eurobot de Belgique RobtiX au SparkOH!
+folder: belgique-2024
+nb-img: 60
+card-img: 55.jpg
+---

_galleries/cdr-2023.md

@@ -0,0 +1,10 @@
+---
+layout: gallery
+panel: false
+title: Coupe de France 2023
+date: 2023-06-01 00:00:00 +0800
+description: Coupe de France de robotique organisée par Planète Science.
+folder: cdr-2023
+nb-img: 30
+card-img: 1.jpg
+---

_includes/embedded_carousel.html

@@ -2,7 +2,7 @@
     <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">
             {% for i in (1..include.nbimg) %}
-                {% assign img_path = "/carrousel/" | append: include.carrousel | append: "/" | append: i | append: ".jpg" %}
+                {% assign img_path = "/gallery/" | append: include.carrousel | append: "/" | append: i | append: ".jpg" %}
                 {% if i == 1 %}
                     <div class="carousel-item active">
                         <div style="overflow: hidden;">

_layouts/galleries.html

@@ -0,0 +1,27 @@
+---
+layout: page
+---
+
+{% assign galleries = site.galleries | sort: 'date' | reverse %}
+
+<div class="row">
+    {% for gallery in galleries %}
+    <div class="col-sm-6 d-flex align-items-stretch" style="margin-bottom: 20px !important;">
+      <div class="card" style="border-radius: 30px; overflow: hidden;">
+        <a href="{{ gallery.url | relative_url }}" style="border-bottom: 0px !important;">
+          <img class="card-img-top" 
+            src="../assets/img/gallery/{{ gallery.folder }}/{{ gallery.card-img }}" 
+            width="auto"
+            height="300"
+            style="width: 100%; height: 300px; object-fit: cover; border-radius: 30px 30px 0 0;"
+            alt="{{ robot.title }}"
+          >
+        </a>
+        <div class="card-body">
+          <p class="title-card">{{ gallery.title }}<br></p>          
+          <p class="card-text">{{ gallery.description }}</p>
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+</div>

_layouts/gallery.html

@@ -0,0 +1,19 @@
+---
+layout: page
+refactor: false
+---
+
+<div class="post-content mb-3">
+    {{ content }}
+</div>  
+
+<div class="container">
+    <div class="row">
+        {% for i in (1..page.nb-img) %}
+        {% assign img_path = "../../assets/img/gallery/" | append: page.folder | append: "/" | append: i | append: ".jpg" %}
+        <div class="col-sm-6 col-md-4 col-lg-3 mb-4">
+            <img src="{{ img_path }}" alt="Image {{ i }}" style="width: 100%; height: 200px; object-fit: cover; display: block;">
+        </div>
+        {% endfor %}
+    </div>
+</div>

_posts/2024-04-22-belgique-2024.md

@@ -13,8 +13,6 @@ pin: false
 post-image: assets/img/gallery/belgique-2024/55.JPG
 ---
 
-{% include gallery.html folder='belgique-2024' count=60 %}
-
 # Les séries de matchs
 
 {% include match_display.html 

_tabs/categories.md

@@ -2,6 +2,6 @@
 layout: categories_tags
 title: Categories
 icon: fas fa-stream
-order: 5
+order: 6
 hide: false
 ---

_tabs/galleries.md

@@ -0,0 +1,8 @@
+---
+layout: galleries
+title: Gallerie
+icon: fas fa-image
+order: 5
+hide: false
+panel: false
+---

_tabs/shop.md

@@ -3,6 +3,6 @@ layout: page
 title: Shop
 icon: fas fa-shopping-cart
 redirection: https://store.streamelements.com/barbatroniclive
-order: 6
+order: 8
 hide: false
 ---

_tabs/tags.md

@@ -3,5 +3,5 @@ layout: tags
 title: Tags
 icon: fas fa-tag
 hide: true
-order: 6
+order: 7
 ---