<?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");
?>