src/components/base-view.njk

@@ -61,7 +61,7 @@
         {% endset %}
         {{ base.header(tab = "home", append = slider | safe) }}
 #}
-{% macro header(tab = "", classes = "bg-navy-blue", append = "") %}
+{% macro header(tab = "", classes = "", append = "") %}
     <div class="wrapper {{classes}}">
         <div class="header">
             <div class="center">
@@ -71,7 +71,7 @@
                 </a>
 
                 <div class="logo">
-                    <a href="/"><img src="/img/logo_white.png" alt="logo"/></a>
+                    <a href="/"><img src="/img/logo_blue.png" alt="logo"/></a>
                 </div>
 
                 <div class="menu">

src/components/committee/committee-list.json

@@ -1,51 +1,39 @@
 [
     {
-        "name": "Tom Demont",
-        "role": "Président",
-        "imageURL": "/committee/tomdemont.jpg",
-        "websiteURL": "https://people.epfl.ch/tom.demont"
+        "name": "Christelle Lam",
+        "role": "Co-Présidente",
+        "imageURL": "/committee/christellelam.jpg",
+        "websiteURL": "https://people.epfl.ch/phi.lam"
     },
     {
-        "name": "Maëlys Billon",
-        "role": "Vice-Présidente",
-        "imageURL": "/committee/maelysbillon.jpg",
-        "websiteURL": "https://people.epfl.ch/maelys.billon"
+        "name": "Noé Terrier",
+        "role": "Co-Président",
+        "imageURL": "/committee/noeterrier.jpg",
+        "websiteURL": "https://people.epfl.ch/noe.terrier"
     },
     {
-        "name": "Maxime Lestiboudois",
+        "name": "Sarah Badr",
         "role": "Administratrice",
-        "imageURL": "/committee/maximelestiboudois.jpg",
-        "websiteURL": "https://people.epfl.ch/maxime.lestiboudois"
+        "imageURL": "/committee/default.png",
+        "websiteURL": "https://people.epfl.ch/sarah.badr"
     },
     {
-        "name": "Emi Sakamoto",
+        "name": "Ursula El Khoury",
         "role": "Administratrice",
-        "imageURL": "/committee/emisakamoto.jpg",
-        "websiteURL": "https://people.epfl.ch/emi.sakamoto"
+        "imageURL": "/committee/default.png",
+        "websiteURL": "https://people.epfl.ch/ursula.elkhoury"
     },
     {
-        "name": "Jean-Etienne Charbonnet",
+        "name": "Sidonie Bouthors",
         "role": "IT",
-        "imageURL": "/committee/jean-etiennecharbonnet.jpg",
-        "websiteURL": "https://people.epfl.ch/jean-etienne.charbonnet"
-    },
-    {
-        "name": "Cécile Michel",
-        "role": "Animation",
-        "imageURL": "/committee/cecilemichel.jpg",
-        "websiteURL": "https://people.epfl.ch/cecile.michel"
-    },
-    {
-        "name": "Harold Benoit",
-        "role": "Partenariats",
-        "imageURL": "/committee/haroldbenoit.jpg",
-        "websiteURL": "https://people.epfl.ch/harold.benoit"
+        "imageURL": "/committee/sidoniebouthors.jpg",
+        "websiteURL": "https://people.epfl.ch/sidonie.bouthors"
     },
     {
-        "name": "Noé Terrier",
-        "role": "Communication",
-        "imageURL": "/committee/noeterrier.jpg",
-        "websiteURL": "https://people.epfl.ch/noe.terrier"
+        "name": "Ludovic Mermod",
+        "role": "IT",
+        "imageURL": "/committee/ludovicmermod.jpg",
+        "websiteURL": "https://people.epfl.ch/ludovic.mermod"
     },
     {
         "name": "Sara Jun",
@@ -54,15 +42,27 @@
         "websiteURL": "https://people.epfl.ch/sara.jun"
     },
     {
-        "name": "Christelle Lam",
-        "role": "Logistique",
-        "imageURL": "/committee/christellelam.jpg",
-        "websiteURL": "https://people.epfl.ch/phi.lam"
+        "name": "Marwa Rezziki",
+        "role": "Communication",
+        "imageURL": "/committee/default.png",
+        "websiteURL": "https://people.epfl.ch/marwa.rezziki"
+    },
+    {
+        "name": "Hugo Majerczyk",
+        "role": "Animation",
+        "imageURL": "/committee/default.png",
+        "websiteURL": "https://people.epfl.ch/hugo.majerczyk"
     },
     {
         "name": "Roman Paccaud",
         "role": "Logistique",
         "imageURL": "/committee/romanpaccaud.jpg",
         "websiteURL": "https://people.epfl.ch/roman.paccaud"
+    },
+    {
+        "name": "Iris Segard",
+        "role": "Logistique",
+        "imageURL": "/committee/default.png",
+        "websiteURL": "https://people.epfl.ch/iris.segard"
     }
 ]

