<?php
ob_start(); // Start reading html

include "assets/fonts/color.php";
?>
<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>
        <div id="texte">
            <p>Cher Plante Piranha Affamée,</p>

           <p> Voici LE mot le plus important, que dis-je, le plus essentiel et inéluctable, le mot de la blouse. Pendant cette semaine d’immersion dans l’incroyable des <?= colored_text("INSA BROS") ?>, cette dernière est un élément indispensable. Sache que ta blouse te sera utile en TP mais aussi lors de la semaine d’accueil pour qu’on puisse reconnaître le PPA que tu es !</p>

            <p>Et oui, tu as choisi de faire partie de la grande famille qu’est l’<?= colored_text("Institut Nintendo Super Athl") ?>é<?= colored_text("tique de Toulouse") ?> donc tu te dois, comme les anciens combattants tels que tes parrains/marraines, de respecter la tradition ancestrale ! A savoir, concocter la plus ravissante blouse aux couleurs de ton équipe :</p>
            
            <ul>
                <li> <font color="blue">Bleu</font> pour Boomario</li>
                <li> <font color="#FFDC00">Jaune</font> pour PK Peach</li>
            </ul>

            <br>

            <p>Et oui, même si tu as mieux à faire pendant tes vacances d’été bien méritées, tu devras tout de même faire ressortir le côté artistique qui sommeille en toi. Entre deux parties de MARIO Kart tu utiliseras un fil et une aiguille pour broder <?= colored_text("TA BLOUSE") ?> ! Pour que ta blouse soit la plus topissime possible, suis bien à la lettre ces 5 commandements :</p>

            <p>Uniquement fils et aiguilles, tu utiliseras.</p>

            <p>Par toi-même décorer ta blouse, tu devras, l’aide de maman et mamie, tu ne demanderas donc pas. Eh oui, on y est tous passés, à ton tour maintenant.</p>

            <p>Pas de marqueurs ou de feutres, ils sont réservés aux Géniaux Donneurs d’Avis que nous sommes pour t'attribuer bonus ou malus ainsi que des tags comme le veut la tradition.</p>

            <p>Décorer ta blouse, tu devras, afin de la rendre belle et unique ! Tu peux t’inspirer du schéma, mais il ne s’agit pas de le copier !</p>

            <ul>
                <li>On veut voir sur le devant de ta blouse, ton prénom, le blason et le nom de ton bled d’origine.</li>

                <li>A l’arrière de ta blouse, il est indispensable de mettre ton surnom (en gros et bien visible) et “<?= colored_text("INSA 60") ?>” en très gros, car tu aimes ta promo.</li>

                <li>Quant aux espaces vides, aux poches et aux manches, il faudra les combler de broderies et de fantaisies sur le thème de Mario aux <?= colored_text("couleurs") ?> de TON ÉQUIPE !</li>
            </ul>

            <img src="assets/img/blouse/exemple.png" class="ex_blouse">
            <br>

            <p>Créatif et original, tu seras, des bonus à la clé, il y aura. Et bien sûr, faire preuve d’humour, tu n’oublieras pas !</p>

            <p>Et garde toujours en tête... LES TRICHEURS SERONT EMPRISONNÉS CHEZ <?= colored_text("BOWSER") ?> !</p>

            <p>La blouse est un moyen de nous reconnaître entre promos, c’est un peu notre carte d’identité ! Tu devras donc teinter et décorer ta blouse aux couleurs de ton équipe : bleu ou jaune, au cas où tu ne l’aurais toujours pas compris. Et qui sait, tu seras peut-être élu <?= colored_text("miss") ?> ou <?= colored_text("mister blouse") ?> !</p>

            <p>Lors des différents niveaux du jeu, tu pourras croiser :</p>
            <ul>
                <li>Les tributs des INSA Games en violet et vert (meilleure promo de l’histoire de cette école)</li>

                <li>Les aventuriers de Koh-L’INSA en jaune et rouge (aussi connus comme tes futurs grands-parrains).</li>

                <li>Les sorciers aux couleurs des 4 maisons de l’INSARD</li>

                <li>D’autres types de spécimens qu’on te laisse le plaisir de découvrir.</li>
            </ul>

            <br>

            <p>Letsa Goo !<br>
            Pauline et Pierre, Miss et Mister Blouse 2021</p>

            <p> et sinon voici quelques exemples :</p>

        </div>
        <div id="photos_blouse">
            <?php 
            for($i = 1; $i<=6; $i++) {
                echo "<img src='assets/img/blouse/blouse_".$i.".jpg' class='img_blouse'>";
            }
            ?>
        </div>
    </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");
?>