forked from rebillar/site-accueil-insa
prevs finito
This commit is contained in:
parent
a668823f04
commit
2dd81ffb4f
2 changed files with 72 additions and 24 deletions
|
|
@ -0,0 +1,44 @@
|
|||
* {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 50vw;
|
||||
aspect-ratio: 560/315;
|
||||
}
|
||||
|
||||
#video {
|
||||
display: block;
|
||||
width: 80vw;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
text-align: 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;
|
||||
}
|
||||
52
prevs.php
52
prevs.php
|
|
@ -1,32 +1,36 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>La Prevention</h1>
|
||||
<div class="box-jaune">
|
||||
<span class="corners corners-top"></span>
|
||||
<span class="corners corners-bottom"></span>
|
||||
|
||||
<p> Cher Ph(f)utur Peeta Amateur,<br>
|
||||
Déjà, félicitations à toi si tu es arrivé à ce passage de la plaquette. Un Perspicace Parasite Acharné tu
|
||||
es déjà ! Du parcours du combattant au tir à l’arc, en passant par ton 1er Petit K(c)ours en amphi, tu
|
||||
vas en traverser des épreuves cette semaine. Sans Capitole, pas de Hunger Games. De même, sans
|
||||
Com Prev, pas de Semaine d’Accueil digne de ce nom. Nous allons te coacher tout au long de la
|
||||
semaine afin que tu remportes tes jeux de la faim. Pour que tu profites au maximum de chaque minute,
|
||||
de chaque seconde de cette aventure, il est nécessaire que tu te sentes en sécurité et épaulé en cas
|
||||
de besoin. Et c’est justement là où nous rentrons en jeu, dans le but de t’aider toi, Ph(f)antastique
|
||||
Prochain Aphoneur. (# On minore pas le test Voltaire nous ?!). Nous veillerons à ce qu’aucun
|
||||
Ph(f)ormidable Ph(f)étard Aiguisé ne tombe dans un quelconque excès. Avec nous, tu es certain que
|
||||
cette année, la 59ème
|
||||
édition de nos INSA Games aura bien lieu. En cas de fringale, d’hyperréflexion,
|
||||
ou d’hyposommeil, nous te relèverons grâce à nos bidons d’eau et nos sirops étoilés. Nous serons
|
||||
reconnaissables grâce à nos super brassards fluos. Nous serons également présents pour t’avertir,
|
||||
cher Petite Ph(f)ripouille Angélique et t’éviter toute descendance inopportune.
|
||||
Aucun coup de canon ne sera tiré cette année !</p>
|
||||
<p>Voici une petite video pour t'expliquer les bases si jamais tu vois quelqu'un inconscient :</p>
|
||||
<iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
|
||||
allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
<div class="title">La Prevention</div>
|
||||
|
||||
<h3>Contacts d'urgence</h3>
|
||||
Bientôt disponibles...
|
||||
</div>
|
||||
<span class="circles circles-top"></span>
|
||||
<span class="circles circles-bottom"></span>
|
||||
</div>
|
||||
<div id="desc">
|
||||
<p>Toutes mes félicitations Prodigieux Plombier Agrégé car tu viens de débloquer la course de ta vie avec un décor ✨Insane✨.</p>
|
||||
<p>Ici pas de pitié, tu vas te confronter aux plus grands, à l’élite de la F1. Mais no stress mon Parfait Pilote Aérodynamique : du Capitol à Esquirol si tu rencontres des obstacles sur ta route (peau de banane, crash de carapace de tortue volante, électrocution, infarctus du mariokart tout ça...) la com prev, tel un cube mystère, est là pour te remettre sur la bonne voie. Petite pause toutes les deux heures oblige, (#lecodepirecauchemard) nous disposons de ravitaillements en cas de fringales ainsi que de trousses de secours si t’es un pro des tonneaux (et pas que de solution fermentée belge).</p>
|
||||
<p>Nous veillerons à te faire atteindre la ligne d’arrivée aka la sortie du ParKour en un seul morceau ! Nous sommes également là pour prévenir et s’assurer qu’aucuns bébés INSA ne rejoignent le game... Je sais exactement ce que tu penses Possesseur de Permis Avertis : Comment nous reconnaître ?! Alors là rien de plus simple ! Nous sommes reconnaissables à notre flow éblouissant et à notre brassard jaune !Alors maintenant attache ta ceinture et n’oublie pas Petit Poivreau Ambulant : boire ou conduire il faut choisir ;)<br>
|
||||
XOXO *check de coude covid friendly*</p>
|
||||
La Com Prev, Ezzeddine et Camille<br>
|
||||
PS: en attendant la semaine d’accueil, on te conseille de voir cette petite vidéo
|
||||
</div>
|
||||
<div id='video'>
|
||||
<div class='title_video'>Consentement tasse de thé</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 id='video'>
|
||||
<div class='title_video'>Conduite à tenir la PLS</div>
|
||||
<ul>
|
||||
<iframe src="https://www.youtube.com/embed/Eak9JO1zO2U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</ul>
|
||||
</div>
|
||||
<?php
|
||||
$infopage = ["", "Prévention", ob_get_clean(), "", "prevs"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||
include("structure/template.php");
|
||||
|
|
|
|||
Loading…
Reference in a new issue