From 6ace7c024b6db2623fca21ed02d94099a38be8dd Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Sun, 4 Feb 2024 18:03:12 +0100
Subject: [PATCH] remplacement par une galerie

---
 src/lib/components/Gallery.svelte | 19 +++++++++++++++++++
 src/routes/+page.svelte.md        | 21 +++++++++++++--------
 2 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/components/Gallery.svelte

diff --git a/src/lib/components/Gallery.svelte b/src/lib/components/Gallery.svelte
new file mode 100644
index 0000000..db52206
--- /dev/null
+++ b/src/lib/components/Gallery.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  type Picture = {
+    link: string;
+    description: string;
+  };
+  export let pictures: Picture[];
+</script>
+
+<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
+  {#each pictures as pic}
+    <div>
+      <img
+        class="h-auto max-w-full rounded-lg"
+        src={pic.link}
+        alt={pic.description}
+      />
+    </div>
+  {/each}
+</div>
diff --git a/src/routes/+page.svelte.md b/src/routes/+page.svelte.md
index a9c677e..d7965af 100644
--- a/src/routes/+page.svelte.md
+++ b/src/routes/+page.svelte.md
@@ -1,5 +1,15 @@
 <script>
-     import Info from "$lib/components/Info.svelte"
+     import Info from "$lib/components/Info.svelte";
+     import Gallery from "$lib/components/Gallery.svelte";
+
+     let intro_gallery = [
+        {link: "https://ralt144mi.remigeorges.fr/Ralt144MI3.png", description: "Rémi Georges"},
+        {link: "https://www.cookie.paris/static/bc65c5fd7f7c76dc70bcd9892dc17a4d/5cc0d/16.webp", description: "Azertype"},
+        {link: "https://www.cookie.paris/static/9dbc442f1f54a41b9210b3ba1b835226/5cc0d/13.webp", description: "Jules Cipher"},
+        {link: "../images/leondenise.jpeg", description: "Léon Denise"},
+        {link: "https://renardo.org/images/screenshot1.png", description: "Renardo"},
+        {link: "https://sardine.raphaelforment.fr/presentation/what_is_live_coding.jpeg#center", description: "Raphaël Forment"},
+     ]
 </script>
 <svelte:head>
     <title>LC.FR</title> 
@@ -7,14 +17,9 @@
 
 # Bienvenue
 
-[Livecoding.fr](https://livecoding.fr) est un site collaboratif consacré à la
-pratique du _live coding_. Il est maintenu par un effort communautaire d'un
-groupe d'artistes, de musiciens et de développeurs francophones. Son objectif
-premier est de centraliser les informations sur la pratique du _live coding_ :
-guides, articles, évènements, information sur les artistes, etc. Tout ajout est
-le bienvenu. Consulter [ce guide](/guides/ajouter_information) ou [ce guide](/guides/proposer_guide) pour apprendre comment ajouter une information.
+[Livecoding.fr](https://livecoding.fr) est un site d'information consacré à la pratique du _live coding_. Il est maintenu par l'effort communautaire d'un groupe d'artistes, de musiciens et de développeurs francophones. Son objectif est de centraliser les informations sur cette pratique et de servir de portail : guides, articles, évènements, information sur les artistes, etc. Tout ajout est le bienvenu. Consulter [ce guide](/guides/ajouter_information) ou [ce guide](/guides/proposer_guide) pour apprendre comment ajouter une information.
 
-<embed type="text/html" src="https://strudel.cc/?SVDRxdhV4_CT" width="100%" height="350px"/>
+<Gallery pictures={intro_gallery}/>
 
 # Qu'est-ce que le live-coding ?