site-accueil-insa/blouse.php

<?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">La Blouse</div>

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

        <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">
    </section>

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