structure et contenu de clubs.php, chansons.php, blouse.php, coms.php(+php) et update de remplate.php

blouse.php

@@ -1,7 +1,115 @@
 <?php
 ob_start(); // Start reading html
 ?>
+<main>
+    <h1>La Blouse</h1>
 
+    <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>
+    <b><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;">
+
+    <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">
+
+    <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_derriere_nathan.jpg" alt="Blouse Nathan dos">
+
+</main>
+
+<script>
+
+    function reverse() {
+        let elmt = document.getElementById("reverse");
+        if (elmt.getAttribute("src") ===  "assets/img/blouse/blouse_devant_nathan.jpg") {
+            elmt.src = "assets/img/blouse/reverse.jpg";
+        } else {
+            elmt.src = "assets/img/blouse/blouse_devant_nathan.jpg";
+        }
+        return elmt;
+
+    }
+</script>
 <?php
 $infopage = ["", "Blouse", ob_get_clean(), "", "blouse"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5
 include("structure/template.php");

chansons.php

@@ -1,7 +1,30 @@
 <?php
 ob_start(); // Start reading html
 ?>
+<main>
+	<h1>Les chansons</h1>
 
+	<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>
+
+
+    <br><br>
+
+	<iframe width="560" height="315" src="https://www.youtube.com/embed/bpEmjxobvbY" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+    <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
 include("structure/template.php");

coms.php

@@ -1,7 +1,124 @@
 <?php
 ob_start(); // Start reading html
 ?>
+    <main>
+        <h1>Les Com's</h1>
+        <p>La liste de toutes les com's de ta semaine d'accueil, avec les contacts des responsables.</p>
+    <main>
+    	<section>
+    		<h1><b>Le Bureau</b></h1>
+    		<?php
+    		$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
+    		$prenom = ["Maxence", "Sarah", "Paul", "Ilona"];
+    		$nom = ["Papion", "Martin", "Alnet", "Gerard"];
+    		$mail = ["maxencepapion@gmail.com", "sarah.mrtp@gmail.com", "alnet@insa-toulouse.fr", "igerard@insa-toulouse.fr"];
 
+    			for($i = 0; $i < count($prenom); $i++) {
+    				echo "<ul>";
+    				echo "<h2>".$fonction[$i]."</h2>";
+    				echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
+    				echo "<a href='mailto:".$mail[$i]."'>".$mail[$i]."</a>";
+    				echo "</ul>";
+    			}
+    		?>
+    	</section>
+
+    	<?php 
+    	function respo($name, $prenom, $nom, $mail) {
+    		echo "<section>";
+    		echo "<h1><b>".$name."</b></h1>";
+    		for($i = 0; $i < count($prenom); $i++) {
+				echo "<ul>";
+				echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
+				echo "<a href='mailto:".$mail[$i]."'>".$mail[$i]."</a>";
+				echo "</ul>";
+    		}
+    		echo "</section>";
+    	}
+    	?>
+    		
+    	<?php
+    	respo(
+    	"Respo des coms",
+    	["Sarah"],
+    	["Gouled"],
+    	["sarah.gouled@orange.fr"]);
+
+		respo(
+    	"Respo com wini",
+    	["Alexandre"],
+    	["Goirand"],
+    	["alexandre.goirand25@gmail.com"]);
+
+		respo(
+    	"Respo com prev",
+    	["Camille", "Ezzedine"],
+    	["Dessemond", "Aoun"],
+    	["dessemon@insa-toulouse.fr", "eaoun2002@gmail.com"]);
+
+		respo(
+    	"Respo com parrainage",
+    	["Lucille", "Estelle"],
+    	["Pedoussat", "Brunel"],
+    	["pedoussa@insa-toulouse.fr", "estelle.brunel09@gmail.com"]);
+
+		respo(
+    	"Respo com anim",
+    	["Julie", "Andréa"],
+    	["Bourgeais", "Ladin"],
+    	["bourgeai@insa-toulouse.fr", "andrea.ladin33@gmail.com"]);
+
+		respo(
+    	"Respo com ville",
+    	["Mailys", "Armand"],
+    	["Feuillerat", "Ghionda"],
+    	["mailys.feuillerat@gmail.com", "ghionda.armand@gmail.com"]);
+
+		respo(
+    	"Respo com rallye",
+    	["Grégoire", "Ilona"],
+    	["Drenou", "Robin"],
+    	["greg.drenou@gmail.com", "iloro3185@yahoo.fr"]);
+
+		respo(
+    	"Respo soirée des talents",
+    	["Thibault", "Marie-Line"],
+    	["Pouyanne", "Da Costa Bento"],
+    	["pouyanne@insa-toulouse.fr", "marieline.dacosta@gmail.com"]);
+
+		respo(
+    	"Respo com plaquette",
+    	["Pierre", "Agathe", "Weltzer"],
+    	["Chezeau", "Perez", "Elise"],
+    	["chezeaum@insa-toulouse.fr", "a.perezvottero@gmail.com ", "elise.weltzer@orange.fr"]);
+
+		respo(
+    	"Respo com bene",
+    	["Thomas", "Jérémie"],
+    	["Ecobichon", "Monjou"],
+    	["thomas.ecobichon1@gmail.com", "jeremie.monjou@gmail.com"]);
+
+		respo(
+    	"Respo com photo",
+    	["Vicky"],
+    	["Benos"],
+    	["vic.hand8.vb@gmail.com"]);
+
+		respo(
+    	"Respo com ravit",
+    	["Elisa", "Fanny"],
+    	["Aubin", "Hazera"],
+    	["elisaubin22@gmail.com", "fannyhazerasup@gmail.com"]);
+
+		respo(
+    	"Respo com graphisme/web",
+    	["Guilhem", "Akinlami-Gallagher", "Baptiste"],
+    	["Rebejac (resp graphisme)", "Ciaran (resp graphisme)", "Rébillard (resp web)"],
+    	["rebejac@insa-toulouse.fr", "clj.akinlami@gmail.com", "rebillar@insa-toulouse.fr"]);
+
+		
+
+    	?>
 <?php
 $infopage = ["", "Com's", ob_get_clean(), "", "coms"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
 include("structure/template.php");

index.php

@@ -1,34 +1,36 @@
 <?php
 ob_start(); // Start reading html
 ?>
-<h3 id="homeSubtitle">Semaine d'Accueil INSA Toulouse 2021</h3>
-<div id="homeText">
-    <p>
-        Bienvenue à l'INSA Toulouse jeune aventurier, pour ta magnifique semaine d'accueil.
-        Ce site est fait pour t'aider à commencer l'aventure en toute sérénité.
-    </p>
-    <p>
-        Toutes les photos de ta semaine sont disponibles <a href="photos.php"> ici </a>! Pendant cette semaine tu
-        pourras découvrir toutes les photos prises par la Com Photo pour te remémorer plein de
-        souvenirs.
-    </p>
-    <p>
-        Tu vas pouvoir trouver ici des informations générales sur ta semaine, comme
-        <a href="planning.php">Le Planning</a>,
-        <a href="map.php">Le Plan Du Campus</a>, des détails sur
-        <a href="parrainage.php">Le Parrainage</a>,
-        ou encore des directives concernant ta magnifique <a href="blouse.php">Blouse</a>.
-    </p>
-    <h3>INSAGames</h3>
-    <p>
-        Si tu as reçu (et lu!) ta plaquette, tu sais que tu fais partie d'une maison:
-        <a href="#.php" class="score-pek">#1</a>,
-        ou de <a href="#.php" class="score-boo">#2</a>.
-        <br>
-        <a href="stats.php">Fais gagner des points</a> à ton équipe durant la semaine pour lui faire remporter l'aventure !
-    </p>
+<main>
+    <h3 id="homeSubtitle">Semaine d'Accueil INSA Toulouse 2021</h3>
+    <div id="homeText">
+        <p>
+            Bienvenue à l'INSA Toulouse jeune aventurier, pour ta magnifique semaine d'accueil.
+            Ce site est fait pour t'aider à commencer l'aventure en toute sérénité.
+        </p>
+        <p>
+            Toutes les photos de ta semaine sont disponibles <a href="photos.php"> ici </a>! Pendant cette semaine tu
+            pourras découvrir toutes les photos prises par la Com Photo pour te remémorer plein de
+            souvenirs.
+        </p>
+        <p>
+            Tu vas pouvoir trouver ici des informations générales sur ta semaine, comme
+            <a href="planning.php">Le Planning</a>,
+            <a href="map.php">Le Plan Du Campus</a>, des détails sur
+            <a href="parrainage.php">Le Parrainage</a>,
+            ou encore des directives concernant ta magnifique <a href="blouse.php">Blouse</a>.
+        </p>
+        <h3>INSAGames</h3>
+        <p>
+            Si tu as reçu (et lu!) ta plaquette, tu sais que tu fais partie d'une maison:
+            <a href="#.php" class="score-pek">#1</a>,
+            ou de <a href="#.php" class="score-boo">#2</a>.
+            <br>
+            <a href="stats.php">Fais gagner des points</a> à ton équipe durant la semaine pour lui faire remporter l'aventure !
+        </p>
 
-</div>
+    </div>
+</main>
 <?php
 $infopage = ["", "Accueil", ob_get_clean(), "", "index"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
 include("structure/template.php");

structure/template.php

@@ -16,6 +16,8 @@ require_once $relativepath.'script/db.php';
     <meta name="viewport" content="width=device-width,maximum-scale=2">
     <link rel="shortcut icon" href="<?= $relativepath ?>favicon.ico">
     <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/page/<?= $pagename ?>.css" />
+    <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/menu.css" />
+    <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/footer.css" />
     <title><?= $pagetitle ?> | INSAT Accueil</title>
 
 
@@ -38,11 +40,17 @@ require_once $relativepath.'script/db.php';
 
 </head>
     <body>
+        <header>
+            <?php include $relativepath."structure/menu.php"; ?>
+        </header>
         <?php
         if (isset($pagecontent)) {
             echo $pagecontent; //ici on appelle le contenu de la page
         }
         ?>
+        <footer>
+            <?php include $relativepath."structure/footer.php"; ?>
+        </footer>
     </body>
 </html>
 <?php