update ld+json & optimisation png to webp

CEVPU · Sep 24, 2024 · 306df44 · 306df44
1 parent 401fb77
commit 306df44
Show file tree

Hide file tree

Showing 23 changed files with 262 additions and 43 deletions.
diff --git a/contact.html b/contact.html
@@ -3,17 +3,34 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- OpenGraph-->
+    <title>Conférence nationale des étudiants vice-présidents d'université</title>
+    <meta name="description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:url" content="https://cevpu.org" />
+    <meta property="og:title" content="CEVPU - Conférence nationale des étudiants vice-présidents d'université">
+    <meta property="og:description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:image" content="https://cevpu.org/images/CEVPU_Communication_Logo_Court.webp">
+
+    <!-- ld+json -->
+    <script type="application/ld+json" src="json/cevpu.json"></script>
+
+    <!-- style -->
     <link rel="stylesheet" href="./css/style.css">
-    <link rel="icon" type="image/x-icon" href="./images/favicon.jpeg">
+
+    <!-- favicon -->
+    <link rel="icon" type="image/x-icon" href="./images/favicon.webp">
     <title>CEVPU - Conférence nationale des étudiants vice-présidents d'univesrité</title>
-    <!-- IMPORT -->
+    <!-- import -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 <body class="container" lang="fr">
     <header>
         <div class="logo">
-            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.PNG" alt="Logo de la CEVPU"></a>
+            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.webp" alt="Logo de la CEVPU"></a>
         </div>
         <nav class="navbar">
             <input type="checkbox" class="toggle-menu" id="toogle-menu">
@@ -29,6 +46,12 @@
         </nav>
     </header>
 
+    <div>
+        <br>
+        <p></p>
+        <br>
+    </div>
+
     <div class="corpus">
         <!-- Section 1 -->
         <div class="section1">
@@ -37,9 +60,9 @@ <h1>Vous souhaitez en savoir plus ?</h1>
             <br>
             <p>Ou via nos réseaux sociaux :</p>
             <div class="icon-small center grid-reseaux">
-                <a href="https://www.instagram.com/cevpu_/"><img class="icon" src="./images/instagram-ico.png" alt=""></a>
-                <a href="https://www.linkedin.com/company/cevpu/"><img class="icon" src="./images/linkedin-ico.png" alt=""></a>
-                <a href="https://twitter.com/CEVPU"><img class="icon" src="./images/twitter-ico.png" alt=""></a>
+                <a href="https://www.instagram.com/cevpu_/"><img class="icon" src="./images/instagram-ico.webp" alt="Logo instagram"></a>
+                <a href="https://www.linkedin.com/company/cevpu/"><img class="icon" src="./images/linkedin-ico.webp" alt="Logo Linkedin"></a>
+                <a href="https://twitter.com/CEVPU"><img class="icon" src="./images/twitter-ico.webp" alt="Logo X (anciennement twitter)"></a>
             </div>
             <br>
             <br>
@@ -64,12 +87,6 @@ <h1>Vous souhaitez en savoir plus ?</h1>
         <br>
     </div>
 
-    <div>
-        <br>
-        <p></p>
-        <br>
-    </div>
-
     <!-- Footer -->
     <footer>
         <div class="grid-footer center">

diff --git a/css/style.css b/css/style.css
@@ -124,7 +124,7 @@ img{
     color: #1ac;
 }
 
