Merge remote-tracking branch 'origin/master'

assets/css/page/lydia.css

@@ -0,0 +1,40 @@
+iframe {
+	width: 50vw;
+	aspect-ratio: 560/315;
+}
+
+#video {
+	display: block;
+	width: 80vw;
+	padding: 0;
+	margin: auto;
+	margin-top: 20px;
+	align-items: center;
+	border: 5px solid white;
+}
+
+#video ul {
+  list-style-type: none;
+}
+
+#video li {
+	margin-bottom: 30px;
+}
+
+#video .title_video {
+	width: 100%;
+	background-color: white;
+	color: black;
+	margin: 0px;
+	padding: 10px 0px 10px 0px;
+}
+
+#desc {
+	display: block;
+	background-color: rgba(255,255,255,0.3);
+	width: 80vw;
+	margin: auto;
+	padding: 50px;
+	font-size: 1.2rem;
+	margin-top: 40px;
+}

lydia.php

@@ -2,6 +2,16 @@
 ob_start(); // Start reading html
 ?>
 <main>
+    <div class="box-jaune">
+        <span class="corners corners-top"></span>
+        <span class="corners corners-bottom"></span>
+
+        <div class="title">Izly et Lydia</div>
+
+        <span class="circles circles-top"></span>
+        <span class="circles circles-bottom"></span>
+    </div>
+    <div id="desc">
 	<h1>Izly et Lydia : les applis pour te simplifier la vie</h1>
         Pour payer au Pk, au RU ou encore à la cafet’ tu vas avoir deux applis pour te
         simplifier la vie.<br><br>
@@ -17,10 +27,16 @@ ob_start(); // Start reading html
         cette appli aussi vite que possible, elle te sauvera ! C’est grâce à elle que tu pourras
         rembourser tes potes aussi ! Que ce soit pour les cadeaux communs pour Michel, ou pour
         payer ta dette si t’as oublié tes sous un jour… Ça peut toujours servir
-        Tu n'as jamais entendu parler de Lydia ni d’Izly et tu te demandes comment ça fonctionne ?
-        Ne t’en fais, on a pensé à toi ! Nous t’avons concocté un joli tuto rien que pour toi.<br><br>
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/TwaA3jlW8kM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        Tu n'as jamais entendu parler de Lydia ni d’Izly et tu te demandes comment ça fonctionne ?
+        Ne t’en fais, on a pensé à toi ! Nous t’avons concocté un joli tuto rien que pour toi.
         <br><br>
+        <div id='video'>
+            <div class='title_video'></div>
+            <ul>
+                <iframe src="https://www.youtube.com/embed/S-50iVx_yxU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            </ul>
+        </div>
+    </div>
 </main>
 <?php
 $infopage = ["", "Lydia & Izly", ob_get_clean(), "", "lydia"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6