From 1276da9671528144d5ada078d25a758b345bf1c6 Mon Sep 17 00:00:00 2001
From: ANGELA RICCI <angela.ricci@worldline.com>
Date: Mon, 8 Jun 2026 18:22:32 +0200
Subject: [PATCH] agenda + animations

---
 public/css/main.css                    |  3 ++
 public/css/queries.css                 |  6 ++++
 src/components/FavoritesSwitch.astro   | 42 ++++++++++++++++++++++----
 src/components/SponsorActivities.astro | 10 ++++++
 src/pages/agenda.astro                 |  2 +-
 5 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index e2b6d7d..ca199ef 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1848,6 +1848,9 @@ p.openfeedback {
     margin-top: 2rem;
 }
 
+
+
+
 /* ----------------------------------------------------------------- */
 /* -------------------------- GENERAL ---------------------------- */
 
diff --git a/public/css/queries.css b/public/css/queries.css
index 8add03e..228e614 100644
--- a/public/css/queries.css
+++ b/public/css/queries.css
@@ -191,6 +191,12 @@
       transform: rotate(-10deg);
     }
   }
+
+  h2.with-favs {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
 }
 
 
diff --git a/src/components/FavoritesSwitch.astro b/src/components/FavoritesSwitch.astro
index 7914ea0..c102929 100644
--- a/src/components/FavoritesSwitch.astro
+++ b/src/components/FavoritesSwitch.astro
@@ -1,12 +1,12 @@
 ---
 
 ---
-<div>
-<label class="favorites-filter">
-  <input type="checkbox" id="filter-favorites" />
-  Mes favoris uniquement
-</label>
-</div>
+<span class="switch-favorite">
+    <label class="favorites-filter">
+    <input type="checkbox" id="filter-favorites" />
+    Afficher mes favoris uniquement
+    </label>
+</span>
 <script is:inline>
     (function () {
         const STORAGE_KEY = "devlille_favorites";
@@ -58,3 +58,33 @@
         });
     })();
 </script>
+<style>
+
+    span.switch-favorite {
+        display: block;
+
+        & label {
+            font: 1.2rem var(--stack);
+            font-variation-settings: "wght" 400;
+            color: var(--text-high);
+        }
+
+        & input {
+            appearance: none;
+            position: relative;
+            top: 0.35em;
+            width: 1rem;
+            height: 1.3rem;
+            border: 1px solid #fff;
+            border-radius: 0.2em;
+        }
+
+        & input:checked {
+            background-color: var(--hot-color);
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            border-color: var(--hot-color);
+        }
+    }
+
+</style>
diff --git a/src/components/SponsorActivities.astro b/src/components/SponsorActivities.astro
index 6412953..fa5c8fc 100644
--- a/src/components/SponsorActivities.astro
+++ b/src/components/SponsorActivities.astro
@@ -88,7 +88,17 @@ const activitiesByDay = Object.entries(byDayMap)
 }
 
 <style>
+    .activity-day ul {
+        margin: 1.5rem;
+    }
+    
+    div.the-talks .activity-day li {
+        background-position: 0;
+        padding-left: 51px;
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16 13V5H6V13C6 14.1046 6.89543 15 8 15H14C15.1046 15 16 14.1046 16 13ZM5 3H20C21.1046 3 22 3.89543 22 5V8C22 9.10457 21.1046 10 20 10H18V13C18 15.2091 16.2091 17 14 17H8C5.79086 17 4 15.2091 4 13V4C4 3.44772 4.44772 3 5 3ZM18 5V8H20V5H18ZM2 19H20V21H2V19Z'%3E%3C/path%3E%3C/svg%3E");
+    }
     .partner-activities .activity-day h4 {
+        color: var(--light-cold);
         margin-top: 1.5rem;
     }
     .partner-activities .activity-day strong {
diff --git a/src/pages/agenda.astro b/src/pages/agenda.astro
index b0feef6..bd6e32b 100644
--- a/src/pages/agenda.astro
+++ b/src/pages/agenda.astro
@@ -17,7 +17,7 @@ const talksByDate = await createTalksCollectionsBydate();
 
 <Layout title="Agenda /" currSection="agenda">
     <div class="page-body">
-        <h2>
+        <h2 class="with-favs">
             Agenda
             <FavoritesSwitch />
         </h2>