mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

quelques modif

Browse source
This commit is contained in:
Baptiste Rebillard 2022-06-10 21:37:46 +02:00
parent bf3e6ae359
commit 2d7c160f67
2 changed files with 59 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
assets/css/page/lydia.css
View file

@ -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;
}

22
lydia.php
View file

@ -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