-/* BUTTON */
+/* BTN */
 .btn {
     margin: auto;
     width: 15em;
@@ -147,18 +147,18 @@ img{
 
 header {
     z-index: 100;
-    height: 6em;
+    height: 5.5em;
     position: sticky;
     top: 0;
     background: #fff;
     display: flex;
     justify-content: space-between;
-    align-items: center;
+    align-items: start;
 }
 
 header .logo img {
-    margin-top: 1em;
-    height: 7em;
+    margin-top: 0;
+    height: 6em;
     padding: 0.75em;
     overflow: hidden;
 }
@@ -178,7 +178,7 @@ nav ul li {
 nav ul li a {
     text-decoration: none;
     color: #1ac;
-    font-size: 1.5em;
+    font-size: 1.25em;
 }
 
 nav ul li a:hover {

diff --git a/fonctionnement.html b/fonctionnement.html
@@ -3,17 +3,34 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- OpenGraph-->
+    <title>Conférence nationale des étudiants vice-présidents d'université</title>
+    <meta name="description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:url" content="https://cevpu.org" />
+    <meta property="og:title" content="CEVPU - Conférence nationale des étudiants vice-présidents d'université">
+    <meta property="og:description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:image" content="https://cevpu.org/images/CEVPU_Communication_Logo_Court.webp">
+
+    <!-- ld+json -->
+    <script type="application/ld+json" src="json/cevpu.json"></script>
+
+    <!-- style -->
     <link rel="stylesheet" href="./css/style.css">
-    <link rel="icon" type="image/x-icon" href="./images/favicon.jpeg">
+
+    <!-- favicon -->
+    <link rel="icon" type="image/x-icon" href="./images/favicon.webp">
     <title>CEVPU - Conférence nationale des étudiants vice-présidents d'univesrité</title>
-    <!-- IMPORT -->
+    <!-- import -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 <body class="container" lang="fr">
     <header>
         <div class="logo">
-            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.PNG" alt="Logo de la CEVPU"></a>
+            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.webp" alt="Logo de la CEVPU"></a>
         </div>
         <nav class="navbar">
             <input type="checkbox" class="toggle-menu" id="toogle-menu">
@@ -34,7 +51,7 @@
         <div class="fonctionnement">
             <h1 id="fonctionnement" class="bold">Fonctionnement</h1>
             <p>L’Assemblée Générale estivale de la CEVPU désigne tous les ans le bureau et la commission permanente. La présidence de la CEVPU, élue pour un an renouvelable une fois, fait figure de « porte-parole » des étudiants vice-présidents des universités françaises. </p>
-            <p>Le bureau pilote l'association en accord avec les propositions votées en assemblée générale</p>
+            <p>Le bureau pilote l'association en accord avec les propositions votées en assemblée générale.</p>
             <p>La commission permanente accompagne le bureau dans la mise en place du pilotage stratégique de l'association.</p>
             <p>Le conseil de surveillance est l'organe caution du bon fonctionnement de l'association.</p>
         </div>
@@ -43,8 +60,8 @@ <h1 id="fonctionnement" class="bold">Fonctionnement</h1>
         <div>
             <h1 class="bold">Communiqués de presse</h2>
             <br>
-            <a target=”_blank” href="CDP-CEVPU-vf.pdf"><p class="bleu"><div class="bold bleu">Communiqué du presse du 9 octobre 2023</p></a>
-            <a target=”_blank” href="CDP-CEVPU-2nd_tour.docx.pdf"><p class="bleu"><div class="bold bleu">Communiqué du presse du 2 juillet 2024</p></a>
+            <a target=”_blank” href="CDP-CEVPU-vf.pdf"><p class="bleu"><div class="bold bleu">Communiqué de presse du 9 octobre 2023</p></a>
+            <a target=”_blank” href="CDP-CEVPU-2nd_tour.docx.pdf"><p class="bleu"><div class="bold bleu">Communiqué de presse du 2 juillet 2024</p></a>
         </div>
 
         <br>
@@ -73,11 +90,11 @@ <h2 class="center">Commission permanente</h2>
         <br>
 
         <div class="cp grid-cp center">
+            <div><p><div class="bold">Louise Schaller, Secrétaire générale adjointe chargée de la zone sud-ouest</div> Université Bordeaux Montaigne</p></div>
             <div><p><div class="bold">Lucas Chesnot, VP en charge de la formation</div> Université du Mans</p></div>
             <div><p><div class="bold">Naïl Klioua, VP en charge des enquêtes</div> Université Jean Moulin Lyon 3</p></div>
             <div><p><div class="bold">Paul Malherbe, VP en charge de communication</div> Université Sorbonne Nouvelle</p></div>
-            <div><p><div class="bold"> Louise Schaller, VP en charge de la zone sud-ouest</div> Université Bordeaux Montaigne</p></div>
-            <div><p><div class="bold">Nathan Guillemot, VO en charge de la zone grand-ouest</div> Université Rennes II</p></div>
+            <div><p><div class="bold">Nathan Guillemot, VP en charge de la zone grand-ouest</div> Université Rennes II</p></div>
             <div><p><div class="bold">Gao Fricaud, VP en charge de la zone sud-est</div> Université Paul Valery Montpellier III</p></div>
             <div><p><div class="bold">Mérouane Medghoul, VP en charge de la zone île-de-france</div> Sorbonne Université</p></div>
             <div><p><div class="bold">Dominik Abbas, VP en charge des ressources</div> Univsersité Paris 1 Panthéon Sorbonne</p></div>

diff --git a/histoire.html b/histoire.html
@@ -3,17 +3,34 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- OpenGraph-->
+    <title>Conférence nationale des étudiants vice-présidents d'université</title>
+    <meta name="description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:url" content="https://cevpu.org" />
+    <meta property="og:title" content="CEVPU - Conférence nationale des étudiants vice-présidents d'université">
+    <meta property="og:description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:image" content="https://cevpu.org/images/CEVPU_Communication_Logo_Court.webp">
+
+    <!-- ld+json -->
+    <script type="application/ld+json" src="json/cevpu.json"></script>
+
+    <!-- style -->
     <link rel="stylesheet" href="./css/style.css">
-    <link rel="icon" type="image/x-icon" href="./images/favicon.jpeg">
+
+    <!-- favicon -->
+    <link rel="icon" type="image/x-icon" href="./images/favicon.webp">
     <title>CEVPU - Conférence nationale des étudiants vice-présidents d'univesrité</title>
-    <!-- IMPORT -->
+    <!-- import -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 <body class="container" lang="fr">
     <header>
         <div class="logo">
-            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.PNG" alt="Logo de la CEVPU"></a>
+            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.webp" alt="Logo de la CEVPU"></a>
         </div>
         <nav class="navbar">
             <input type="checkbox" class="toggle-menu" id="toogle-menu">

diff --git a/images/CEVPU - 20 ans - 1 (8).png b/images/CEVPU - 20 ans - 1 (8).png
diff --git a/images/CEVPU - 20 ans - 1 (8).webp b/images/CEVPU - 20 ans - 1 (8).webp
diff --git a/images/CEVPU_Communication_Logo_Court.PNG b/images/CEVPU_Communication_Logo_Court.PNG
diff --git a/images/CEVPU_Communication_Logo_Court.webp b/images/CEVPU_Communication_Logo_Court.webp
diff --git a/images/CEVPU_Communication_Logo_Long_FondTransparent.png b/images/CEVPU_Communication_Logo_Long_FondTransparent.png
diff --git a/images/CEVPU_Communication_Logo_Long_FondTransparent.webp b/images/CEVPU_Communication_Logo_Long_FondTransparent.webp
diff --git a/images/favicon.jpeg b/images/favicon.jpeg
diff --git a/images/favicon.webp b/images/favicon.webp
diff --git a/images/instagram-ico.png b/images/instagram-ico.png
diff --git a/images/instagram-ico.webp b/images/instagram-ico.webp
diff --git a/images/linkedin-ico.png b/images/linkedin-ico.png
diff --git a/images/linkedin-ico.webp b/images/linkedin-ico.webp
diff --git a/images/twitter-ico.png b/images/twitter-ico.png
diff --git a/images/twitter-ico.webp b/images/twitter-ico.webp
diff --git a/index.html b/index.html
@@ -3,17 +3,34 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- OpenGraph-->
+    <title>Conférence nationale des étudiants vice-présidents d'université</title>
+    <meta name="description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:url" content="https://cevpu.org" />
+    <meta property="og:title" content="CEVPU - Conférence nationale des étudiants vice-présidents d'université">
+    <meta property="og:description"
+        content="La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.">
+    <meta property="og:image" content="https://cevpu.org/images/CEVPU_Communication_Logo_Court.webp">
+
+    <!-- ld+json -->
+    <script type="application/ld+json" src="json/cevpu.json"></script>
+
+    <!-- style -->
     <link rel="stylesheet" href="./css/style.css">
-    <link rel="icon" type="image/x-icon" href="./images/favicon.jpeg">
+
+    <!-- favicon -->
+    <link rel="icon" type="image/x-icon" href="./images/favicon.webp">
     <title>CEVPU - Conférence nationale des étudiants vice-présidents d'univesrité</title>
-    <!-- IMPORT -->
+    <!-- import -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 <body class="container" lang="fr">
     <header>
         <div class="logo">
-            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.PNG" alt="Logo de la CEVPU"></a>
+            <a href="index.html"><img src="./images/CEVPU_Communication_Logo_Court.webp" alt="Logo de la CEVPU"></a>
         </div>
         <nav class="navbar">
             <input type="checkbox" class="toggle-menu" id="toogle-menu">
@@ -35,7 +52,7 @@ <h1 class="center bold cite bleu">Un espace de mutualisation, d'échange et de d
         <br>
         <div class="img-illustration tohide">
             <figure>
-                <img src="./images/CEVPU - 20 ans - 2 (10).webp" alt="Les 20 ans de la CEVPU - photo de groupe" copyright="Jordan Gamaire">
+                <img src="./images/CEVPU - 20 ans - 2 (10).webp" loading="lazy" alt="Les 20 ans de la CEVPU - photo de groupe" copyright="Jordan Gamaire">
                 <figcaption class="center">
                     Les 20 ans de la CEVPU - 21 avril 2023 <br>
                     &copy Jordan Gamaire
@@ -95,9 +112,9 @@ <h2 class="center" class="bold">Nos actualités</h2>
             <div class="center reseaux">
                 <h2 class="center bold">Suivez-nous sur les réseaux</h2>
                 <div class="icon">
-                    <a href="https://www.instagram.com/cevpu_/"><img class="icon" src="./images/instagram-ico.png" alt=""></a>
-                    <a href="https://www.linkedin.com/company/cevpu/"><img class="icon" src="./images/linkedin-ico.png" alt=""></a>
-                    <a href="https://twitter.com/CEVPU"><img class="icon" src="./images/twitter-ico.png" alt=""></a>
+                    <a href="https://www.instagram.com/cevpu_/"><img class="icon" src="./images/instagram-ico.webp" alt="" loading="lazy"></a>
+                    <a href="https://www.linkedin.com/company/cevpu/"><img class="icon" src="./images/linkedin-ico.webp" alt="" loading="lazy"></a>
+                    <a href="https://twitter.com/CEVPU"><img class="icon" src="./images/twitter-ico.webp" alt="" loading="lazy"></a>
                 </div>
                 <p></p>
             </div>

diff --git a/json/cevpu.json b/json/cevpu.json
@@ -0,0 +1,90 @@
+{
+    "@context": "https://schema.org",
+    "@type": "NGO",
+    "name": "Conférence nationale des étudiants vice-présidents d'université",
+    "alternateName": "CEVPU",
+    "url": "https://www.cevpu.org",
+    "logo": "https://maydayfestival.fr/images/CEVPU_Communication_Logo_Court.webp",
+    "sameAs": [
+      "https://twitter.com/CEVPU",
+      "https://www.instagram.com/cevpu_/",
+      "https://www.linkedin.com/company/cevpu/"
+    ],
+    "description": "La CEVPU est une structure de mutualisation et d’expertise au service de tous les acteurs de l’enseignement supérieur. Elle rassemble les étudiants vice-présidents d'université françaises.",
+    "contactPoint": {
+        "@type": "Adresse de contact",
+        "email": "contact@cevpu.org"
+    },
+    "foundingDate": "2001-09-30",
+    "organizer": [
+      {
+        "@type": "Person",
+        "name": "Sacha Duperret"
+      },
+      {
+        "@type": "Person",
+        "name": "Amal Qobaa"
+      },
+      {
+        "@type": "Person",
+        "name": "Louise Schaller"
+      },
+      {
+        "@type": "Person",
+        "name": "Ugo Beillard-bevilacqua"
+      },
+      {
+        "@type": "Person",
+        "name": "Esteban Bougeard"
+      },
+      {
+        "@type": "Person",
+        "name": "Enora Lorcy"
+      }
+    ],
+    "alumni": [
+        {
+            "@type": "Person",
+            "name": "Sacha Duperret"
+        },
+        {
+            "@type": "Person",
+            "name": "Amal Qobaa"
+        },
+        {
+            "@type": "Person",
+            "name": "Louise Schaller"
+        },
+        {
+            "@type": "Person",
+            "name": "Ugo Beillard-bevilacqua"
+        },
+        {
+            "@type": "Person",
+            "name": "Esteban Bougeard"
+        },
+        {
+            "@type": "Person",
+            "name": "Enora Lorcy"
+        }
+    ],
+    "historicalEvent": {
+      "@type": "Event",
+      "name": "Histoire et tradition",
+      "description": "Le festival Mayday en est à sa 6e édition. Venez la partager avec nous !"
+    },
+    "review": {
+      "@type": "Review",
+      "reviewRating": {
+        "@type": "Rating",
+        "ratingValue": "5",
+        "bestRating": "5",
+        "worstRating": "0"
+      },
+      "author": {
+        "@type": "Person",
+        "name": "Anonyme"
+      },
+      "reviewBody": "Une structure qui propose des rencontres et des échanges de qualité. Un vrai plus pour les étudiants vice-présidents d'université."
+    }
+  }