From 307650b5c47590bd1cef1b24db203d47a91b5565 Mon Sep 17 00:00:00 2001
From: Guillaume Dorce <polynux.dev@gmail.com>
Date: Sun, 21 Jan 2024 17:22:28 +0100
Subject: [PATCH] rename files; le-club responsive

---
 src/assets/{forum-eaee.png => forum-1.png}  | Bin
 src/assets/{132108978_o.png => forum-2.png} | Bin
 src/pages/index.astro                       |   4 +--
 src/pages/le-club.astro                     |  30 +++++++++-----------
 4 files changed, 16 insertions(+), 18 deletions(-)
 rename src/assets/{forum-eaee.png => forum-1.png} (100%)
 rename src/assets/{132108978_o.png => forum-2.png} (100%)

diff --git a/src/assets/forum-eaee.png b/src/assets/forum-1.png
similarity index 100%
rename from src/assets/forum-eaee.png
rename to src/assets/forum-1.png
diff --git a/src/assets/132108978_o.png b/src/assets/forum-2.png
similarity index 100%
rename from src/assets/132108978_o.png
rename to src/assets/forum-2.png
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6ce3bfa..7548601 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,8 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import { Image } from 'astro:assets';
-import forum from "../assets/forum-eaee.png";
-import autreForum from "../assets/132108978_o.png";
+import forum from "../assets/forum-1.png";
+import autreForum from "../assets/forum-2.png";
 import banner from "../assets/banner.png";
 ---
 
diff --git a/src/pages/le-club.astro b/src/pages/le-club.astro
index eecd620..f2102ad 100644
--- a/src/pages/le-club.astro
+++ b/src/pages/le-club.astro
@@ -1,12 +1,20 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import { Image } from "astro:assets";
+import forum1 from "../assets/forum-1.png";
+import forum2 from "../assets/forum-2.png";
 ---
 
     <Layout title="Le club">
       <div class="container mx-auto p-8">
-        <div class="flex flex-col gap-6">
-          <h1 class="text-4xl font-bold">Le club</h1>
-          <div class="flex flex-col gap-6">
+        <div class="mb-4">
+          <div class="w-full md:w-1/2">
+            <h1 class="font-poppins text-5xl mb-4">Le club</h1>
+            <div class="line h-1 w-full bg-black"></div>
+          </div>
+        </div>
+        <div class="flex gap-10 flex-col md:flex-row">
+          <div class="flex w-full md:w-1/2 flex-col gap-8">
             <p class="text-xl">
               Le club photo de la Haute Lozère a été créé en 1982 par un groupe
               d’amateurs de photographie. Il a été reconnu d’utilité publique en
@@ -26,20 +34,10 @@ import Layout from "../layouts/Layout.astro";
               photographique) travaux informatiques de post traitement font parties
               de nos activités.
             </p>
-            <img
-              src={"/forum-eaee.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+            <Image src={forum1} alt="Forum photo club haute lozère" />
           </div>
-          <div class="flex flex-col gap-6">
-            <img
-              src={"/132108978_o.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+          <div class="flex w-full md:w-1/2 flex-col gap-8">
+            <Image src={forum2} alt="Forum photo club haute lozère" />
             <p class="text-xl">
               Ainsi, des sorties à thème sont programmées avec des séances
               d’analyse des photos réalisées.