forked from rebillar/site-accueil-insa
mise en page + maintenance
This commit is contained in:
parent
78fcfa0245
commit
24db042fd1
10 changed files with 220 additions and 113 deletions
|
|
@ -0,0 +1,11 @@
|
|||
section {
|
||||
display: block;
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 50px;
|
||||
font-size: 1.2rem;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
#music {
|
||||
display: block;
|
||||
width: 80%;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
border: 5px solid white;
|
||||
}
|
||||
|
||||
#music ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#music li {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#music .title_music {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
padding: 10px 0px 10px 0px;
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
section {
|
||||
display: block;
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 50px;
|
||||
font-size: 1.2rem;
|
||||
margin-top: 40px;
|
||||
}
|
||||
176
blouse.php
176
blouse.php
|
|
@ -2,98 +2,108 @@
|
|||
ob_start(); // Start reading html
|
||||
?>
|
||||
<main>
|
||||
<h1>La Blouse</h1>
|
||||
<div class="box-jaune">
|
||||
<span class="corners corners-top"></span>
|
||||
<span class="corners corners-bottom"></span>
|
||||
|
||||
<p>Salut à toi Petit Paneméen Astucieux,!</p>
|
||||
<p>Te voilà en train de lire la partie la plus intéressante, que dis-je, la partie la plus IMPORTANTE
|
||||
de la plaquette ! Tu as été tiré au sort pour participer aux prochains INSA Games, et pas n’importe
|
||||
lesquels ! Cette année, une tradition ancestrale a été perpétuée : <strong>la Blouse</strong>.
|
||||
Nous allons donc t’initier à l’art de confectionner la plus belle des blouses qui te suivra tout au long
|
||||
de tes 5 ans (ou éventuellement plus, mais on va pas te spoiler...). Celle qui te fera peut-être remporter
|
||||
le titre tant convoité de Vainqueur des jeux... euuuh Miss et Mister Blouse !
|
||||
Comme tout bon tribut qui se respecte, tu viendras dès le premier jour paré de ton habit de
|
||||
combat qui ne te servira pas seulement à être aussi badass que Katniss mais surtout à te représenter
|
||||
toi et TA PROMO (parce que tu aimes beaucoup ta promo).</p>
|
||||
<p>A l’INSAAAAA Touuuulouse (oups on est en train de s’égarer) tu pourras rencontrer :
|
||||
<ul id="list-blouse">
|
||||
<li>Les aventuriers de Koh-L’INSA en jaune et rouge (ou rouge et jaune pour ceux qui préfèrent)
|
||||
que nous sommes.</li>
|
||||
<li>Les sorciers que nous sommes aux couleurs des 4 maisons d’Harry Potter. (aussi connus comme tes futurs
|
||||
grands-parrains).</li>
|
||||
<li>Les soldats de la Guerre froide de la promo 56 en Bleu Galactique et en Rouge
|
||||
Intersidéral.</li>
|
||||
<li>D’autres types de spécimens qu’on te laisse le plaisir de découvrir.
|
||||
<div class="title">La Blouse</div>
|
||||
|
||||
</ul></b>
|
||||
<p>C’est maintenant à ton tour de réaliser cette œuvre d’art, ce chef d’œuvre avec lequel tu
|
||||
arriveras à la rentrée. Toute la semaine durant, tu devras en être vêtu, il en sera de même lors de tes
|
||||
TP et tu ne pourras PAS déroger à la règle si tu ne veux pas t’attirer les foudres des Grands Dirigeants
|
||||
Adoré et leurs malus.
|
||||
<p></p>
|
||||
Alors hop hop hop, on se retrousse les manches, on prend un fil, une aiguille et on lit
|
||||
attentivement les lignes qui suivent car elles vont déterminer tes chances de devenir Miss ou Mister
|
||||
Blouse.
|
||||
</p><p>
|
||||
Maintenant que tu as été accepté à l’Institut pour Nouveaux tributs Sans Angoisses, une tâche très
|
||||
importante t’attend, on oublie les sorties à droite, à gauche et on se concentre sur notre véritable
|
||||
passion : La couture !!!
|
||||
</p>
|
||||
<ul>
|
||||
<li><strong>Récupère ta blouse blanche</strong> de chimie ou procures-en toi une nouvelle (jusque-là ça va).</li>
|
||||
<li><strong>Teins là aux véritables couleurs de ton équipe</strong> (les roses on vous aime quand même), c’est-
|
||||
à-dire, <strong>vert flamboyant si tu es <strong class="score-boo">BOOMIFLORE</strong> et violet intense pour <strong class="score-pek">PEKSUREAU</strong></strong> .</li>
|
||||
<li>Décore ta blouse selon le thème des <strong>INSA Games</strong> et de ton équipe.</li>
|
||||
</ul>
|
||||
<p><strong>Mais attention ! Tu ne peux pas faire n’importe quoi, il y a des règles à respecter si tu
|
||||
ne veux pas rester coincé à l’aéroport !</strong></p>
|
||||
<span class="circles circles-top"></span>
|
||||
<span class="circles circles-bottom"></span>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<p>Salut à toi Petit Paneméen Astucieux,!</p>
|
||||
<p>Te voilà en train de lire la partie la plus intéressante, que dis-je, la partie la plus IMPORTANTE
|
||||
de la plaquette ! Tu as été tiré au sort pour participer aux prochains INSA Games, et pas n’importe
|
||||
lesquels ! Cette année, une tradition ancestrale a été perpétuée : <strong>la Blouse</strong>.
|
||||
Nous allons donc t’initier à l’art de confectionner la plus belle des blouses qui te suivra tout au long
|
||||
de tes 5 ans (ou éventuellement plus, mais on va pas te spoiler...). Celle qui te fera peut-être remporter
|
||||
le titre tant convoité de Vainqueur des jeux... euuuh Miss et Mister Blouse !
|
||||
Comme tout bon tribut qui se respecte, tu viendras dès le premier jour paré de ton habit de
|
||||
combat qui ne te servira pas seulement à être aussi badass que Katniss mais surtout à te représenter
|
||||
toi et TA PROMO (parce que tu aimes beaucoup ta promo).</p>
|
||||
<p>A l’INSAAAAA Touuuulouse (oups on est en train de s’égarer) tu pourras rencontrer :
|
||||
<ul id="list-blouse">
|
||||
<li>Les aventuriers de Koh-L’INSA en jaune et rouge (ou rouge et jaune pour ceux qui préfèrent)
|
||||
que nous sommes.</li>
|
||||
<li>Les sorciers que nous sommes aux couleurs des 4 maisons d’Harry Potter. (aussi connus comme tes futurs
|
||||
grands-parrains).</li>
|
||||
<li>Les soldats de la Guerre froide de la promo 56 en Bleu Galactique et en Rouge
|
||||
Intersidéral.</li>
|
||||
<li>D’autres types de spécimens qu’on te laisse le plaisir de découvrir.
|
||||
|
||||
</ul></b>
|
||||
<p>C’est maintenant à ton tour de réaliser cette œuvre d’art, ce chef d’œuvre avec lequel tu
|
||||
arriveras à la rentrée. Toute la semaine durant, tu devras en être vêtu, il en sera de même lors de tes
|
||||
TP et tu ne pourras PAS déroger à la règle si tu ne veux pas t’attirer les foudres des Grands Dirigeants
|
||||
Adoré et leurs malus.
|
||||
<p></p>
|
||||
Alors hop hop hop, on se retrousse les manches, on prend un fil, une aiguille et on lit
|
||||
attentivement les lignes qui suivent car elles vont déterminer tes chances de devenir Miss ou Mister
|
||||
Blouse.
|
||||
</p><p>
|
||||
Maintenant que tu as été accepté à l’Institut pour Nouveaux tributs Sans Angoisses, une tâche très
|
||||
importante t’attend, on oublie les sorties à droite, à gauche et on se concentre sur notre véritable
|
||||
passion : La couture !!!
|
||||
</p>
|
||||
<ul>
|
||||
<li><strong>Récupère ta blouse blanche</strong> de chimie ou procures-en toi une nouvelle (jusque-là ça va).</li>
|
||||
<li><strong>Teins là aux véritables couleurs de ton équipe</strong> (les roses on vous aime quand même), c’est-
|
||||
à-dire, <strong>vert flamboyant si tu es <strong class="score-boo">BOOMIFLORE</strong> et violet intense pour <strong class="score-pek">PEKSUREAU</strong></strong> .</li>
|
||||
<li>Décore ta blouse selon le thème des <strong>INSA Games</strong> et de ton équipe.</li>
|
||||
</ul>
|
||||
<p><strong>Mais attention ! Tu ne peux pas faire n’importe quoi, il y a des règles à respecter si tu
|
||||
ne veux pas rester coincé à l’aéroport !</strong></p>
|
||||
|
||||
|
||||
<h3>Les 5 commandements de la Blouse :</h3>
|
||||
<p><ul id="list-blouse">
|
||||
<li>Uniquement <strong>de fils et d’aiguilles</strong> tu t’armeras.</li>
|
||||
<li><strong>Par toi-même</strong> orner ta blouse tu devras, l’aide de maman, papa, mamie ou papi tu ne
|
||||
demanderas donc pas. Eh oui, on y est tous passés, à ton tour maintenant !</li>
|
||||
<li><strong>Pas de marqueurs ou de feutres</strong>, ils sont réservés aux Géniaux Donneurs d’Avis que nous sommes
|
||||
pour t’octroyer bonus ou malus ainsi que des tags comme le veut la tradition.</li>
|
||||
<li>Comme sur le schéma qui suit, et avec ces consignes, ta blouse tu décoreras :<br>
|
||||
- Sur le <strong>devant</strong> on veut voir <Strong>ton prénom, le blason et le nom de ton bled
|
||||
d’origine</Strong>.<br>
|
||||
- À <strong>l’arrière</strong>, tu mettras ton <strong>surnom (en gros et bien visible) et “INSA 59” en
|
||||
TRÈS gros</strong>, car tu aimes ta promo.<br>
|
||||
- Quant aux espaces vides, aux poches et aux manches, il faudra les <strong>combler
|
||||
de broderies et fantaisies</strong>, cousues sur le thème des INSA GAMES et de TON DISTRICT.</li>
|
||||
<li>Créatif et original tu seras, <Strong>des bonus à la clé il y aura</strong>. Et bien-sûr, faire preuve
|
||||
d’humour tu n’oublieras pas ! Et on ne le dira jamais assez …. GARE AUX
|
||||
TRICHEURS !
|
||||
Voilà un exemple illustratif de ta blouse après customisation, le but étant de s’en inspirer
|
||||
mais pas de la reproduire…</li>
|
||||
</ul></p>
|
||||
<img src="assets/img/blouse/Blouses.png" alt="Exemple blouse" style="max-height:30rem;">
|
||||
<h3>Les 5 commandements de la Blouse :</h3>
|
||||
<p><ul id="list-blouse">
|
||||
<li>Uniquement <strong>de fils et d’aiguilles</strong> tu t’armeras.</li>
|
||||
<li><strong>Par toi-même</strong> orner ta blouse tu devras, l’aide de maman, papa, mamie ou papi tu ne
|
||||
demanderas donc pas. Eh oui, on y est tous passés, à ton tour maintenant !</li>
|
||||
<li><strong>Pas de marqueurs ou de feutres</strong>, ils sont réservés aux Géniaux Donneurs d’Avis que nous sommes
|
||||
pour t’octroyer bonus ou malus ainsi que des tags comme le veut la tradition.</li>
|
||||
<li>Comme sur le schéma qui suit, et avec ces consignes, ta blouse tu décoreras :<br>
|
||||
- Sur le <strong>devant</strong> on veut voir <Strong>ton prénom, le blason et le nom de ton bled
|
||||
d’origine</Strong>.<br>
|
||||
- À <strong>l’arrière</strong>, tu mettras ton <strong>surnom (en gros et bien visible) et “INSA 59” en
|
||||
TRÈS gros</strong>, car tu aimes ta promo.<br>
|
||||
- Quant aux espaces vides, aux poches et aux manches, il faudra les <strong>combler
|
||||
de broderies et fantaisies</strong>, cousues sur le thème des INSA GAMES et de TON DISTRICT.</li>
|
||||
<li>Créatif et original tu seras, <Strong>des bonus à la clé il y aura</strong>. Et bien-sûr, faire preuve
|
||||
d’humour tu n’oublieras pas ! Et on ne le dira jamais assez …. GARE AUX
|
||||
TRICHEURS !
|
||||
Voilà un exemple illustratif de ta blouse après customisation, le but étant de s’en inspirer
|
||||
mais pas de la reproduire…</li>
|
||||
</ul></p>
|
||||
<img src="assets/img/blouse/Blouses.png" alt="Exemple blouse" style="max-height:30rem;">
|
||||
|
||||
<p>Applique-toi bien, car ce sera peut-être le seul
|
||||
titre de Miss ou Mister que tu obtiendras dans ta
|
||||
vie (rip), au terme d’un concours épique entre les
|
||||
meilleurs couturiers de l’arène.
|
||||
« A la fin, il n’en restera qu’un ! » mince ça c’était
|
||||
le thème de l’année dernière...
|
||||
<br>
|
||||
Joyeux INSA Games, et puisse le sort t’être
|
||||
favorable ! *sifflement du Geai moqueur*</p>
|
||||
|
||||
<h3>
|
||||
Pour te motiver, voici ce que notre Miss Blouse avait fait l'année dernière :
|
||||
</h3>
|
||||
<p>Applique-toi bien, car ce sera peut-être le seul
|
||||
titre de Miss ou Mister que tu obtiendras dans ta
|
||||
vie (rip), au terme d’un concours épique entre les
|
||||
meilleurs couturiers de l’arène.
|
||||
« A la fin, il n’en restera qu’un ! » mince ça c’était
|
||||
le thème de l’année dernière...
|
||||
<br>
|
||||
Joyeux INSA Games, et puisse le sort t’être
|
||||
favorable ! *sifflement du Geai moqueur*</p>
|
||||
|
||||
<h3>
|
||||
Pour te motiver, voici ce que notre Miss Blouse avait fait l'année dernière :
|
||||
</h3>
|
||||
|
||||
<img src="assets/img/blouse/blouse_devant_maeva.jpg" alt="Blouse Maeva devant">
|
||||
<img src="assets/img/blouse/blouse_derriere_maeva.jpg" alt="Blouse Maeva dos">
|
||||
<img src="assets/img/blouse/blouse_devant_maeva.jpg" alt="Blouse Maeva devant">
|
||||
<img src="assets/img/blouse/blouse_derriere_maeva.jpg" alt="Blouse Maeva dos">
|
||||
|
||||
<h3>
|
||||
Et voici la blouse de notre Mister Blouse :
|
||||
</h3>
|
||||
<h3>
|
||||
Et voici la blouse de notre Mister Blouse :
|
||||
</h3>
|
||||
|
||||
<img src="assets/img/blouse/blouse_devant_nathan.jpg" alt="Blouse Nathan devant" id="reverse" onclick="reverse()">
|
||||
<img src="assets/img/blouse/blouse_devant_nathan.jpg" alt="Blouse Nathan devant" id="reverse" onclick="reverse()">
|
||||
|
||||
<img src="assets/img/blouse/blouse_derriere_nathan.jpg" alt="Blouse Nathan dos">
|
||||
<img src="assets/img/blouse/blouse_derriere_nathan.jpg" alt="Blouse Nathan dos">
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
|
|
|||
37
chansons.php
37
chansons.php
|
|
@ -1,29 +1,42 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
|
||||
function music($name, $link) {
|
||||
echo "<div id='music'>";
|
||||
echo "<div class='title_music'>".$name."</div>";
|
||||
echo "<ul>";
|
||||
|
||||
echo '<iframe width="560" height="315" src="';
|
||||
echo $link;
|
||||
echo '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
|
||||
|
||||
echo "</ul>";
|
||||
echo "</div>";
|
||||
}
|
||||
?>
|
||||
<main>
|
||||
<h1>Les chansons</h1>
|
||||
<div class="box-jaune">
|
||||
<span class="corners corners-top"></span>
|
||||
<span class="corners corners-bottom"></span>
|
||||
|
||||
<div class="title">Les Chansons</div>
|
||||
|
||||
<span class="circles circles-top"></span>
|
||||
<span class="circles circles-bottom"></span>
|
||||
</div>
|
||||
<p>A l'INSA, Toulouse, les chansons sont très importantes, vous allez en chanter beaucoup et très fort pendant votre semaine d'intégration.
|
||||
|
||||
Pour que tu sois prêt pour cette semaine et pour l'entièreté de ta vie étudiante, on pense que c'est important que tu connaisses les chansons suivantes:</p>
|
||||
|
||||
<br><br>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/_YXjuDdcH3g" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<?= music("Manau - La tribu de Dana", "https://www.youtube.com/embed/_YXjuDdcH3g"); ?>
|
||||
|
||||
<?= music("Michel Sardou - Les lacs du Connemara", "https://www.youtube.com/embed/bpEmjxobvbY"); ?>
|
||||
|
||||
<br><br>
|
||||
<?= music("Sexion d'assaut - Wati by night", "https://www.youtube.com/embed/zD80w-mPrKw"); ?>
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/bpEmjxobvbY" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<?= music("Et pour terminer en beauté, on vous présente notre hymne", "https://www.youtube.com/embed/8Eapq5TOzn4"); ?>
|
||||
|
||||
<br><br>
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/zD80w-mPrKw" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
|
||||
<br><br>
|
||||
|
||||
<p>Et on vous présente la chanson de l'année dernière faîte par le Bureau :</p>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/8Eapq5TOzn4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</main>
|
||||
<?php
|
||||
$infopage = ["", "Les chansons", ob_get_clean(), "", "chansons"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5
|
||||
|
|
|
|||
25
construction.php
Normal file
25
construction.php
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?php
|
||||
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">Page en Construction</div>
|
||||
|
||||
<span class="circles circles-top"></span>
|
||||
<span class="circles circles-bottom"></span>
|
||||
</div>
|
||||
|
||||
<div id="msg_acc">
|
||||
<p>
|
||||
Page en construction, revenez plus tard
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
<?php
|
||||
$infopage = ["", "En construction", ob_get_clean(), "", "index"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||
include("structure/template.php");
|
||||
?>
|
||||
|
|
@ -1,24 +1,32 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Les Telechargements</h1>
|
||||
<p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="assets/pdf/Plaquette-INSA-2021-Promo-59.pdf">La plaquette</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Fiche-Parrainage.pdf">La fiche de parrainage</a> (<a href="#">Godfather/Godmother form</a>)
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Charte-Covid.pdf">La charte gestes barrières</a> (<a href="#">Covid charter</a>,
|
||||
<a href="assets/pdf/Carta-Covid.pdf">Carta covid</a>)
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Droit-Image.pdf">La charte de droit à l'image</a> (<a href="#">or here</a>,
|
||||
<a href="assets/pdf/Derechos-de-imagen.pdf">o aquí</a>)
|
||||
</li>
|
||||
</ul>
|
||||
<main>
|
||||
<div class="box-jaune">
|
||||
<span class="corners corners-top"></span>
|
||||
<span class="corners corners-bottom"></span>
|
||||
|
||||
<div class="title">Les Téléchargements</div>
|
||||
|
||||
<span class="circles circles-top"></span>
|
||||
<span class="circles circles-bottom"></span>
|
||||
</div>
|
||||
<section>
|
||||
<p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="assets/pdf/Plaquette-INSA-2021-Promo-59.pdf" class="link">La plaquette</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Fiche-Parrainage.pdf" class="link">La fiche de parrainage</a> (<a href="#" class="link">Godfather/Godmother form</a>)
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Droit-Image.pdf" class="link">La charte de droit à l'image</a> (<a href="#" class="link">or here</a>,
|
||||
<a href="assets/pdf/Derechos-de-imagen.pdf" class="link">o aquí</a>)
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
<?php
|
||||
$infopage = ["", "Telechargements", ob_get_clean(), "", "downloads"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||
include("structure/template.php");
|
||||
|
|
|
|||
1
map.php
1
map.php
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
require_once 'assets/map/ajax.php';
|
||||
header('Location: construction.php');
|
||||
?>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
header('Location: construction.php');
|
||||
?>
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
header('Location: construction.php');
|
||||
?>
|
||||
|
||||
<?php
|
||||
|
|
|
|||
Loading…
Reference in a new issue