src/pages/about/about-page-view.njk

@@ -98,7 +98,7 @@
                         que ce soit à propos du rôle de comité ou d'équipier.
                     </p>
                     <div class="poles padded-40">
-                        {% for row in polesList | batch(4) %}
+                        {% for row in polesList | batch(3) %}
                             <div class="poles-row">
                             {% for item in row %}
                                 <div class="poles-item">

src/pages/about/poles/pole-list.json

@@ -1,156 +1,109 @@
 [
     {
-        "name": "Administration",
-        "slug": "administration",
-        "imageURL": "thumbnails/admin.PNG",
+        "name": "Présidence",
+        "slug": "president",
+        "imageURL": "thumbnails/pres.PNG",
         "shortDescription": "",
-        "pageBodyPath": "admin.md",
+        "pageBodyPath": "pres.md",
         "catchPhrase": "",
         "members": [
             {
-                "name": "Maxime Lestiboudois",
-                "imageURL": "maximelestiboudois.jpg",
-                "websiteURL": "https://people.epfl.ch/maxime.lestiboudois",
-                "role": "Administratrice"
+                "name": "Christelle Lam",
+                "imageURL": "christellelam.jpg",
+                "websiteURL": "https://people.epfl.ch/phi.lam",
+                "role": "Co-Présidente"
             },
             {
-                "name": "Emi Sakamoto",
-                "imageURL": "emisakamoto.jpg",
-                "websiteURL": "https://people.epfl.ch/emi.sakamoto",
-                "role": "Administratrice"
+                "name": "Noé Terrier",
+                "imageURL": "noeterrier.jpg",
+                "websiteURL": "https://people.epfl.ch/noe.terrier",
+                "role": "Co-Président"
             }
         ],
         "teammates": null,
         "social": {
-            "Email": "mailto:admin.clic@epfl.ch",
+            "Email": "mailto:presidence.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     },
     {
-        "name": "IT",
-        "slug": "it",
-        "imageURL": "thumbnails/it.PNG",
+        "name": "Administration",
+        "slug": "administration",
+        "imageURL": "thumbnails/admin.PNG",
         "shortDescription": "",
-        "pageBodyPath": "it.md",
+        "pageBodyPath": "admin.md",
         "catchPhrase": "",
         "members": [
             {
-                "name": "Jean-Etienne Charbonnet",
-                "imageURL": "jean-etiennecharbonnet.jpg",
-                "websiteURL": "https://people.epfl.ch/jean-etienne.charbonnet",
-                "role": "Responsable IT"
-            }
-        ],
-        "teammates": [
-            {
-                "name": "Hugo El Guedj",
-                "imageURL": "hugoelguedj.jpg",
-                "websiteURL": "https://people.epfl.ch/hugo.elguedj",
-                "role": "Equipier"
-            },
-            {
-                "name": "Maxime Lestiboudois",
-                "imageURL": "maximelestiboudois.jpg",
-                "websiteURL": "https://people.epfl.ch/maxime.lestiboudois",
-                "role": "Equipière"
-            },
-            {
-                "name": "Ludovic Mermod",
+                "name": "Sarah Badr",
                 "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/ludovic.mermod",
-                "role": "Equipier"
+                "websiteURL": "https://people.epfl.ch/sarah.badr",
+                "role": "Administratrice"
             },
             {
-                "name": "Lucas Trognon",
+                "name": "Ursula El Khoury",
                 "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/lucas.trognon",
-                "role": "Equipier"
-            }
-        ],
-        "social": {
-            "Email": "mailto:it.clic@epfl.ch",
-            "Instagram": "https://www.instagram.com/clicepfl/"
-        }
-    },
-    {
-        "name": "Logistique",
-        "slug": "logistique",
-        "imageURL": "thumbnails/log.PNG",
-        "shortDescription": "",
-        "pageBodyPath": "log.md",
-        "catchPhrase": "",
-        "members": [
-            {
-                "name": "Christelle Lam",
-                "imageURL": "christellelam.jpg",
-                "websiteURL": "https://people.epfl.ch/phi.lam",
-                "role": "Responsable Logistique"
-            },
-            {
-                "name": "Roman Paccaud",
-                "imageURL": "romanpaccaud.jpg",
-                "websiteURL": "https://people.epfl.ch/roman.paccaud",
-                "role": "Responsable Logistique"
+                "websiteURL": "https://people.epfl.ch/ursula.elkhoury",
+                "role": "Administratrice"
             }
         ],
         "teammates": null,
         "social": {
-            "Email": "mailto:logistique.clic@epfl.ch",
+            "Email": "mailto:admin.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     },
     {
-        "name": "Présidence",
-        "slug": "president",
-        "imageURL": "thumbnails/pres.PNG",
+        "name": "IT",
+        "slug": "it",
+        "imageURL": "thumbnails/it.PNG",
         "shortDescription": "",
-        "pageBodyPath": "pres.md",
+        "pageBodyPath": "it.md",
         "catchPhrase": "",
         "members": [
             {
-                "name": "Tom Demont",
-                "imageURL": "tomdemont.jpg",
-                "websiteURL": "https://people.epfl.ch/tom.demont",
-                "role": "Président"
+                "name": "Sidonie Bouthors",
+                "imageURL": "sidoniebouthors.jpg",
+                "websiteURL": "https://people.epfl.ch/sidonie.bouthors",
+                "role": "Responsable IT"
             },
             {
-                "name": "Maëlys Billon",
-                "role": "Vice-Présidente",
-                "imageURL": "maelysbillon.jpg",
-                "websiteURL": "https://people.epfl.ch/maelys.billon"
+                "name": "Ludovic Mermod",
+                "imageURL": "ludovicmermod.jpg",
+                "websiteURL": "https://people.epfl.ch/ludovic.mermod",
+                "role": "Responsable IT"
             }
         ],
         "teammates": null,
         "social": {
-            "Email": "mailto:presidence.clic@epfl.ch",
+            "Email": "mailto:it.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     },
     {
-        "name": "Partenariats",
-        "slug": "partenariats",
-        "imageURL": "thumbnails/sponso.PNG",
+        "name": "Communication",
+        "slug": "communication",
+        "imageURL": "thumbnails/com.PNG",
         "shortDescription": "",
-        "pageBodyPath": "sponso.md",
+        "pageBodyPath": "com.md",
         "catchPhrase": "",
         "members": [
             {
-                "name": "Harold Benoit",
-                "imageURL": "haroldbenoit.jpg",
-                "websiteURL": "https://people.epfl.ch/harold.benoit",
-                "role": "Responsable Partenariats"
-            }
-        ],
-        "teammates": [
+                "name": "Sara Jun",
+                "imageURL": "sarajun.jpg",
+                "websiteURL": "https://people.epfl.ch/sara.jun",
+                "role": "Responsable Communication"
+            },
             {
-                "name": "Etienne Boisson",
+                "name": "Marwa Rezziki",
                 "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/etienne.boisson",
-                "role": "Equipier"
+                "websiteURL": "https://people.epfl.ch/marwa.rezziki",
+                "role": "Responsable Communication"
             }
         ],
+        "teammates": null,
         "social": {
-            "Email": "mailto:sponsoring.clic@epfl.ch",
+            "Email": "mailto:communication.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     },
@@ -163,98 +116,54 @@
         "catchPhrase": "",
         "members": [
             {
-                "name": "Cécile Michel",
-                "imageURL": "cecilemichel.jpg",
-                "websiteURL": "https://people.epfl.ch/cecile.michel",
+                "name": "Hugo Majerczyk",
+                "imageURL": "default.png",
+                "websiteURL": "https://people.epfl.ch/hugo.majerczyk",
                 "role": "Responsable Animation"
             },
-            {
-                "name": "Christelle Lam",
-                "imageURL": "christellelam.jpg",
-                "websiteURL": "https://people.epfl.ch/phi.lam",
-                "role": "Responsable Logistique"
-            },
             {
                 "name": "Roman Paccaud",
                 "imageURL": "romanpaccaud.jpg",
                 "websiteURL": "https://people.epfl.ch/roman.paccaud",
                 "role": "Responsable Logistique"
-            }
-        ],
-        "teammates": [
-            {
-                "name": "Fanny Lasne",
-                "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/fanny.lasne",
-                "role": "Equipière"
-            },
-            {
-                "name": "Khalil M'hirsi",
-                "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/khalil.mhirsi",
-                "role": "Equipier"
-            },
-            {
-                "name": "Hugo Majerczyk",
-                "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/hugo.majerczyk",
-                "role": "Equipier"
-            },
-            {
-                "name": "Ludovic Mermod",
-                "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/ludovic.mermod",
-                "role": "Equipier"
             },
             {
-                "name": "Eric Saikali",
+                "name": "Iris Segard",
                 "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/eric.saikali",
-                "role": "Equipier"
-            },
-            {
-                "name": "Maxime Teuber",
-                "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/maxime.teuber",
-                "role": "Equipier"
+                "websiteURL": "https://people.epfl.ch/iris.segard",
+                "role": "Responsable Logistique"
             }
         ],
+        "teammates": null,
         "social": {
             "Email": "mailto:event.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     },
     {
-        "name": "Communication",
-        "slug": "communication",
-        "imageURL": "thumbnails/com.PNG",
+        "name": "Logistique",
+        "slug": "logistique",
+        "imageURL": "thumbnails/log.PNG",
         "shortDescription": "",
-        "pageBodyPath": "com.md",
+        "pageBodyPath": "log.md",
         "catchPhrase": "",
         "members": [
             {
-                "name": "Noé Terrier",
-                "imageURL": "noeterrier.jpg",
-                "websiteURL": "https://people.epfl.ch/noe.terrier",
-                "role": "Responsable Communication"
+                "name": "Roman Paccaud",
+                "imageURL": "romanpaccaud.jpg",
+                "websiteURL": "https://people.epfl.ch/roman.paccaud",
+                "role": "Responsable Logistique"
             },
             {
-                "name": "Sara Jun",
-                "imageURL": "sarajun.jpg",
-                "websiteURL": "https://people.epfl.ch/sara.jun",
-                "role": "Responsable Communication"
-            }
-        ],
-        "teammates": [
-            {
-                "name": "Eugénie Kwak",
+                "name": "Iris Segard",
                 "imageURL": "default.png",
-                "websiteURL": "https://people.epfl.ch/eugenie.kwak",
-                "role": "Equipière"
+                "websiteURL": "https://people.epfl.ch/iris.segard",
+                "role": "Responsable Logistique"
             }
         ],
+        "teammates": null,
         "social": {
-            "Email": "mailto:communication.clic@epfl.ch",
+            "Email": "mailto:logistique.clic@epfl.ch",
             "Instagram": "https://www.instagram.com/clicepfl/"
         }
     }

src/pages/commissions/assets/ic-travel.md

@@ -62,6 +62,6 @@ Normalement si tu as tout lu au-dessus tu sais déjà ce qu’on va te dire, mai
 
 Quand tout ça sera fait, tu seras prêt.e à embarquer 🛫!  -->
 
-#### Calendrier du voyage
+<!-- #### Calendrier du voyage
 
-<iframe width="100%" height="600" src="https://clic.epfl.ch/nextcloud/apps/calendar/embed/q4GrWAHwfZFZC7P2"></iframe>
+<iframe width="100%" height="600" src="https://clic.epfl.ch/nextcloud/apps/calendar/embed/q4GrWAHwfZFZC7P2"></iframe> -->

src/pages/commissions/commission-list.json

@@ -5,7 +5,7 @@
         "imageURL": "ic-travel.svg",
         "shortDescription": "Chaque année, nous organisons le voyage d’études pour les étudiant.e.s en dernière année de Bachelor !",
         "pageBodyPath": "ic-travel.md",
-        "catchPhrase": "Pour vous préparer un beau voyage",
+        "catchPhrase": "Pour vous préparer un voyage mémorable",
         "members": [
             {
                 "name": "Christelle Lam",

src/pages/home/home-page-view.njk

@@ -60,7 +60,7 @@
                     <h1>À propos</h1>
                     <h3>Qu'est-ce que la CLIC ?</h3>
                     <p class="center-text padded-40">
-                        La CLIC est l’Association des étudiant.e.s en Informatique et Communications (incluant donc les programmes de Master) de l’École Polytechnique Fédérale de Lausanne (<a href="https://www.epfl.ch">EPFL</a>). <br><br>
+                        La CLIC est l’Association des Étudiant.e.s en Informatique et Communications (incluant donc les programmes de Master) de l’École Polytechnique Fédérale de Lausanne (<a href="https://www.epfl.ch">EPFL</a>). <br><br>
                         Chaque année nous organisons plusieurs événements, la plupart gratuits, dans le but d’animer la Faculté IC : des petits-déjeuners, des conférences, de multiples apéros, une journée dédiée à la carrière future de nos étudiant.e.s, une distribution de vin chaud, le traditionnel Souper de Faculté, et bien plus !<br><br>
                         La CLIC se donne également pour mission de soutenir les projets individuels de ses étudiant.e.s en fournissant un soutien logistique, financier, ou même organisationnel dans certains cas. Par exemple, <a href="https://lauzhack.com/">LauzHack</a> a été créé en 2016 comme un événement de l’association. Contacte-nous si tu as une idée derrière la tête !<br><br>
                         Enfin, n’hésite pas à passer nous faire un coucou dans notre bureau en <a href="https://plan.epfl.ch/?room==INN%20132">INN132</a> ou sur nos réseaux-sociaux ! Nous serons ravi.e.s de faire ta connaissance 😁

src/sass/style.sass

@@ -171,7 +171,7 @@ h4
         color: #0099ff
 
 .slider
-    background: #fff url("/img/background_home.JPG") no-repeat fixed center
+    background: #fff url("/img/background_home.jpg") no-repeat fixed center
     -webkit-background-size: cover
     -moz-background-size: cover
     -o-background-size: cover
@@ -181,7 +181,7 @@ h4
     width: 100%
     float: left
     padding: 20px 0 20px 0
-    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
+    background: linear-gradient(90deg, rgba(255,255,255,0.9) 5%, rgba(255,255,255,0) 50%)
 
     .logo
         float: left
@@ -207,22 +207,22 @@ h4
                 display: block
                 padding: 5px
                 margin: 10px
-                color: #fff
+                color: $navy-blue
                 font-weight: bold
                 font-size: 17px
                 text-decoration: none
                 text-transform: uppercase
 
         ul li.current a, ul li a:hover
-            border-bottom: 3px solid #fff
+            border-bottom: 3px solid $navy-blue
 
         @media screen and (max-width: $menu-mobile-threshold)
             display: none
 
     .mobile-menu-toggle
         display: none
-        color: #fff
-        border: 1px solid #fff
+        color: $navy-blue
+        border: 1px solid $navy-blue
         width: min-content
         padding: 10px
         position: relative
@@ -237,13 +237,13 @@ h4
     padding: 20px
     color: #fff
     text-align: center
-    background: rgba(0, 0, 0, 0.15)
+    background: rgba(0, 0, 66, 0.25)
 
     h1
         font-size: 50px
         text-transform: uppercase
-        font-weight: 300
-        text-shadow: 2px 2px #333
+        font-weight: 400
+        text-shadow: 3px 3px 3px #335
         color: #fff
 
         @media screen and (max-width: 1200px)