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

include "assets/fonts/color.php";
include "assets/scripts/globals.php";
?>
<main>

    <div class="zone_txt">
        <div id="texte">
            <p>Cher Préparateur de Potion Aguerri,</p>

           <p> Pendant cette semaine d’immersion dans l’incroyable village des Gaulois qui résiste encore et
toujours à l’envahisseur, cette dernière est un élément indispensable un peu comme ton glaive.
Sache que ta blouse te sera utile en TP mais aussi lors de la semaine d’accueil pour qu’on puisse
reconnaître le Petit Patron Artistique que tu es (cela signifie que tu devras la porter tout le temps
sur toi) !
            </p>

            <p>Et oui, tu as choisi de faire partie de la grande famille qu’est celle des <?= colored_text("INSAIENS") ?> 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 :
            (<b>ATTENTION</b> tu as
l’obligation et l’honneur de <b>TEINDRE</b> la blouse <font color="blue">#onapprenddenoserreurs</font>)
        </p>
            
            <ul class="ul-couleurs">
                <li> <font color="#93946a">VERT KAKI (#93946a)</font> pour <?= $TEAM2 ?></li>
                <li> <font color="#6D071A">BORDEAUX (#6D071A)</font> pour <?= $TEAM1 ?></li>
            </ul>

            <br>

            <p>Eh 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 combats contre les
romains tu utiliseras du fil et une aiguille pour broder TA BLOUSE ! Pour que ta blouse soit la
plus topissime possible, suis bien à la lettre ces 8 commandements de Panoramix :
        </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 61") ?>” en très gros, car tu aimes ta promo.</li>
                <li>N’oublie pas le logo de la semaine d’accueil ! Il est tout en bas de ce mot à côté de nos noms.<li>
                <li>Quant aux espaces vides, aux poches et aux manches, il faudra les combler de broderies et de fantaisies sur le thème d'Asterix et Obélix aux <?= colored_text("couleurs") ?> de TON ÉQUIPE !</li>
                <li>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 !</li>
            
            </ul>

            <img src="assets/img/blouse/exemple.png" class="ex_blouse">
            <h3><font color="yellow">N'oubliez pas de remplacer 60 par 61, il s'agit juste d'un exemple !</font> </h3>

            <h3>Pour les plus doués, voici le logo de la promo en version simplifiée : </h3>
            <br>

            <img src="assets/img/logo_simplifie.jpeg" class="ex_blouse">

            <p>Et garde toujours en tête... LES TRICHEURS SERONT DONNES AUX <?= colored_text("ROMAINS") ?> !</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 : kaki ou bordeaux, 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 de ta quette en Gaule, tu pourras croiser :</p>
            <ul>
                <li>Mario et Peach en bleu et jaune (la promo de tes chers Gardiens Doublement Admirables AKA
    la promo 60)</li>
                <li>Les tributs des INSA Games en violet et vert (aussi connus comme tes futurs grands-parrains)
                </li>
                
                <li>Les aventuriers de Koh-L’INSA en jaune et rouge</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>Sur ce, votre tailleur de menirs électroniques s'en va manger un petit sanglier !<br>

            <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>
        </div>

</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","La Blouse"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5
include("structure/template.php");
?>
