Mise a jour 2020

README.md

@@ -2,9 +2,9 @@
 
 Ce site, dont le but est d'accompagner les PPA, a été créé en 2017.
 
-Version actuellement en ligne : **2019**.
+Version actuellement en ligne : **2020**.
 
-**Si vous êtes intéressés par le projet, merci de [lire le wiki.](https://git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa/wiki/Accueil)**
+**Si vous êtes intéressés par le projet, merci de [lire le wiki.](https://git.etud.insa-toulouse.fr/vergnet/site-accueil-insa/wiki/Accueil)**
 
 ## Contribuer
 
@@ -20,5 +20,5 @@ Arnaud Vergnet (vergnet@etud.insa-toulouse.fr)
 ## Développeurs Actifs
 
 - Arthur BOIVERT (boivert@etud.insa-toulouse.fr)
-- Arnaud VERGNET (vergnet@etud.insa-toulouse.fr)
+- Cyprien HEUSSE (heusse@etud.insa-toulouse.fr)
 

admin/admin/ajax.php

@@ -1,24 +1,24 @@
-<?php
-require_once '../../classes/dao.php';
-
-
-if (isset($_GET['function'])) {
-    if ($_GET['function'] == "save_day_activities")
-        save_day_activities();
-} else
-    show_error();
-
-function save_day_activities() {
-    if (isset($_GET['day']) && isset($_GET['entries'])) {
-        $dao = new Dao();
-        $dao->save_day_activities($_GET['day'], $_GET['entries']);
-        echo "Réussite";
-    } else {
-        show_error();
-    }
-}
-
-function show_error() {
-    echo "Échec : ";
-    var_dump($_GET);
-}
+<?php
+require_once '../../classes/dao.php';
+
+
+if (isset($_GET['function'])) {
+    if ($_GET['function'] == "save_day_activities")
+        save_day_activities();
+} else
+    show_error();
+
+function save_day_activities() {
+    if (isset($_GET['day']) && isset($_GET['entries'])) {
+        $dao = new Dao();
+        $dao->save_day_activities($_GET['day'], $_GET['entries']);
+        echo "Réussite";
+    } else {
+        show_error();
+    }
+}
+
+function show_error() {
+    echo "Échec : ";
+    var_dump($_GET);
+}

admin/admin/planning.php

@@ -1,59 +1,59 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../../";
-?>
-    <div class="inner">
-        <h1>ADMIN</h1>
-        <h2>Edition du planning</h2>
-
-
-        <select id="daySelect">
-            <option value="1">Lundi</option>
-            <option value="2">Mardi</option>
-            <option value="3">Mercredi</option>
-            <option value="4">Jeudi</option>
-            <option value="5">Vendredi</option>
-            <option value="6">Samedi</option>
-            <option value="7">Dimanche</option>
-        </select>
-
-        <br>
-        <div class="add-line">
-            <i class="fas fa-plus"></i>
-        </div>
-        <div class="edit-header">
-            <div class="planning-start">Début</div>
-            <div class="planning-length">Durée</div>
-            <div class="planning-name">Nom</div>
-            <div class="planning-trash"><i class='fas fa-trash'></i></div>
-        </div>
-        <table id="activityTable">
-        </table>
-
-        <div class="save">
-            <i class="fas fa-save"></i> Enregistrer
-        </div>
-        <br>
-        <div class="buttons-container">
-            <a href="../index.php" class="admin-back-button">
-                <i class="fas fa-chevron-left"></i>
-                Retour sur la page admin
-            </a>
-            <a href="<?= $relativePath ?>planning.php" class="website-back-button">
-                Voir sur le site
-            </a>
-        </div>
-    </div>
-
-
-    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Édition planning";
-
-$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/planningManager.js\"></script>";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition du planning</h2>
+
+
+        <select id="daySelect">
+            <option value="1">Lundi</option>
+            <option value="2">Mardi</option>
+            <option value="3">Mercredi</option>
+            <option value="4">Jeudi</option>
+            <option value="5">Vendredi</option>
+            <option value="6">Samedi</option>
+            <option value="7">Dimanche</option>
+        </select>
+
+        <br>
+        <div class="add-line">
+            <i class="fas fa-plus"></i>
+        </div>
+        <div class="edit-header">
+            <div class="planning-start">Début</div>
+            <div class="planning-length">Durée</div>
+            <div class="planning-name">Nom</div>
+            <div class="planning-trash"><i class='fas fa-trash'></i></div>
+        </div>
+        <table id="activityTable">
+        </table>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>planning.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition planning";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/planningManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

admin/gda/ajax.php

@@ -1,24 +1,24 @@
-<?php
-require_once '../../classes/dao.php';
-
-
-if (isset($_GET['function'])) {
-    if ($_GET['function'] == "save_scores")
-        save_scores();
-} else
-    show_error();
-
-function save_scores()
-{
-    if (isset($_GET['lines']) && isset($_GET['team'])) {
-        $dao = new Dao();
-        $dao->save_scores($_GET['lines'], $_GET['team']);
-        echo "Réussite";
-    } else
-        show_error();
-}
-
-function show_error() {
-    echo "Échec : ";
-    var_dump($_GET);
-}
+<?php
+require_once '../../classes/dao.php';
+
+
+if (isset($_GET['function'])) {
+    if ($_GET['function'] == "save_scores")
+        save_scores();
+} else
+    show_error();
+
+function save_scores()
+{
+    if (isset($_GET['lines']) && isset($_GET['team'])) {
+        $dao = new Dao();
+        $dao->save_scores($_GET['lines'], $_GET['team']);
+        echo "Réussite";
+    } else
+        show_error();
+}
+
+function show_error() {
+    echo "Échec : ";
+    var_dump($_GET);
+}

admin/gda/scores.php

@@ -1,63 +1,61 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../../";
-?>
-    <div class="inner">
-        <h1>ADMIN</h1>
-        <h2>Edition des scores</h2>
-        <ul>
-            <strong style="color: #ee293d">Quelques règles pour les scores</strong>
-            <li>Pas de score total négatif pour une équipe</li>
-            <li>A priori les scores supérieurs à 1000 marchent, mais au cas où restez à
-                moins de 1000 (comme l'année dernière quoi)</li>
-        </ul>
-        Si jamais y'a un quelconque problème, envoyez-moi un message.
-<br>
-        <br>
-
-
-        <select id="teamSelect">
-            <option value="gli">Glissefondor</option>
-            <option value="pek">Peksentard</option>
-            <option value="boo">Boomsouffle</option>
-            <option value="ver">Verredaigle</option>
-        </select>
-
-        <div class="add-line">
-            <i class="fas fa-plus"></i>
-        </div>
-        <div class="edit-header">
-            <div class="stat-log">Log</div>
-            <div class="stat-points">Points</div>
-            <div class="stat-trash"><i class='fas fa-trash'></i></div>
-        </div>
-        <table class="stats-table edit-stats">
-        </table>
-
-        <div class="save">
-            <i class="fas fa-save"></i> Enregistrer
-        </div>
-        <br>
-        <div class="buttons-container">
-            <a href="../index.php" class="admin-back-button">
-                <i class="fas fa-chevron-left"></i>
-                Retour sur la page admin
-            </a>
-            <a href="<?= $relativePath ?>stats.php" class="website-back-button">
-                Voir sur le site
-            </a>
-        </div>
-    </div>
-
-
-    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Édition scores";
-
-$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/statsManager.js\"></script>";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition des scores</h2>
+        <ul>
+            <strong style="color: #ee293d">Quelques règles pour les scores</strong>
+            <li>Pas de score total négatif pour une équipe</li>
+            <li>A priori les scores supérieurs à 1000 marchent, mais au cas où restez à
+                moins de 1000 (comme l'année dernière quoi)</li>
+        </ul>
+        Si jamais y'a un quelconque problème, envoyez-moi un message.
+		<br>
+        <br>
+
+
+        <select id="teamSelect">
+            <option value="tam">Tamboom</option>
+            <option value="pek">Pekstanas</option>
+        </select>
+
+        <div class="add-line">
+            <i class="fas fa-plus"></i>
+        </div>
+        <div class="edit-header">
+            <div class="stat-log">Log</div>
+            <div class="stat-points">Points</div>
+            <div class="stat-trash"><i class='fas fa-trash'></i></div>
+        </div>
+        <table class="stats-table edit-stats">
+        </table>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>stats.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition scores";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/statsManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

admin/index.php

@@ -1,62 +1,62 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../";
-?>
-<div class="inner">
-    <h1>ADMIN</h1>
-    <h2>Bienvenue sur la page d'administration</h2>
-
-    <p>
-        Sur cette page, tu vas pouvoir animer le site en changeant les scores, le planning ou les informations de la
-        carte.
-        <br/>
-        Attention, tu dois avoir le compte approprié pour pouvoir modifier ces informations.
-        <br/>
-        Les comptes sont les suivants (le numéro indique le niveau de privilèges) :
-    </p>
-    <ol>
-        <li>
-            GDA
-        </li>
-        <li>
-            Admin
-        </li>
-        <li>
-            Webmaster
-        </li>
-    </ol>
-    <p>
-        Un compte hérite des privilèges de tous ceux ayant un niveau inférieur.
-        <br/>
-        Donc ici, Webmaster les possède tous.
-    </p>
-    <div class="admin-container">
-        <h4>
-            Action des GDA
-        </h4>
-        <a href="gda/scores.php">Editer les scores</a>
-    </div>
-    <div class="admin-container">
-        <h4>
-            Action des admins
-        </h4>
-        <a href="admin/planning.php">Editer le planning</a>
-    </div>
-    <div class="admin-container">
-        <h4>
-            Action des webmasters
-        </h4>
-        <a href="webmaster/map.php">Editer le texte de la carte</a>
-        <br/>
-        <a href="webmaster/update.php">Mises à jour</a>
-    </div>
-</div>
-
-<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "ADMIN";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../";
+?>
+<div class="inner">
+    <h1>ADMIN</h1>
+    <h2>Bienvenue sur la page d'administration</h2>
+
+    <p>
+        Sur cette page, tu vas pouvoir animer le site en changeant les scores, le planning ou les informations de la
+        carte.
+        <br/>
+        Attention, tu dois avoir le compte approprié pour pouvoir modifier ces informations.
+        <br/>
+        Les comptes sont les suivants (le numéro indique le niveau de privilèges) :
+    </p>
+    <ol>
+        <li>
+            GDA
+        </li>
+        <li>
+            Admin
+        </li>
+        <li>
+            Webmaster
+        </li>
+    </ol>
+    <p>
+        Un compte hérite des privilèges de tous ceux ayant un niveau inférieur.
+        <br/>
+        Donc ici, Webmaster les possède tous.
+    </p>
+    <div class="admin-container">
+        <h4>
+            Action des GDA
+        </h4>
+        <a href="gda/scores.php">Editer les scores</a>
+    </div>
+    <div class="admin-container">
+        <h4>
+            Action des admins
+        </h4>
+        <a href="admin/planning.php">Editer le planning</a>
+    </div>
+    <div class="admin-container">
+        <h4>
+            Action des webmasters
+        </h4>
+        <a href="webmaster/map.php">Editer le texte de la carte</a>
+        <br/>
+        <a href="webmaster/update.php">Mises à jour</a>
+    </div>
+</div>
+
+<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "ADMIN";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+?>

admin/webmaster/ajax.php

@@ -1,47 +1,47 @@
-<?php
-require_once '../../classes/dao.php';
-
-$rest_json = file_get_contents("php://input");
-$_POST = json_decode($rest_json, true);
-//var_dump($_POST);
-
-if (isset($_GET['function']) || isset($_POST['function'])) {
-    if ($_GET['function'] == "save_map_info")
-        save_map_info();
-    elseif ($_POST['function'] == "update_website")
-        update_website();
-} else
-    show_error();
-
-function save_map_info() {
-    if (isset($_GET['selector']) && isset($_GET['info'])) {
-        $dao = new Dao();
-        $dao->save_map_info($_GET['selector'], $_GET['info']);
-        echo "Réussite";
-    } else {
-        show_error();
-    }
-}
-
-function update_website() {
-//    if (isset($_POST['login']) && isset($_POST['password'])) {
-//        $login = $_POST['login'];
-//        $password = $_POST['password'];
-//        echo $login . ":" . $password."\n";
-//        // Cannot write because php cannot write as user www-data
-//        // be sure to escape characters
-//        // Do not remove the space before the command (prevent command from being saved in history)
-////            system(" git pull https://".$login.":".$password."@git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa.git");
-//    } else {
-//        show_error();
-//    }
-}
-
-
-function show_error() {
-    echo "Échec :\n";
-    echo "GET\n";
-    var_dump($_GET);
-    echo "POST\n";
-    var_dump($_POST);
-}
+<?php
+require_once '../../classes/dao.php';
+
+$rest_json = file_get_contents("php://input");
+$_POST = json_decode($rest_json, true);
+//var_dump($_POST);
+
+if (isset($_GET['function']) || isset($_POST['function'])) {
+    if ($_GET['function'] == "save_map_info")
+        save_map_info();
+    elseif ($_POST['function'] == "update_website")
+        update_website();
+} else
+    show_error();
+
+function save_map_info() {
+    if (isset($_GET['selector']) && isset($_GET['info'])) {
+        $dao = new Dao();
+        $dao->save_map_info($_GET['selector'], $_GET['info']);
+        echo "Réussite";
+    } else {
+        show_error();
+    }
+}
+
+function update_website() {
+//    if (isset($_POST['login']) && isset($_POST['password'])) {
+//        $login = $_POST['login'];
+//        $password = $_POST['password'];
+//        echo $login . ":" . $password."\n";
+//        // Cannot write because php cannot write as user www-data
+//        // be sure to escape characters
+//        // Do not remove the space before the command (prevent command from being saved in history)
+////            system(" git pull https://".$login.":".$password."@git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa.git");
+//    } else {
+//        show_error();
+//    }
+}
+
+
+function show_error() {
+    echo "Échec :\n";
+    echo "GET\n";
+    var_dump($_GET);
+    echo "POST\n";
+    var_dump($_POST);
+}

admin/webmaster/map.php

@@ -1,57 +1,57 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../../";
-require_once $relativePath . 'classes/dao.php';
-?>
-    <div class="inner">
-        <h1>ADMIN</h1>
-        <h2>Edition de la carte</h2>
-
-
-        <select id="mapSelect">
-            <?php setup_map_dropdown() ?>
-        </select>
-
-        <br>
-
-        <label for="titleInput">Titre</label>
-        <input type="text" id="titleInput">
-
-        <label for="descriptionInput">Description</label>
-        <textarea rows="15" id="descriptionInput"></textarea>
-
-        <div class="save">
-            <i class="fas fa-save"></i> Enregistrer
-        </div>
-        <br>
-        <div class="buttons-container">
-            <a href="../index.php" class="admin-back-button">
-                <i class="fas fa-chevron-left"></i>
-                Retour sur la page admin
-            </a>
-            <a href="<?= $relativePath ?>map.php" class="website-back-button">
-                Voir sur le site
-            </a>
-        </div>
-    </div>
-
-
-    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Édition carte";
-
-$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/mapManager.js\"></script>";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-function setup_map_dropdown()
-{
-    $dao = new Dao();
-    foreach ($dao->get_map_selectors() as $row) {
-        echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";
-    }
-}
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+require_once $relativePath . 'classes/dao.php';
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition de la carte</h2>
+
+
+        <select id="mapSelect">
+            <?php setup_map_dropdown() ?>
+        </select>
+
+        <br>
+
+        <label for="titleInput">Titre</label>
+        <input type="text" id="titleInput">
+
+        <label for="descriptionInput">Description</label>
+        <textarea rows="15" id="descriptionInput"></textarea>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>map.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition carte";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/mapManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+function setup_map_dropdown()
+{
+    $dao = new Dao();
+    foreach ($dao->get_map_selectors() as $row) {
+        echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";
+    }
+}
+
+?>

admin/webmaster/update.php

@@ -1,57 +1,57 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../../";
-require_once $relativePath . 'classes/dao.php';
-
-$log = shell_exec("git log | head -50"); // Show the first few commits
-
-?>
-<div class="inner">
-    <h1>ADMIN</h1>
-    <h2>Mise a jour du site</h2>
-
-<!--        <label for="usernameInput">Login</label>-->
-<!--        <input type="text" id="usernameInput">-->
-<!---->
-<!--        <label for="passwordInput">Password</label>-->
-<!--        <input type="password" id="passwordInput">-->
-<!---->
-<!--        <div class="save">-->
-<!--            <i class="fas fa-save"></i> Mettre à Jour-->
-<!--        </div>-->
-
-    <div id="gitButton">
-        <a href="https://git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa" target="_blank">
-            Voir sur Gitea
-        </a>
-    </div>
-    <h3>Log</h3>
-    <p>
-        <?php
-        echo nl2br($log)
-        ?>
-    </p>
-
-    <div class="buttons-container">
-        <a href="../index.php" class="admin-back-button">
-            <i class="fas fa-chevron-left"></i>
-            Retour sur la page admin
-        </a>
-        <a href="<?= $relativePath ?>index.php" class="website-back-button">
-            Voir sur le site
-        </a>
-    </div>
-</div>
-
-
-<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Mise à jour";
-
-$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/updateManager.js\"></script>";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+require_once $relativePath . 'classes/dao.php';
+
+$log = shell_exec("git log | head -50"); // Show the first few commits
+
+?>
+<div class="inner">
+    <h1>ADMIN</h1>
+    <h2>Mise a jour du site</h2>
+
+<!--        <label for="usernameInput">Login</label>-->
+<!--        <input type="text" id="usernameInput">-->
+<!---->
+<!--        <label for="passwordInput">Password</label>-->
+<!--        <input type="password" id="passwordInput">-->
+<!---->
+<!--        <div class="save">-->
+<!--            <i class="fas fa-save"></i> Mettre à Jour-->
+<!--        </div>-->
+
+    <div id="gitButton">
+        <a href="https://git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa" target="_blank">
+            Voir sur Gitea
+        </a>
+    </div>
+    <h3>Log</h3>
+    <p>
+        <?php
+        echo nl2br($log)
+        ?>
+    </p>
+
+    <div class="buttons-container">
+        <a href="../index.php" class="admin-back-button">
+            <i class="fas fa-chevron-left"></i>
+            Retour sur la page admin
+        </a>
+        <a href="<?= $relativePath ?>index.php" class="website-back-button">
+            Voir sur le site
+        </a>
+    </div>
+</div>
+
+
+<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Mise à jour";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/updateManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

ajax/admin/.htaccess

@@ -0,0 +1,5 @@
+AuthName "MDP ?"
+AuthType Basic
+AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_gda
+require valid-user
+

ajax/admin/admin/.htaccess

@@ -0,0 +1,5 @@
+AuthName "MDP ?"
+AuthType Basic
+AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_admin
+require valid-user
+

ajax/admin/admin/ajax.php

@@ -0,0 +1,24 @@
+<?php
+require_once '../../classes/dao.php';
+
+
+if (isset($_GET['function'])) {
+    if ($_GET['function'] == "save_day_activities")
+        save_day_activities();
+} else
+    show_error();
+
+function save_day_activities() {
+    if (isset($_GET['day']) && isset($_GET['entries'])) {
+        $dao = new Dao();
+        $dao->save_day_activities($_GET['day'], $_GET['entries']);
+        echo "Réussite";
+    } else {
+        show_error();
+    }
+}
+
+function show_error() {
+    echo "Échec : ";
+    var_dump($_GET);
+}

ajax/admin/admin/planning.php

@@ -0,0 +1,59 @@
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition du planning</h2>
+
+
+        <select id="daySelect">
+            <option value="1">Lundi</option>
+            <option value="2">Mardi</option>
+            <option value="3">Mercredi</option>
+            <option value="4">Jeudi</option>
+            <option value="5">Vendredi</option>
+            <option value="6">Samedi</option>
+            <option value="7">Dimanche</option>
+        </select>
+
+        <br>
+        <div class="add-line">
+            <i class="fas fa-plus"></i>
+        </div>
+        <div class="edit-header">
+            <div class="planning-start">Début</div>
+            <div class="planning-length">Durée</div>
+            <div class="planning-name">Nom</div>
+            <div class="planning-trash"><i class='fas fa-trash'></i></div>
+        </div>
+        <table id="activityTable">
+        </table>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>planning.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition planning";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/planningManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

ajax/admin/gda/ajax.php

@@ -0,0 +1,24 @@
+<?php
+require_once '../../classes/dao.php';
+
+
+if (isset($_GET['function'])) {
+    if ($_GET['function'] == "save_scores")
+        save_scores();
+} else
+    show_error();
+
+function save_scores()
+{
+    if (isset($_GET['lines']) && isset($_GET['team'])) {
+        $dao = new Dao();
+        $dao->save_scores($_GET['lines'], $_GET['team']);
+        echo "Réussite";
+    } else
+        show_error();
+}
+
+function show_error() {
+    echo "Échec : ";
+    var_dump($_GET);
+}

ajax/admin/gda/scores.php

@@ -0,0 +1,61 @@
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition des scores</h2>
+        <ul>
+            <strong style="color: #ee293d">Quelques règles pour les scores</strong>
+            <li>Pas de score total négatif pour une équipe</li>
+            <li>A priori les scores supérieurs à 1000 marchent, mais au cas où restez à
+                moins de 1000 (comme l'année dernière quoi)</li>
+        </ul>
+        Si jamais y'a un quelconque problème, envoyez-moi un message.
+		<br>
+        <br>
+
+
+        <select id="teamSelect">
+            <option value="tam">Tamboom</option>
+            <option value="pek">Pekstanas</option>
+        </select>
+
+        <div class="add-line">
+            <i class="fas fa-plus"></i>
+        </div>
+        <div class="edit-header">
+            <div class="stat-log">Log</div>
+            <div class="stat-points">Points</div>
+            <div class="stat-trash"><i class='fas fa-trash'></i></div>
+        </div>
+        <table class="stats-table edit-stats">
+        </table>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>stats.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition scores";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/statsManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

ajax/admin/index.php

@@ -0,0 +1,62 @@
+<?php
+ob_start(); // Start reading html
+$relativePath = "../";
+?>
+<div class="inner">
+    <h1>ADMIN</h1>
+    <h2>Bienvenue sur la page d'administration</h2>
+
+    <p>
+        Sur cette page, tu vas pouvoir animer le site en changeant les scores, le planning ou les informations de la
+        carte.
+        <br/>
+        Attention, tu dois avoir le compte approprié pour pouvoir modifier ces informations.
+        <br/>
+        Les comptes sont les suivants (le numéro indique le niveau de privilèges) :
+    </p>
+    <ol>
+        <li>
+            GDA
+        </li>
+        <li>
+            Admin
+        </li>
+        <li>
+            Webmaster
+        </li>
+    </ol>
+    <p>
+        Un compte hérite des privilèges de tous ceux ayant un niveau inférieur.
+        <br/>
+        Donc ici, Webmaster les possède tous.
+    </p>
+    <div class="admin-container">
+        <h4>
+            Action des GDA
+        </h4>
+        <a href="gda/scores.php">Editer les scores</a>
+    </div>
+    <div class="admin-container">
+        <h4>
+            Action des admins
+        </h4>
+        <a href="admin/planning.php">Editer le planning</a>
+    </div>
+    <div class="admin-container">
+        <h4>
+            Action des webmasters
+        </h4>
+        <a href="webmaster/map.php">Editer le texte de la carte</a>
+        <br/>
+        <a href="webmaster/update.php">Mises à jour</a>
+    </div>
+</div>
+
+<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "ADMIN";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+?>

ajax/admin/webmaster/.htaccess

@@ -0,0 +1,5 @@
+AuthName "MDP ?"
+AuthType Basic
+AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_webmaster
+require valid-user
+

ajax/admin/webmaster/ajax.php

@@ -0,0 +1,47 @@
+<?php
+require_once '../../classes/dao.php';
+
+$rest_json = file_get_contents("php://input");
+$_POST = json_decode($rest_json, true);
+//var_dump($_POST);
+
+if (isset($_GET['function']) || isset($_POST['function'])) {
+    if ($_GET['function'] == "save_map_info")
+        save_map_info();
+    elseif ($_POST['function'] == "update_website")
+        update_website();
+} else
+    show_error();
+
+function save_map_info() {
+    if (isset($_GET['selector']) && isset($_GET['info'])) {
+        $dao = new Dao();
+        $dao->save_map_info($_GET['selector'], $_GET['info']);
+        echo "Réussite";
+    } else {
+        show_error();
+    }
+}
+
+function update_website() {
+//    if (isset($_POST['login']) && isset($_POST['password'])) {
+//        $login = $_POST['login'];
+//        $password = $_POST['password'];
+//        echo $login . ":" . $password."\n";
+//        // Cannot write because php cannot write as user www-data
+//        // be sure to escape characters
+//        // Do not remove the space before the command (prevent command from being saved in history)
+////            system(" git pull https://".$login.":".$password."@git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa.git");
+//    } else {
+//        show_error();
+//    }
+}
+
+
+function show_error() {
+    echo "Échec :\n";
+    echo "GET\n";
+    var_dump($_GET);
+    echo "POST\n";
+    var_dump($_POST);
+}

ajax/admin/webmaster/map.php

@@ -0,0 +1,57 @@
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+require_once $relativePath . 'classes/dao.php';
+?>
+    <div class="inner">
+        <h1>ADMIN</h1>
+        <h2>Edition de la carte</h2>
+
+
+        <select id="mapSelect">
+            <?php setup_map_dropdown() ?>
+        </select>
+
+        <br>
+
+        <label for="titleInput">Titre</label>
+        <input type="text" id="titleInput">
+
+        <label for="descriptionInput">Description</label>
+        <textarea rows="15" id="descriptionInput"></textarea>
+
+        <div class="save">
+            <i class="fas fa-save"></i> Enregistrer
+        </div>
+        <br>
+        <div class="buttons-container">
+            <a href="../index.php" class="admin-back-button">
+                <i class="fas fa-chevron-left"></i>
+                Retour sur la page admin
+            </a>
+            <a href="<?= $relativePath ?>map.php" class="website-back-button">
+                Voir sur le site
+            </a>
+        </div>
+    </div>
+
+
+    <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Édition carte";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/mapManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+function setup_map_dropdown()
+{
+    $dao = new Dao();
+    foreach ($dao->get_map_selectors() as $row) {
+        echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";
+    }
+}
+
+?>

ajax/admin/webmaster/update.php

@@ -0,0 +1,57 @@
+<?php
+ob_start(); // Start reading html
+$relativePath = "../../";
+require_once $relativePath . 'classes/dao.php';
+
+$log = shell_exec("git log | head -50"); // Show the first few commits
+
+?>
+<div class="inner">
+    <h1>ADMIN</h1>
+    <h2>Mise a jour du site</h2>
+
+<!--        <label for="usernameInput">Login</label>-->
+<!--        <input type="text" id="usernameInput">-->
+<!---->
+<!--        <label for="passwordInput">Password</label>-->
+<!--        <input type="password" id="passwordInput">-->
+<!---->
+<!--        <div class="save">-->
+<!--            <i class="fas fa-save"></i> Mettre à Jour-->
+<!--        </div>-->
+
+    <div id="gitButton">
+        <a href="https://git.srv-falcon.etud.insa-toulouse.fr/vergnet/site-accueil-insa" target="_blank">
+            Voir sur Gitea
+        </a>
+    </div>
+    <h3>Log</h3>
+    <p>
+        <?php
+        echo nl2br($log)
+        ?>
+    </p>
+
+    <div class="buttons-container">
+        <a href="../index.php" class="admin-back-button">
+            <i class="fas fa-chevron-left"></i>
+            Retour sur la page admin
+        </a>
+        <a href="<?= $relativePath ?>index.php" class="website-back-button">
+            Voir sur le site
+        </a>
+    </div>
+</div>
+
+
+<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Mise à jour";
+
+$pageScripts = "<script type=\"text/javascript\" src=\"".$relativePath."assets/js/admin/updateManager.js\"></script>";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

ajax/read/index.php

@@ -1,51 +1,51 @@
-<?php
-require_once '../../classes/dao.php';
-
-
-if (isset($_GET['function'])) {
-    if ($_GET['function'] == "get_scores")
-        get_scores();
-    elseif ($_GET['function'] == "get_map_info")
-        get_map_info();
-    elseif ($_GET['function'] == "get_activities_of_day")
-        get_activities_of_day();
-} else
-    show_error();
-
-function get_scores() {
-    if (isset($_GET['team'])) {
-        header('Content-Type: application/json');
-        $dao = new Dao();
-        echo json_encode($dao->get_score_team($_GET['team']));
-    } else {
-        show_error();
-    }
-}
-
-function get_map_info() {
-    if (isset($_GET['selector'])) {
-        header('Content-Type: application/json');
-        $dao = new Dao();
-        echo json_encode($dao->get_map_info($_GET['selector']));
-    } else {
-        show_error();
-    }
-}
-
-
-function get_activities_of_day() {
-    if (isset($_GET['day'])) {
-        header('Content-Type: application/json');
-        $dao = new Dao();
-        echo json_encode($dao->get_activities_of_day($_GET['day']));
-    } else {
-        show_error();
-    }
-}
-
-
-
-function show_error() {
-    echo "Échec : ";
-    var_dump($_GET);
-}
+<?php
+require_once '../../classes/dao.php';
+
+
+if (isset($_GET['function'])) {
+    if ($_GET['function'] == "get_scores")
+        get_scores();
+    elseif ($_GET['function'] == "get_map_info")
+        get_map_info();
+    elseif ($_GET['function'] == "get_activities_of_day")
+        get_activities_of_day();
+} else
+    show_error();
+
+function get_scores() {
+    if (isset($_GET['team'])) {
+        header('Content-Type: application/json');
+        $dao = new Dao();
+        echo json_encode($dao->get_score_team($_GET['team']));
+    } else {
+        show_error();
+    }
+}
+
+function get_map_info() {
+    if (isset($_GET['selector'])) {
+        header('Content-Type: application/json');
+        $dao = new Dao();
+        echo json_encode($dao->get_map_info($_GET['selector']));
+    } else {
+        show_error();
+    }
+}
+
+
+function get_activities_of_day() {
+    if (isset($_GET['day'])) {
+        header('Content-Type: application/json');
+        $dao = new Dao();
+        echo json_encode($dao->get_activities_of_day($_GET['day']));
+    } else {
+        show_error();
+    }
+}
+
+
+
+function show_error() {
+    echo "Échec : ";
+    var_dump($_GET);
+}

ajax/write/.htaccess

@@ -0,0 +1,16 @@
+AuthName "MDP ?"
+AuthType Basic
+AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_scores
+require valid-user
+<Files "planning.php">
+	AuthName "MDP ?"
+	AuthType Basic
+	AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_planning
+	require valid-user
+</Files>
+<Files "master.php">
+	AuthName "MDP ?"
+	AuthType Basic
+	AuthUserFile /home_clubs/accueil_insa/public_html/includes/pass/.htpass_master
+	require valid-user
+</Files>

assets/css/adminEdit.css

@@ -1,222 +1,222 @@
-.admin-container {
-    border: 1px solid #5a5a5a;
-    margin-bottom: 20px;
-}
-
-
-.edit-header .stat-log {
-    width: 70%;
-}
-
-.stat-points {
-    width: 20%;
-}
-
-.edit-header .stat-points {
-    width: 20%;
-}
-
-.edit-button-container {
-    border: none;
-    margin: 10px;
-}
-
-.edit-header {
-    display: flex;
-    text-align: center;
-    background-color: #61605e;
-    color: #fefefe;
-    font-weight: bold;
-}
-
-.edit-header .stat-trash {
-    margin: auto;
-}
-
-.edit-text {
-    width: 70%;
-}
-
-.edit-points{
-    width: 20%;
-}
-
-
-.buttons-container {
-    display: inline-flex;
-}
-
-.admin-back-button {
-    width: auto;
-    background: #fafafa;
-    color: #000;
-    border-radius: 5px;
-    padding: 15px;
-    margin: 5px;
-    box-shadow: 0 0 5px #000000;
-}
-
-.admin-back-button:hover {
-    color: #fafafa;
-    background: #1a1a1a;
-}
-
-.website-back-button {
-    width: auto;
-    background: #fafafa;
-    color: #000;
-    border-radius: 5px;
-    padding: 15px;
-    margin: 5px;
-    box-shadow: 0 0 5px #000000;
-}
-
-.website-back-button:hover {
-    color: #fafafa;
-    background: #1a1a1a;
-}
-
-
-.edit-stats {
-    width: 100%;
-}
-
-input, textarea {
-    text-align: center;
-    background: #484848;
-    color: #fafafa;
-    width: 100%;
-    border: none;
-    font-family: inherit;
-    font-size: inherit;
-}
-
-.remove-line {
-    color: #ff1200;
-    cursor: pointer;
-    transition: 0.3s;
-}
-
-.remove-line svg {
-    pointer-events: none;
-}
-
-.remove-line:hover {
-    color: #ff5e00;
-    text-shadow: 0 0 5px #ff4000;
-}
-
-.add-line{
-    font-size: 30px;
-    background: #ab1d00;
-    color: #fafafa;
-    cursor: pointer;
-    transition: 0.3s;
-    width: 100%;
-    border-radius: 5px;
-    margin: 30px 0 20px 0;
-}
-
-#addLine_gli {
-    background: #ff5f5f;
-}
-
-#addLine_pek {
-    background: #7ffd78;
-}
-
-#addLine_boo {
-    background: #fafd78;
-}
-
-#addLine_ver {
-    background: #60bdff;
-}
-
-
-#editHeader_gli {
-    background: #9c1a00;
-}
-
-#editHeader_pek {
-    background: #138a14;
-}
-
-#editHeader_boo {
-    background: #6b5300;
-}
-
-#editHeader_ver {
-    background: #264565;
-}
-
-
-.save {
-    background: #21aa08;
-    font-size: 30px;
-    color: #fafafa;
-    cursor: pointer;
-    transition: 0.3s;
-    margin: 40px 0 0 0;
-    width: 100%;
-    border-radius: 5px;
-}
-
-.save:hover {
-    background: #2ce20b;
-    box-shadow: 0 0 5px #2ce20b;
-}
-
-#activityTable {
-    width: 100%;
-}
-
-#activityTable tr {
-    transition: 0.2s;
-}
-
-#activityTable tr:hover {
-    cursor: pointer;
-    background-color: #62010e;
-}
-
-
-.planning-start {
-    width: 10%;
-}
-.planning-length {
-    width: 10%;
-}
-.planning-name {
-    width: 70%;
-}
-.planning-trash {
-    width: 10%;
-}
-
-#noUpdateNeeded {
-    font-size: 2rem;
-    color: #2ce20b;
-}
-
-#UpdateNeeded {
-    font-size: 2rem;
-    color: #c53422;
-}
-
-#gitButton {
-    font-size: 1.5rem;
-    display: flex;
-    margin: 20px;
-}
-
-
-#gitButton a {
-    padding: 10px;
-    background-color: white;
-    color: #052700;
-    margin: auto;
-    width: 200px;
-    cursor: pointer;
-    border-radius: 0.5rem;
-}
+.admin-container {
+    border: 1px solid #5a5a5a;
+    margin-bottom: 20px;
+}
+
+
+.edit-header .stat-log {
+    width: 70%;
+}
+
+.stat-points {
+    width: 20%;
+}
+
+.edit-header .stat-points {
+    width: 20%;
+}
+
+.edit-button-container {
+    border: none;
+    margin: 10px;
+}
+
+.edit-header {
+    display: flex;
+    text-align: center;
+    background-color: #61605e;
+    color: #fefefe;
+    font-weight: bold;
+}
+
+.edit-header .stat-trash {
+    margin: auto;
+}
+
+.edit-text {
+    width: 70%;
+}
+
+.edit-points{
+    width: 20%;
+}
+
+
+.buttons-container {
+    display: inline-flex;
+}
+
+.admin-back-button {
+    width: auto;
+    background: #fafafa;
+    color: #000;
+    border-radius: 5px;
+    padding: 15px;
+    margin: 5px;
+    box-shadow: 0 0 5px #000000;
+}
+
+.admin-back-button:hover {
+    color: #fafafa;
+    background: #1a1a1a;
+}
+
+.website-back-button {
+    width: auto;
+    background: #fafafa;
+    color: #000;
+    border-radius: 5px;
+    padding: 15px;
+    margin: 5px;
+    box-shadow: 0 0 5px #000000;
+}
+
+.website-back-button:hover {
+    color: #fafafa;
+    background: #1a1a1a;
+}
+
+
+.edit-stats {
+    width: 100%;
+}
+
+input, textarea {
+    text-align: center;
+    background: #484848;
+    color: #fafafa;
+    width: 100%;
+    border: none;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.remove-line {
+    color: #ff1200;
+    cursor: pointer;
+    transition: 0.3s;
+}
+
+.remove-line svg {
+    pointer-events: none;
+}
+
+.remove-line:hover {
+    color: #ff5e00;
+    text-shadow: 0 0 5px #ff4000;
+}
+
+.add-line{
+    font-size: 30px;
+    background: #ab1d00;
+    color: #fafafa;
+    cursor: pointer;
+    transition: 0.3s;
+    width: 100%;
+    border-radius: 5px;
+    margin: 30px 0 20px 0;
+}
+
+#addLine_gli {
+    background: #ff5f5f;
+}
+
+#addLine_pek {
+    background: #7ffd78;
+}
+
+#addLine_boo {
+    background: #fafd78;
+}
+
+#addLine_ver {
+    background: #60bdff;
+}
+
+
+#editHeader_gli {
+    background: #9c1a00;
+}
+
+#editHeader_pek {
+    background: #138a14;
+}
+
+#editHeader_boo {
+    background: #6b5300;
+}
+
+#editHeader_ver {
+    background: #264565;
+}
+
+
+.save {
+    background: #21aa08;
+    font-size: 30px;
+    color: #fafafa;
+    cursor: pointer;
+    transition: 0.3s;
+    margin: 40px 0 0 0;
+    width: 100%;
+    border-radius: 5px;
+}
+
+.save:hover {
+    background: #2ce20b;
+    box-shadow: 0 0 5px #2ce20b;
+}
+
+#activityTable {
+    width: 100%;
+}
+
+#activityTable tr {
+    transition: 0.2s;
+}
+
+#activityTable tr:hover {
+    cursor: pointer;
+    background-color: #62010e;
+}
+
+
+.planning-start {
+    width: 10%;
+}
+.planning-length {
+    width: 10%;
+}
+.planning-name {
+    width: 70%;
+}
+.planning-trash {
+    width: 10%;
+}
+
+#noUpdateNeeded {
+    font-size: 2rem;
+    color: #2ce20b;
+}
+
+#UpdateNeeded {
+    font-size: 2rem;
+    color: #c53422;
+}
+
+#gitButton {
+    font-size: 1.5rem;
+    display: flex;
+    margin: 20px;
+}
+
+
+#gitButton a {
+    padding: 10px;
+    background-color: white;
+    color: #052700;
+    margin: auto;
+    width: 200px;
+    cursor: pointer;
+    border-radius: 0.5rem;
+}

assets/css/baguette.css

@@ -1,97 +1,97 @@
-#baguette {
-    display: inline-block;
-    position: relative;
-    cursor: pointer;
-    font-size: 32px;
-    margin: 5px;
-    height: 40px;
-    width: 40px;
-    pointer-events: auto;
-}
-
-
-#shaft, #star1, #star2, #star3, #star4 {
-    position: absolute;
-    width: 100%;
-    height: 5px;
-    background-color: #fff;
-    margin: 5px 0;
-    transition: 0.3s;
-}
-
-#shaft {
-    margin: 0;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-#star1, #star2 {
-    width: 20px;
-    top: 0;
-}
-
-#star3, #star4 {
-    width: 20px;
-    bottom: 0;
-}
-
-#star1, #star3 {
-    left: 0;
-}
-
-#star2, #star4 {
-    right: 0;
-}
-
-
-/* Mouse hovers the baguette */
-
-.change-hover #shaft {
-    background-color: #e9b82f;
-    transform: translateY(1px) rotate(-45deg);
-    height:5px;
-
-}
-
-.change-hover #star1, .change-hover #star2, .change-hover #star3, .change-hover #star4 {
-    width: 5px;
-    border-radius: 100%;
-}
-
-.change-hover #star1 {
-    background-color: #ff5f5f;
-    transform: translate(19px,-2px);
-
-}
-
-.change-hover #star2 {
-    background-color: #7ffd78;
-    transform: translate(-3px, -6px);
-}
-
-.change-hover #star3 {
-    background-color: #fafd78;
-    transform: translate(36px, -10px);
-}
-
-.change-hover #star4 {
-    background-color: #60bdff;
-    transform: translate(5px, -22px);
-}
-
-/* Mouse clics the baguette */
-
-.change-clic #shaft {
-    transform: translateY(-50%) rotate(-135deg);
-    background-color: #b0120b;
-}
-
-.change-clic #star1, .change-clic #star2, .change-clic #star3, .change-clic #star4 {
-    left: 0;
-    width: 100%;
-    border-radius: 0;
-    margin: 0;
-    top: 50%;
-    transform: translateY(-50%) rotate(-45deg);
-    background-color: #b0120b;
-}
+#baguette {
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+    font-size: 32px;
+    margin: 5px;
+    height: 40px;
+    width: 40px;
+    pointer-events: auto;
+}
+
+
+#shaft, #star1, #star2, #star3, #star4 {
+    position: absolute;
+    width: 100%;
+    height: 5px;
+    background-color: #fff;
+    margin: 5px 0;
+    transition: 0.3s;
+}
+
+#shaft {
+    margin: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+#star1, #star2 {
+    width: 20px;
+    top: 0;
+}
+
+#star3, #star4 {
+    width: 20px;
+    bottom: 0;
+}
+
+#star1, #star3 {
+    left: 0;
+}
+
+#star2, #star4 {
+    right: 0;
+}
+
+
+/* Mouse hovers the baguette */
+
+.change-hover #shaft {
+    background-color: #e9b82f;
+    transform: translateY(1px) rotate(-45deg);
+    height:5px;
+
+}
+
+.change-hover #star1, .change-hover #star2, .change-hover #star3, .change-hover #star4 {
+    width: 5px;
+    border-radius: 100%;
+}
+
+.change-hover #star1 {
+    background-color: #ff5f5f;
+    transform: translate(19px,-2px);
+
+}
+
+.change-hover #star2 {
+    background-color: #7ffd78;
+    transform: translate(-3px, -6px);
+}
+
+.change-hover #star3 {
+    background-color: #fafd78;
+    transform: translate(36px, -10px);
+}
+
+.change-hover #star4 {
+    background-color: #60bdff;
+    transform: translate(5px, -22px);
+}
+
+/* Mouse clics the baguette */
+
+.change-clic #shaft {
+    transform: translateY(-50%) rotate(-135deg);
+    background-color: #b0120b;
+}
+
+.change-clic #star1, .change-clic #star2, .change-clic #star3, .change-clic #star4 {
+    left: 0;
+    width: 100%;
+    border-radius: 0;
+    margin: 0;
+    top: 50%;
+    transform: translateY(-50%) rotate(-45deg);
+    background-color: #b0120b;
+}

assets/css/enigma.css

@@ -1,81 +1,81 @@
-
-body {
-    color: #1a1a1a;
-}
-
-.inner {
-    background-color: rgba(28, 28, 28, 0.2);
-    box-shadow: 0 0 50px #1c1c1c;
-
-}
-
-#poemeRimbaud, #citationGary{
-    font-family: manuscrit, cursive;
-    font-size: 3rem;
-}
-
-
-#finNormalEnigme{
-    font-size: 1.1rem;
-    text-align: right;
-    margin-right: 20px;
-    font-style: italic;
-}
-
-#petiteFinCitationGary{
-    text-align: right;
-    font-size: 0.8rem;
-    margin-right: 20px;
-}
-
-#codeAda{
-    font-family:'Cutive Mono', monospace;
-    font-size: 1.8rem;
-    text-align: left;
-}
-
-#pekHint {
-    text-align: center;
-}
-
-#creditBg{
-    text-align: right;
-    font-size: 10px;
-    margin-right: 8px;
-}
-
-#hideb {
-    color: #C3A67A;
-}
-
-@media screen and (max-width: 768px) {
-    #poemeRimbaud, #citationGary{
-        font-family: manuscrit, cursive;
-        font-size: 2rem;
-    }
-
-    #codeAda{
-        font-size: 1.5rem;
-    }
-}
-
-@media screen and (max-width: 576px) {
-    #poemeRimbaud, #citationGary{
-        font-family: manuscrit, cursive;
-        font-size: 1.3rem;
-    }
-
-    #codeAda{
-        font-size: 1.2rem;
-    }
-
-    #finNormalEnigme{
-        font-size: 0.9rem;
-    }
-
-    #petiteFinCitationGary{
-        text-align: right;
-        font-size: 0.6rem;
-        margin-right: 20px;
-    }
-}
+
+body {
+    color: #1a1a1a;
+}
+
+.inner {
+    background-color: rgba(28, 28, 28, 0.2);
+    box-shadow: 0 0 50px #1c1c1c;
+
+}
+
+#poemeRimbaud, #citationGary{
+    font-family: manuscrit, cursive;
+    font-size: 3rem;
+}
+
+
+#finNormalEnigme{
+    font-size: 1.1rem;
+    text-align: right;
+    margin-right: 20px;
+    font-style: italic;
+}
+
+#petiteFinCitationGary{
+    text-align: right;
+    font-size: 0.8rem;
+    margin-right: 20px;
+}
+
+#codeAda{
+    font-family:'Cutive Mono', monospace;
+    font-size: 1.8rem;
+    text-align: left;
+}
+
+#pekHint {
+    text-align: center;
+}
+
+#creditBg{
+    text-align: right;
+    font-size: 10px;
+    margin-right: 8px;
+}
+
+#hideb {
+    color: #C3A67A;
+}
+
+@media screen and (max-width: 768px) {
+    #poemeRimbaud, #citationGary{
+        font-family: manuscrit, cursive;
+        font-size: 2rem;
+    }
+
+    #codeAda{
+        font-size: 1.5rem;
+    }
+}
+
+@media screen and (max-width: 576px) {
+    #poemeRimbaud, #citationGary{
+        font-family: manuscrit, cursive;
+        font-size: 1.3rem;
+    }
+
+    #codeAda{
+        font-size: 1.2rem;
+    }
+
+    #finNormalEnigme{
+        font-size: 0.9rem;
+    }
+
+    #petiteFinCitationGary{
+        text-align: right;
+        font-size: 0.6rem;
+        margin-right: 20px;
+    }
+}

assets/css/photos.css

@@ -1,297 +1,297 @@
-#photoContainer {
-    margin: 0 5%;
-}
-
-.photos-folder-container {
-    width: 100%;
-    border: 1px solid #5a5a5a;
-    border-radius: 5px;
-}
-
-.photos-folder-container a:hover, .photos-path a:hover, #downloadAlbum:hover {
-    box-shadow: 0 0 10px #000;
-    background-color: #635247;
-}
-
-.photos-folder-container a {
-    text-decoration: none;
-    border-radius: 5px;
-    width: 200px;
-    height: 120px;
-    padding: 10px;
-    margin: 5px;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #1a1a1a;
-    box-shadow: 0 0 4px #000;
-    transition: 0.3s;
-}
-
-#folderTitle {
-    position: absolute;
-    top: 10px;
-    color: #73b795;
-    font-size: 25px;
-    text-shadow: 0 0 5px #1c1c1c;
-}
-
-#folderPhotos, #folderAlbums {
-    color: #808080;
-    font-size: 18px;
-    text-shadow: 0 0 5px #1c1c1c;
-}
-
-#folderPhotos {
-    position: absolute;
-    bottom: 30px;
-}
-
-#folderAlbums {
-    position: absolute;
-    bottom: 0;
-}
-
-.photos img {
-    display: inline-flex;
-    width: 200px;
-    opacity: 1;
-    cursor: pointer;
-    transition: 0.3s;
-    padding: 0;
-    margin: 10px 2px 0 2px;
-    border-radius: 0.5rem;
-}
-
-.photos img:hover {
-    box-shadow: 0 0 5px #000;
-    -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
-    filter: blur(1px);
-    opacity: 0.5;
-    border-radius: 1rem;
-}
-
-.photos img:active {
-    box-shadow: 0 0 10px #000;
-}
-
-.photos-path {
-    width: 100%;
-    display: flex;
-    list-style: none;
-    padding: 0;
-    line-height: 15px;
-}
-
-.photos-path a {
-    font-size: 15px;
-    text-decoration: none;
-    border-radius: 2px;
-    padding: 5px;
-    margin: 5px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #1a1a1a;
-    box-shadow: 0 0 4px #000;
-    text-shadow: 0 0 5px #1c1c1c;
-    transition: 0.3s;
-    color: #e0e0e0;
-}
-
-#imgBig {
-    margin: 0;
-    padding: 0;
-    position: fixed;
-    z-index: 6;
-    left: 50%;
-    top: 50%;
-    max-width: none;
-    max-height: none;
-    transform: translate(-50%, -50%);
-    box-shadow: 0 0 5px #000;
-}
-
-#photoButtonsContainer {
-    position: fixed;
-    display: block;
-    z-index: 10;
-    /* Block selection of buttons (useful for mobile devices) */
-    -webkit-user-select: none; /* Chrome all / Safari all */
-    -moz-user-select: none; /* Firefox all */
-    -ms-user-select: none; /* IE 10+ */
-}
-
-#rightButton, #leftButton {
-    transition: 0.2s;
-    position: fixed;
-    top: 0;
-    width: 10%;
-    background-color: rgba(255, 255, 255, 0.05);
-    height: 100%;
-    display: flex;
-    font-size: 5rem;
-    cursor: pointer;
-}
-
-#rightButton {
-    right: 0;
-}
-
-#leftButton {
-    left: 0;
-}
-
-#closeButton, #downloadButton {
-    transition: 0.2s;
-    position: fixed;
-    color: white;
-    display: flex;
-    font-size: 3rem;
-    top: 0;
-    width: 80px;
-    height: 80px;
-    background-color: rgba(255, 255, 255, 0.05);
-    cursor: pointer;
-}
-
-#closeButton {
-    right: 10%;
-}
-
-#downloadButton {
-    right: calc(10% + 80px);
-}
-
-#rightButton:hover, #leftButton:hover, #closeButton:hover, #downloadButton:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-}
-
-#rightButton i, #leftButton i, #closeButton i, #downloadButton i {
-    margin: auto;
-}
-
-#rightButton:active, #leftButton:active, #closeButton:active, #downloadButton:active {
-    background-color: rgba(255, 255, 255, 0.4);
-}
-
-
-#loadingIconContainer {
-    color: white;
-    width: 100%;
-    height: 100%;
-    z-index: 8;
-    position: fixed;
-    display: flex;
-    font-size: 5rem;
-}
-
-#loadingIconContainer i {
-    margin: auto;
-}
-
-
-#closeBack {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    background-color: #1c1c1c;
-}
-
-#photoOverlay {
-    top: 0;
-    left: 0;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    z-index: 5;
-}
-
-#downloadAlbum {
-    height: 70px;
-    width: 200px;
-    display: inline-flex;
-    position: relative;
-    align-items: center;
-    justify-content: center;
-    background-color: #1a1a1a;
-    box-shadow: 0 0 4px #000;
-    text-shadow: 0 0 5px #1c1c1c;
-    transition: 0.3s;
-    color: #28ca2a;
-    cursor: pointer;
-    margin: 5px;
-}
-
-#downloadText {
-    margin-top: 5px;
-    position: absolute;
-    top: 0;
-}
-
-#albumPhotoCount {
-    color: #929ba8;
-    margin-bottom: 5px;
-    position: absolute;
-    bottom: 0;
-}
-
-#downloadText svg {
-    width: 24px;
-    height: 24px;
-    margin-right: 5px;
-}
-
-
-@media screen and (max-width: 768px) {
-    #rightButton, #leftButton {
-        width: 80px;
-        font-size: 3rem;
-    }
-
-    #closeButton {
-        right: 50%;
-        transform: translateX(100%);
-    }
-
-    #downloadButton {
-        right: 50%;
-    }
-
-
-}
-
-@media screen and (max-width: 576px) {
-    .photos-folder-container a {
-        min-width: 100px;
-        height: 70px;
-    }
-    #folderTitle {
-        position: absolute;
-        top: 5px;
-        color: #73b795;
-        font-size: 15px;
-        text-shadow: 0 0 5px #1c1c1c;
-    }
-
-    #folderPhotos, #folderAlbums {
-        color: #808080;
-        font-size: 10px;
-    }
-
-    #folderPhotos {
-        position: absolute;
-        bottom: 20px;
-    }
-
-    #folderAlbums {
-        position: absolute;
-        bottom: 0;
-    }
-
-    .photos img {
-        width: 140px;
-    }
-
-}
+#photoContainer {
+    margin: 0 5%;
+}
+
+.photos-folder-container {
+    width: 100%;
+    border: 1px solid #5a5a5a;
+    border-radius: 5px;
+}
+
+.photos-folder-container a:hover, .photos-path a:hover, #downloadAlbum:hover {
+    box-shadow: 0 0 10px #000;
+    background-color: #635247;
+}
+
+.photos-folder-container a {
+    text-decoration: none;
+    border-radius: 5px;
+    width: 200px;
+    height: 120px;
+    padding: 10px;
+    margin: 5px;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #1a1a1a;
+    box-shadow: 0 0 4px #000;
+    transition: 0.3s;
+}
+
+#folderTitle {
+    position: absolute;
+    top: 10px;
+    color: #73b795;
+    font-size: 25px;
+    text-shadow: 0 0 5px #1c1c1c;
+}
+
+#folderPhotos, #folderAlbums {
+    color: #808080;
+    font-size: 18px;
+    text-shadow: 0 0 5px #1c1c1c;
+}
+
+#folderPhotos {
+    position: absolute;
+    bottom: 30px;
+}
+
+#folderAlbums {
+    position: absolute;
+    bottom: 0;
+}
+
+.photos img {
+    display: inline-flex;
+    width: 200px;
+    opacity: 1;
+    cursor: pointer;
+    transition: 0.3s;
+    padding: 0;
+    margin: 10px 2px 0 2px;
+    border-radius: 0.5rem;
+}
+
+.photos img:hover {
+    box-shadow: 0 0 5px #000;
+    -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
+    filter: blur(1px);
+    opacity: 0.5;
+    border-radius: 1rem;
+}
+
+.photos img:active {
+    box-shadow: 0 0 10px #000;
+}
+
+.photos-path {
+    width: 100%;
+    display: flex;
+    list-style: none;
+    padding: 0;
+    line-height: 15px;
+}
+
+.photos-path a {
+    font-size: 15px;
+    text-decoration: none;
+    border-radius: 2px;
+    padding: 5px;
+    margin: 5px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #1a1a1a;
+    box-shadow: 0 0 4px #000;
+    text-shadow: 0 0 5px #1c1c1c;
+    transition: 0.3s;
+    color: #e0e0e0;
+}
+
+#imgBig {
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    z-index: 6;
+    left: 50%;
+    top: 50%;
+    max-width: none;
+    max-height: none;
+    transform: translate(-50%, -50%);
+    box-shadow: 0 0 5px #000;
+}
+
+#photoButtonsContainer {
+    position: fixed;
+    display: block;
+    z-index: 10;
+    /* Block selection of buttons (useful for mobile devices) */
+    -webkit-user-select: none; /* Chrome all / Safari all */
+    -moz-user-select: none; /* Firefox all */
+    -ms-user-select: none; /* IE 10+ */
+}
+
+#rightButton, #leftButton {
+    transition: 0.2s;
+    position: fixed;
+    top: 0;
+    width: 10%;
+    background-color: rgba(255, 255, 255, 0.05);
+    height: 100%;
+    display: flex;
+    font-size: 5rem;
+    cursor: pointer;
+}
+
+#rightButton {
+    right: 0;
+}
+
+#leftButton {
+    left: 0;
+}
+
+#closeButton, #downloadButton {
+    transition: 0.2s;
+    position: fixed;
+    color: white;
+    display: flex;
+    font-size: 3rem;
+    top: 0;
+    width: 80px;
+    height: 80px;
+    background-color: rgba(255, 255, 255, 0.05);
+    cursor: pointer;
+}
+
+#closeButton {
+    right: 10%;
+}
+
+#downloadButton {
+    right: calc(10% + 80px);
+}
+
+#rightButton:hover, #leftButton:hover, #closeButton:hover, #downloadButton:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+
+#rightButton i, #leftButton i, #closeButton i, #downloadButton i {
+    margin: auto;
+}
+
+#rightButton:active, #leftButton:active, #closeButton:active, #downloadButton:active {
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+
+#loadingIconContainer {
+    color: white;
+    width: 100%;
+    height: 100%;
+    z-index: 8;
+    position: fixed;
+    display: flex;
+    font-size: 5rem;
+}
+
+#loadingIconContainer i {
+    margin: auto;
+}
+
+
+#closeBack {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background-color: #1c1c1c;
+}
+
+#photoOverlay {
+    top: 0;
+    left: 0;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    z-index: 5;
+}
+
+#downloadAlbum {
+    height: 70px;
+    width: 200px;
+    display: inline-flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    background-color: #1a1a1a;
+    box-shadow: 0 0 4px #000;
+    text-shadow: 0 0 5px #1c1c1c;
+    transition: 0.3s;
+    color: #28ca2a;
+    cursor: pointer;
+    margin: 5px;
+}
+
+#downloadText {
+    margin-top: 5px;
+    position: absolute;
+    top: 0;
+}
+
+#albumPhotoCount {
+    color: #929ba8;
+    margin-bottom: 5px;
+    position: absolute;
+    bottom: 0;
+}
+
+#downloadText svg {
+    width: 24px;
+    height: 24px;
+    margin-right: 5px;
+}
+
+
+@media screen and (max-width: 768px) {
+    #rightButton, #leftButton {
+        width: 80px;
+        font-size: 3rem;
+    }
+
+    #closeButton {
+        right: 50%;
+        transform: translateX(100%);
+    }
+
+    #downloadButton {
+        right: 50%;
+    }
+
+
+}
+
+@media screen and (max-width: 576px) {
+    .photos-folder-container a {
+        min-width: 100px;
+        height: 70px;
+    }
+    #folderTitle {
+        position: absolute;
+        top: 5px;
+        color: #73b795;
+        font-size: 15px;
+        text-shadow: 0 0 5px #1c1c1c;
+    }
+
+    #folderPhotos, #folderAlbums {
+        color: #808080;
+        font-size: 10px;
+    }
+
+    #folderPhotos {
+        position: absolute;
+        bottom: 20px;
+    }
+
+    #folderAlbums {
+        position: absolute;
+        bottom: 0;
+    }
+
+    .photos img {
+        width: 140px;
+    }
+
+}

assets/css/planningEvents.css

@@ -1,66 +1,66 @@
-#tableWrapper {
-    width: 100%;
-    overflow: auto;
-    display: flex;
-}
-
-#tablePlanning {
-    margin: auto auto 20px auto;
-    display: flex;
-
-}
-
-.planning-header {
-    font-family: Harry-P, fantasy;
-    border: none;
-    border-radius: 0.2rem;
-    background: #414141;
-    font-size: 2rem;
-    padding: 5px;
-    margin: 5px 0;
-    height: 50px;
-}
-
-.horaires {
-    background: none;
-    border: none;
-    border-top: 1px solid #ccc;
-    text-align: right;
-    vertical-align: top;
-    margin-top: -1px; /* negate the border  to prevent offsest with events */
-}
-
-.event {
-    background: none;
-    border: none;
-    color: white;
-    transition: 0.3s;
-    cursor: pointer;
-    position: absolute;
-    width: 100%;
-    display: flex;
-}
-
-.event-color {
-    border-radius: 0.2rem;
-    transition: 0.2s;
-    border: none;
-    margin: 5px 0;
-    display: flex;
-    width: 100%;
-}
-
-.event-color:hover {
-    border-radius: 1rem;
-    transform: scale(1.05);
-}
-
-.event-text {
-    margin: auto;
-}
-
-.day-column {
-    position: relative;
-    min-width: 150px;
-    margin: 0 5px;
-}
+#tableWrapper {
+    width: 100%;
+    overflow: auto;
+    display: flex;
+}
+
+#tablePlanning {
+    margin: auto auto 20px auto;
+    display: flex;
+
+}
+
+.planning-header {
+    font-family: Harry-P, fantasy;
+    border: none;
+    border-radius: 0.2rem;
+    background: #414141;
+    font-size: 2rem;
+    padding: 5px;
+    margin: 5px 0;
+    height: 50px;
+}
+
+.horaires {
+    background: none;
+    border: none;
+    border-top: 1px solid #ccc;
+    text-align: right;
+    vertical-align: top;
+    margin-top: -1px; /* negate the border  to prevent offsest with events */
+}
+
+.event {
+    background: none;
+    border: none;
+    color: white;
+    transition: 0.3s;
+    cursor: pointer;
+    position: absolute;
+    width: 100%;
+    display: flex;
+}
+
+.event-color {
+    border-radius: 0.2rem;
+    transition: 0.2s;
+    border: none;
+    margin: 5px 0;
+    display: flex;
+    width: 100%;
+}
+
+.event-color:hover {
+    border-radius: 1rem;
+    transform: scale(1.05);
+}
+
+.event-text {
+    margin: auto;
+}
+
+.day-column {
+    position: relative;
+    min-width: 150px;
+    margin: 0 5px;
+}

assets/css/score.css

@@ -1,118 +1,106 @@
-
-#mobile-score {
-    display: none;
-    height: auto;
-}
-
-#mobile-score .title-image {
-    height: 80px;
-    margin: 0 auto 0 auto;
-    display: block;
-    position: relative;
-    bottom: -100px;
-}
-
-#mobile-score .score-container {
-    margin: 0 auto 0 auto;
-    display: block;
-    bottom: -85px;
-    position: relative;
-}
-
-#top-bar-score {
-    display: inline-flex;
-    position: fixed;
-    right: 0;
-}
-
-#top-bar-score .title-image {
-    height: 40px;
-    margin: 0;
-}
-
-#main-score {
-    display: block;
-}
-
-#main-score .title-image {
-    display: none;
-}
-
-.score-container {
-    background: none;
-    border-radius: 10px;
-    display: inline-flex;
-    vertical-align: center;
-    font-family: Harry-P, sans-serif;
-    font-size: 50px;
-    margin: 0;
-}
-
-.score-container a {
-    display: inline-flex;
-    vertical-align: middle;
-    align-items: center;
-    text-shadow: -1px 1px 2px #000,
-    1px 1px 2px #000,
-    1px -1px 0 #000,
-    -1px -1px 0 #000;
-}
-
-.score-container a:hover {
-    text-shadow: 0 0 10px #bd8a39;
-}
-
-.winning {
-    font-size: 23px;
-}
-
-.score-gli {
-    color: #ff5f5f;
-    background-size: auto 100%;
-    margin: 0 10px;
-}
-
-.score-pek {
-    color: #7ffd78;
-    background-size: auto 100%;
-    margin: 0 10px;
-}
-
-.score-boo {
-    color: #fafd78;
-    background-size: auto 100%;
-    margin: 0 10px;
-}
-
-.score-ver {
-    color: #60bdff;
-    background-size: auto 100%;
-    margin: 0 10px;
-}
-
-
-.score-separator {
-    background-color: #d9d9d9;
-    width: 5px;
-    height: 5px;
-}
-
-#main-score .score-logo {
-    height: 60px;
-    margin: 0 5px 0 5px;
-}
-
-
-@media screen and (max-width: 768px) {
-    #top-bar-score {
-        display: none;
-    }
-
-    #mobile-score {
-        display: block;
-    }
-
-    #main-score .score-container {
-        display: block;
-    }
-}
+
+#mobile-score {
+    display: none;
+    height: auto;
+}
+
+#mobile-score .title-image {
+    height: 80px;
+    margin: 0 auto 0 auto;
+    display: block;
+    position: relative;
+    bottom: -100px;
+}
+
+#mobile-score .score-container {
+    margin: 0 auto 0 auto;
+    display: block;
+    bottom: -85px;
+    position: relative;
+}
+
+#top-bar-score {
+    display: inline-flex;
+    position: fixed;
+    right: 0;
+}
+
+#top-bar-score .title-image {
+    height: 40px;
+    margin: 0;
+}
+
+#main-score {
+    display: block;
+}
+
+#main-score .title-image {
+    display: none;
+}
+
+.score-container {
+    background: none;
+    border-radius: 10px;
+    display: inline-flex;
+    vertical-align: center;
+    font-family: Harry-P, sans-serif;
+    font-size: 50px;
+    margin: 0;
+}
+
+.score-container a {
+    display: inline-flex;
+    vertical-align: middle;
+    align-items: center;
+    text-shadow: -1px 1px 2px #000,
+    1px 1px 2px #000,
+    1px -1px 0 #000,
+    -1px -1px 0 #000;
+}
+
+.score-container a:hover {
+    text-shadow: 0 0 10px #bd8a39;
+}
+
+.winning {
+    font-size: 23px;
+}
+
+.score-tam {
+    color: #ff5f5f;
+    background-size: auto 100%;
+    margin: 0 10px;
+}
+
+.score-pek {
+    color: #fafd78;
+    background-size: auto 100%;
+    margin: 0 10px;
+}
+
+
+.score-separator {
+    background-color: #d9d9d9;
+    width: 5px;
+    height: 5px;
+}
+
+#main-score .score-logo {
+    height: 60px;
+    margin: 0 5px 0 5px;
+}
+
+
+@media screen and (max-width: 768px) {
+    #top-bar-score {
+        display: none;
+    }
+
+    #mobile-score {
+        display: block;
+    }
+
+    #main-score .score-container {
+        display: block;
+    }
+}

assets/css/sidenav.css

@@ -1,87 +1,87 @@
-/* The side navigation menu */
-
-.sidenav {
-    height: 100%;
-    overflow-y: hidden;
-    width: 300px;
-    transform: translateX(-270px); /* change margin with JavaScript */
-    position: fixed; /* Stay in place */
-    z-index: 1000;
-    top: 0;
-    left: 0;
-    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
-    text-align: left;
-    background: linear-gradient(to right, #1c1c1c, transparent 90%);
-}
-
-.sidenav.sidenav-open {
-    transform: translateX(0);
-    overflow-y: auto;
-}
-
-
-#sidenav-scroll {
-    position: absolute;
-    padding: 80px 0 50px 0;
-    width: 100%;
-}
-
-/* The navigation menu links */
-
-.sidenav a {
-    padding: 0;
-    margin: 0;
-    text-decoration: none;
-    font-size: 20px;
-    color: #f0f0f0;
-    display: inline-flex;
-    transition: 0.3s;
-    height: 40px;
-    width: 270px;
-}
-
-.sidenav a .sidenav-content {
-    margin: 0;
-    padding-left: 20px;
-    width: 100%;
-    height: 100%;
-    display: inline-flex;
-    transition: 0.3s;
-}
-
-.sidenav-icon, .sidenav-image {
-    left: 0;
-    margin-right: 5px;
-    -webkit-transform: translateY(5px);
-    transform: translateY(5px);
-    height: 20px;
-    width: 20px !important;
-}
-
-.sidenav-image {
-    margin: 0 5px 0 0;
-    padding: 0;
-}
-
-.sidenav a .sidenav-content:hover {
-    color: #e9b82f;
-    padding-left: 40px;
-}
-
-.sidenav .separator {
-    height: 20px;
-}
-
-/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
-
-#main {
-    transition: margin-left .5s;
-}
-
-/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
-
-@media screen and (max-height: 450px) {
-    .sidenav a {
-        font-size: 18px;
-    }
-}
+/* The side navigation menu */
+
+.sidenav {
+    height: 100%;
+    overflow-y: hidden;
+    width: 300px;
+    transform: translateX(-270px); /* change margin with JavaScript */
+    position: fixed; /* Stay in place */
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
+    text-align: left;
+    background: linear-gradient(to right, #1c1c1c, transparent 90%);
+}
+
+.sidenav.sidenav-open {
+    transform: translateX(0);
+    overflow-y: auto;
+}
+
+
+#sidenav-scroll {
+    position: absolute;
+    padding: 80px 0 50px 0;
+    width: 100%;
+}
+
+/* The navigation menu links */
+
+.sidenav a {
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    font-size: 20px;
+    color: #f0f0f0;
+    display: inline-flex;
+    transition: 0.3s;
+    height: 40px;
+    width: 270px;
+}
+
+.sidenav a .sidenav-content {
+    margin: 0;
+    padding-left: 20px;
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+    transition: 0.3s;
+}
+
+.sidenav-icon, .sidenav-image {
+    left: 0;
+    margin-right: 5px;
+    -webkit-transform: translateY(5px);
+    transform: translateY(5px);
+    height: 20px;
+    width: 20px !important;
+}
+
+.sidenav-image {
+    margin: 0 5px 0 0;
+    padding: 0;
+}
+
+.sidenav a .sidenav-content:hover {
+    color: #e9b82f;
+    padding-left: 40px;
+}
+
+.sidenav .separator {
+    height: 20px;
+}
+
+/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
+
+#main {
+    transition: margin-left .5s;
+}
+
+/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
+
+@media screen and (max-height: 450px) {
+    .sidenav a {
+        font-size: 18px;
+    }
+}

assets/css/stats.css

@@ -1,103 +1,67 @@
-
-#teamButtonContainer {
-    display: block;
-    line-height: 2.2;
-}
-
-.team-button {
-    border-radius: 0.2rem;
-    font-size: 2.5rem;
-    font-family: Harry-P, fantasy;
-    cursor: pointer;
-    padding: 15px 20px;
-    margin: 10px;
-    width: 200px;
-    transition: 0.2s;
-    border: none;
-}
-
-#title_gli {
-    color: #FF5F5F;
-}
-
-#title_pek {
-    color: #7ffd78;
-}
-
-#title_boo {
-    color: #fafd78;
-}
-
-#title_ver {
-    color: #60bdff;
-}
-
-.team-button#buttonGli {
-    color: #FF5F5F;
-    background-color: #4b1f1f;
-}
-
-.team-button#buttonPek {
-    color: #7ffd78;
-    background-color: #1b4b1b;
-}
-
-.team-button#buttonBoo {
-    color: #fafd78;
-    background-color: #484b25;
-}
-
-.team-button#buttonVer {
-    color: #60bdff;
-    background-color: #1e384b;
-}
-
-
-
-.team-button#buttonGli:hover {
-    color: #b30006;
-    background-color: #ff7d7f;
-    box-shadow: 0 0 10px #ff506d;
-}
-
-.team-button#buttonBoo:hover {
-    color: #a28100;
-    background-color: #f7fd51;
-    box-shadow: 0 0 10px #fdf71e;
-}
-
-.team-button#buttonPek:hover {
-    color: #0c5700;
-    background-color: #6bfd5f;
-    box-shadow: 0 0 10px #7efd34;
-}
-
-.team-button#buttonVer:hover {
-    color: #0008a5;
-    background-color: #48a7ff;
-    box-shadow: 0 0 10px #2060ff;
-}
-
-
-
-
-
-.score-entry {
-    width: 100%;
-}
-
-.score-entry-text {
-    margin-right: 20px;
-}
-
-.score-entry-points {
-    margin-left: 20px;
-}
-
-.positive {
-    color: white;
-}
-
-.negative {
-    color: #bf021c;
-}
+
+#teamButtonContainer {
+    display: block;
+    line-height: 2.2;
+}
+
+.team-button {
+    border-radius: 0.2rem;
+    font-size: 2.5rem;
+    font-family: Harry-P, fantasy;
+    cursor: pointer;
+    padding: 15px 20px;
+    margin: 10px;
+    width: 200px;
+    transition: 0.2s;
+    border: none;
+}
+
+#title_tam {
+    color: #FF5F5F;
+}
+
+#title_pek {
+    color: #fafd78;
+}
+
+.team-button#buttonTam {
+    color: #FF5F5F;
+    background-color: #4b1f1f;
+}
+
+.team-button#buttonPek {
+    color: #fafd78;
+    background-color: #484b25;
+}
+
+.team-button#buttonTam:hover {
+    color: #b30006;
+    background-color: #ff7d7f;
+    box-shadow: 0 0 10px #ff506d;
+}
+
+.team-button#buttonPek:hover {
+    color: #a28100;
+    background-color: #f7fd51;
+    box-shadow: 0 0 10px #fdf71e;
+}
+
+.score-entry {
+    width: 100%;
+}
+
+.score-entry-text {
+    margin-right: 20px;
+}
+
+.score-entry-points {
+    margin-left: 20px;
+}
+
+.positive {
+    color: white;
+}
+
+.negative {
+    color: #bf021c;
+}

assets/js/admin/mapManager.js

@@ -1,44 +1,44 @@
-
-$(document).ready(function () {
-    getMapInfo(getSelectedMap());
-    $(".save").click(function () {
-        let info = {};
-        info['title'] = $('#titleInput').val();
-        info['description'] = $('#descriptionInput').val();
-        let object = {
-            "function": 'save_map_info',
-            'selector': getSelectedMap(),
-            'info': info,
-        };
-        $.get(
-            "ajax.php",
-            object,
-            function (data) {
-                alert(data);
-            }
-        );
-    });
-    $('#mapSelect').on('change', function () {
-        getMapInfo(getSelectedMap());
-    });
-});
-
-function getSelectedMap() {
-    return $('#mapSelect').val();
-}
-
-function getMapInfo(selector) {
-    let object = {
-        "function": 'get_map_info',
-        'selector': selector,
-    };
-    $.get(
-        "../../ajax/read",
-        object,
-        function (data) {
-            console.log(data);
-            $('#titleInput').val(data[0]['title']);
-            $('#descriptionInput').val(data[0]['description']);
-        }
-    );
-}
+
+$(document).ready(function () {
+    getMapInfo(getSelectedMap());
+    $(".save").click(function () {
+        let info = {};
+        info['title'] = $('#titleInput').val();
+        info['description'] = $('#descriptionInput').val();
+        let object = {
+            "function": 'save_map_info',
+            'selector': getSelectedMap(),
+            'info': info,
+        };
+        $.get(
+            "ajax.php",
+            object,
+            function (data) {
+                alert(data);
+            }
+        );
+    });
+    $('#mapSelect').on('change', function () {
+        getMapInfo(getSelectedMap());
+    });
+});
+
+function getSelectedMap() {
+    return $('#mapSelect').val();
+}
+
+function getMapInfo(selector) {
+    let object = {
+        "function": 'get_map_info',
+        'selector': selector,
+    };
+    $.get(
+        "../../ajax/read",
+        object,
+        function (data) {
+            console.log(data);
+            $('#titleInput').val(data[0]['title']);
+            $('#descriptionInput').val(data[0]['description']);
+        }
+    );
+}

assets/js/admin/planningManager.js

@@ -1,167 +1,167 @@
-let uniqueID = 0;
-
-let currentActivities = [];
-
-let entryTemplate =
-    '<tr class="entry">' +
-    '<td class="planning-start"></td>' +
-    '<td class="planning-length"></td>' +
-    '<td class="planning-name"></td>' +
-    '<td class="remove-line">' +
-    '<i class="fas fa-trash"></i>' +
-    '</td>' +
-    '</tr>';
-
-let editEntryTemplate =
-    '<label for="startTimeInput">Heure de début</label>\n' +
-    '<input type="number" id="startTimeInput">\n' +
-    '<label for="lengthTimeInput">Durée</label>\n' +
-    '<input type="number" id="lengthTimeInput">\n' +
-    '' +
-    '<label for="smallTitleInput">Titre dans le planning</label>\n' +
-    '<input type="text" id="smallTitleInput">\n' +
-    '<label for="fullTitleInput">Titre dans la description</label>\n' +
-    '<input type="text" id="fullTitleInput">\n' +
-    '' +
-    '<label for="descriptionInput">Description</label>\n' +
-    '<textarea rows="10" id="descriptionInput"></textarea>' +
-    '' +
-    '<label for="colorInput">Couleur (hexadécimal)</label>\n' +
-    '<input type="text" id="colorInput">\n';
-
-$(document).ready(function () {
-    getDayActivities(getSelectedDay());
-    $('#daySelect').on('change', function () {
-        getDayActivities(getSelectedDay());
-    });
-    $(".save").click(function () {
-        saveDayActivities();
-    });
-    $('.add-line').on('click', function () {
-        let newElem = {};
-        uniqueID += 1;
-        newElem['ID'] = 'new_'+ uniqueID;
-        newElem['day'] = getSelectedDay();
-        newElem['start'] = '';
-        newElem['length'] = '';
-        newElem['small_title'] = '';
-        newElem['full_title'] = '';
-        newElem['description'] = '';
-        currentActivities.push(newElem);
-        showInfo(newElem);
-        addLine(newElem['ID'], '', '', '');
-    });
-});
-
-function getSelectedDay() {
-    return $('#daySelect').val();
-}
-
-function getRealId(id) {
-    return id.replace('entry_', '');
-}
-
-function findActivityOfId(id) {
-    let match = undefined;
-    for (let i = 0; i < currentActivities.length; i++) {
-        if (currentActivities[i]['ID'] === id) {
-            match = currentActivities[i];
-            break;
-        }
-    }
-    return match;
-}
-
-function removeActivityOfId(id) {
-    for (let i = 0; i < currentActivities.length; i++) {
-        if (currentActivities[i]['ID'] === id) {
-            currentActivities.splice(i, 1);
-            break;
-        }
-    }
-}
-
-function updateListEntry(entry) {
-    let $listEntry = $('#entry_' + entry['ID']);
-    if ($listEntry !== undefined) {
-        $listEntry.find('.planning-start').text(entry['start']);
-        $listEntry.find('.planning-length').text(entry['length']);
-        $listEntry.find('.planning-name').text(entry['small_title']);
-    }
-}
-
-function addLine(id, start, length, name) {
-    let $entry = $(entryTemplate);
-    $entry.attr('id', 'entry_' + id);
-    $entry.find('.remove-line').attr('id', 'removeEntry_' + id);
-    $("#activityTable").prepend($entry);
-    $entry.find('.planning-start').text(start);
-    $entry.find('.planning-length').text(length);
-    $entry.find('.planning-name').text(name);
-    $("#removeEntry_" + id).on("click", function () {
-        removeActivityOfId(getRealId($entry.attr('id')));
-        $entry.remove();
-    });
-    $entry.on("click", function () {
-        showInfo(findActivityOfId(getRealId($entry.attr('id'))));
-    });
-}
-
-function showInfo(entry) {
-    if (entry !== undefined) {
-        $.alert({
-            title: 'Edition du planning',
-            content: editEntryTemplate,
-            onOpenBefore: function () {
-                $('#startTimeInput').val(entry['start']);
-                $('#lengthTimeInput').val(entry['length']);
-                $('#smallTitleInput').val(entry['small_title']);
-                $('#fullTitleInput').val(entry['full_title']);
-                $('#descriptionInput').val(entry['description']);
-                $('#colorInput').val(entry['color']);
-            },
-            onClose: function () {
-                entry['start'] =$('#startTimeInput').val();
-                entry['length'] = $('#lengthTimeInput').val();
-                entry['small_title'] = $('#smallTitleInput').val();
-                entry['full_title'] = $('#fullTitleInput').val();
-                entry['description'] = $('#descriptionInput').val();
-                entry['color'] = $('#colorInput').val();
-                updateListEntry(entry);
-            },
-        });
-    } else
-        alert('Une erreur est survenue');
-}
-
-function saveDayActivities() {
-    let object = {
-        "function": 'save_day_activities',
-        "day": getSelectedDay(),
-        "entries": currentActivities,
-    };
-    $.get(
-        "ajax.php",
-        object,
-        function (data) {
-            alert(data);
-        });
-}
-
-function getDayActivities(day) {
-    $('#activityTable').html('');
-    let object = {
-        "function": 'get_activities_of_day',
-        'day': day,
-    };
-    $.get(
-        "../../ajax/read",
-        object,
-        function (data) {
-            currentActivities = data;
-            for (let i = 0; i < data.length; i++) {
-                addLine(data[i]['ID'], data[i]['start'], data[i]['length'], data[i]['small_title']);
-            }
-        }
-    );
-}
+let uniqueID = 0;
+
+let currentActivities = [];
+
+let entryTemplate =
+    '<tr class="entry">' +
+    '<td class="planning-start"></td>' +
+    '<td class="planning-length"></td>' +
+    '<td class="planning-name"></td>' +
+    '<td class="remove-line">' +
+    '<i class="fas fa-trash"></i>' +
+    '</td>' +
+    '</tr>';
+
+let editEntryTemplate =
+    '<label for="startTimeInput">Heure de début</label>\n' +
+    '<input type="number" id="startTimeInput">\n' +
+    '<label for="lengthTimeInput">Durée</label>\n' +
+    '<input type="number" id="lengthTimeInput">\n' +
+    '' +
+    '<label for="smallTitleInput">Titre dans le planning</label>\n' +
+    '<input type="text" id="smallTitleInput">\n' +
+    '<label for="fullTitleInput">Titre dans la description</label>\n' +
+    '<input type="text" id="fullTitleInput">\n' +
+    '' +
+    '<label for="descriptionInput">Description</label>\n' +
+    '<textarea rows="10" id="descriptionInput"></textarea>' +
+    '' +
+    '<label for="colorInput">Couleur (hexadécimal)</label>\n' +
+    '<input type="text" id="colorInput">\n';
+
+$(document).ready(function () {
+    getDayActivities(getSelectedDay());
+    $('#daySelect').on('change', function () {
+        getDayActivities(getSelectedDay());
+    });
+    $(".save").click(function () {
+        saveDayActivities();
+    });
+    $('.add-line').on('click', function () {
+        let newElem = {};
+        uniqueID += 1;
+        newElem['ID'] = 'new_'+ uniqueID;
+        newElem['day'] = getSelectedDay();
+        newElem['start'] = '';
+        newElem['length'] = '';
+        newElem['small_title'] = '';
+        newElem['full_title'] = '';
+        newElem['description'] = '';
+        currentActivities.push(newElem);
+        showInfo(newElem);
+        addLine(newElem['ID'], '', '', '');
+    });
+});
+
+function getSelectedDay() {
+    return $('#daySelect').val();
+}
+
+function getRealId(id) {
+    return id.replace('entry_', '');
+}
+
+function findActivityOfId(id) {
+    let match = undefined;
+    for (let i = 0; i < currentActivities.length; i++) {
+        if (currentActivities[i]['ID'] === id) {
+            match = currentActivities[i];
+            break;
+        }
+    }
+    return match;
+}
+
+function removeActivityOfId(id) {
+    for (let i = 0; i < currentActivities.length; i++) {
+        if (currentActivities[i]['ID'] === id) {
+            currentActivities.splice(i, 1);
+            break;
+        }
+    }
+}
+
+function updateListEntry(entry) {
+    let $listEntry = $('#entry_' + entry['ID']);
+    if ($listEntry !== undefined) {
+        $listEntry.find('.planning-start').text(entry['start']);
+        $listEntry.find('.planning-length').text(entry['length']);
+        $listEntry.find('.planning-name').text(entry['small_title']);
+    }
+}
+
+function addLine(id, start, length, name) {
+    let $entry = $(entryTemplate);
+    $entry.attr('id', 'entry_' + id);
+    $entry.find('.remove-line').attr('id', 'removeEntry_' + id);
+    $("#activityTable").prepend($entry);
+    $entry.find('.planning-start').text(start);
+    $entry.find('.planning-length').text(length);
+    $entry.find('.planning-name').text(name);
+    $("#removeEntry_" + id).on("click", function () {
+        removeActivityOfId(getRealId($entry.attr('id')));
+        $entry.remove();
+    });
+    $entry.on("click", function () {
+        showInfo(findActivityOfId(getRealId($entry.attr('id'))));
+    });
+}
+
+function showInfo(entry) {
+    if (entry !== undefined) {
+        $.alert({
+            title: 'Edition du planning',
+            content: editEntryTemplate,
+            onOpenBefore: function () {
+                $('#startTimeInput').val(entry['start']);
+                $('#lengthTimeInput').val(entry['length']);
+                $('#smallTitleInput').val(entry['small_title']);
+                $('#fullTitleInput').val(entry['full_title']);
+                $('#descriptionInput').val(entry['description']);
+                $('#colorInput').val(entry['color']);
+            },
+            onClose: function () {
+                entry['start'] =$('#startTimeInput').val();
+                entry['length'] = $('#lengthTimeInput').val();
+                entry['small_title'] = $('#smallTitleInput').val();
+                entry['full_title'] = $('#fullTitleInput').val();
+                entry['description'] = $('#descriptionInput').val();
+                entry['color'] = $('#colorInput').val();
+                updateListEntry(entry);
+            },
+        });
+    } else
+        alert('Une erreur est survenue');
+}
+
+function saveDayActivities() {
+    let object = {
+        "function": 'save_day_activities',
+        "day": getSelectedDay(),
+        "entries": currentActivities,
+    };
+    $.get(
+        "ajax.php",
+        object,
+        function (data) {
+            alert(data);
+        });
+}
+
+function getDayActivities(day) {
+    $('#activityTable').html('');
+    let object = {
+        "function": 'get_activities_of_day',
+        'day': day,
+    };
+    $.get(
+        "../../ajax/read",
+        object,
+        function (data) {
+            currentActivities = data;
+            for (let i = 0; i < data.length; i++) {
+                addLine(data[i]['ID'], data[i]['start'], data[i]['length'], data[i]['small_title']);
+            }
+        }
+    );
+}

assets/js/admin/statsManager.js

@@ -1,93 +1,93 @@
-let uniqueID = 0;
-
-let entryTemplate =
-    '<tr class="entry">' +
-    '<td class="edit-text"><input class="edit-text-input" type="text" placeholder="Entrez le texte ici"></td>' +
-    '<td class="edit-points"><input class="edit-value-input" type="number" value="0"></td>' +
-    '<td class="remove-line">' +
-    '<i class="fas fa-trash"></i>' +
-    '</td>' +
-    '</tr>';
-
-$(document).ready(function () {
-    getScores(getSelectedTeam());
-    setTeamColors(getSelectedTeam());
-    $(".add-line").click(function () {
-        addLine();
-    });
-    $(".save").click(function () {
-        let lines = getLine();
-        let object = {
-            "function": 'save_scores',
-            "team": getSelectedTeam(),
-            "lines": lines,
-        };
-        $.get(
-            'ajax.php',
-            object,
-            function (data) {
-                alert(data);
-                window.location.reload();
-            });
-    });
-    $('#teamSelect').on('change', function () {
-        getScores(getSelectedTeam());
-        setTeamColors(getSelectedTeam());
-    });
-});
-
-function setTeamColors(team) {
-    $('.add-line').attr('id', 'addLine_' + team);
-    $('.edit-header').attr('id', 'editHeader_' + team);
-}
-
-function getSelectedTeam() {
-    return $('#teamSelect').val();
-}
-
-function addLine(text, value) {
-    uniqueID += 1;
-    let $entry = $(entryTemplate);
-    $entry.attr('id', 'entry_' + uniqueID);
-    $entry.find('.remove-line').attr('id', 'removeEntry_'+uniqueID);
-    $(".stats-table").prepend(
-        $entry
-    );
-    $entry.find('.edit-text-input').val(text);
-    $entry.find('.edit-value-input').val(value);
-    $("#removeEntry_" + uniqueID).on("click", function () {
-        $entry.remove();
-    });
-}
-
-function getLine() {
-    let elements = $(".entry").map(function () {
-        return this;
-    }).get();
-    let array = [];
-    for (let i = 0; i < elements.length; i++) {
-        let values = {
-            "text": $(elements[i]).find('.edit-text-input').val(),
-            "points": parseInt($(elements[i]).find('.edit-value-input').val())
-        };
-        array.push(values);
-    }
-    return array;
-}
-
-function getScores(team) {
-    $('.stats-table').html('');
-    let object = {
-        "function": 'get_scores',
-        'team': team,
-    };
-    $.get(
-        "../../ajax/read",
-        object,
-        function (data) {
-            for (let i = 0; i < data.length; i++) {
-                addLine(data[i]['text'], data[i]['points']);
-            }
-        }
-    );
-}
+let uniqueID = 0;
+
+let entryTemplate =
+    '<tr class="entry">' +
+    '<td class="edit-text"><input class="edit-text-input" type="text" placeholder="Entrez le texte ici"></td>' +
+    '<td class="edit-points"><input class="edit-value-input" type="number" value="0"></td>' +
+    '<td class="remove-line">' +
+    '<i class="fas fa-trash"></i>' +
+    '</td>' +
+    '</tr>';
+
+$(document).ready(function () {
+    getScores(getSelectedTeam());
+    setTeamColors(getSelectedTeam());
+    $(".add-line").click(function () {
+        addLine();
+    });
+    $(".save").click(function () {
+        let lines = getLine();
+        let object = {
+            "function": 'save_scores',
+            "team": getSelectedTeam(),
+            "lines": lines,
+        };
+        $.get(
+            'ajax.php',
+            object,
+            function (data) {
+                alert(data);
+                window.location.reload();
+            });
+    });
+    $('#teamSelect').on('change', function () {
+        getScores(getSelectedTeam());
+        setTeamColors(getSelectedTeam());
+    });
+});
+
+function setTeamColors(team) {
+    $('.add-line').attr('id', 'addLine_' + team);
+    $('.edit-header').attr('id', 'editHeader_' + team);
+}
+
+function getSelectedTeam() {
+    return $('#teamSelect').val();
+}
+
+function addLine(text, value) {
+    uniqueID += 1;
+    let $entry = $(entryTemplate);
+    $entry.attr('id', 'entry_' + uniqueID);
+    $entry.find('.remove-line').attr('id', 'removeEntry_'+uniqueID);
+    $(".stats-table").prepend(
+        $entry
+    );
+    $entry.find('.edit-text-input').val(text);
+    $entry.find('.edit-value-input').val(value);
+    $("#removeEntry_" + uniqueID).on("click", function () {
+        $entry.remove();
+    });
+}
+
+function getLine() {
+    let elements = $(".entry").map(function () {
+        return this;
+    }).get();
+    let array = [];
+    for (let i = 0; i < elements.length; i++) {
+        let values = {
+            "text": $(elements[i]).find('.edit-text-input').val(),
+            "points": parseInt($(elements[i]).find('.edit-value-input').val())
+        };
+        array.push(values);
+    }
+    return array;
+}
+
+function getScores(team) {
+    $('.stats-table').html('');
+    let object = {
+        "function": 'get_scores',
+        'team': team,
+    };
+    $.get(
+        "../../ajax/read",
+        object,
+        function (data) {
+            for (let i = 0; i < data.length; i++) {
+                addLine(data[i]['text'], data[i]['points']);
+            }
+        }
+    );
+}

assets/js/admin/updateManager.js

@@ -1,26 +1,26 @@
-$(document).ready(function () {
-    $(".save").click(function () {
-        sendLogin($('#usernameInput').val(), $('#passwordInput').val());
-    });
-});
-
-function sendLogin(login, password) {
-    let object = {
-        "function": 'update_website',
-        "login": login,
-        "password": password,
-    };
-    console.log(JSON.stringify(object));
-    // Do not put .php in the url, otherwise the POST request will transformed in GET when server rewrites the url
-    $.ajax({
-        type: "POST",
-        url: "../ajax/write/master",
-        data: JSON.stringify(object),
-        dataType: "json",
-        contentType: "application/json; charset=utf-8",
-        complete: function (data) {
-            alert(data.responseText);
-            console.log(data);
-        },
-    });
-}
+$(document).ready(function () {
+    $(".save").click(function () {
+        sendLogin($('#usernameInput').val(), $('#passwordInput').val());
+    });
+});
+
+function sendLogin(login, password) {
+    let object = {
+        "function": 'update_website',
+        "login": login,
+        "password": password,
+    };
+    console.log(JSON.stringify(object));
+    // Do not put .php in the url, otherwise the POST request will transformed in GET when server rewrites the url
+    $.ajax({
+        type: "POST",
+        url: "../ajax/write/master",
+        data: JSON.stringify(object),
+        dataType: "json",
+        contentType: "application/json; charset=utf-8",
+        complete: function (data) {
+            alert(data.responseText);
+            console.log(data);
+        },
+    });
+}

assets/js/init.js

@@ -1,56 +1,56 @@
-jconfirm.defaults = {
-    title: '',
-    titleClass: '',
-    type: 'default',
-    typeAnimated: true,
-    draggable: false,
-    animateFromElement: true,
-    smoothContent: true,
-    content: '',
-    buttons: {},
-    defaultButtons: {
-        ok: {
-            text: 'OK',
-            action: function () {
-            }
-        },
-    },
-    contentLoaded: function(data, status, xhr){
-    },
-    icon: '',
-    lazyOpen: false,
-    bgOpacity: null,
-    theme: 'supervan',
-    animation: 'scale',
-    closeAnimation: 'scale',
-    animationSpeed: 400,
-    animationBounce: 1,
-    rtl: false,
-    container: 'body',
-    containerFluid: false,
-    escapeKey: 'ok',
-    backgroundDismiss: true,
-    backgroundDismissAnimation: 'shake',
-    autoClose: false,
-    closeIcon: null,
-    closeIconClass: false,
-    watchInterval: 100,
-    columnClass: 'col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1',
-    boxWidth: '50%',
-    scrollToPreviousElement: true,
-    scrollToPreviousElementAnimate: true,
-    useBootstrap: true,
-    offsetTop: 40,
-    offsetBottom: 40,
-    bootstrapClasses: {
-        container: 'container',
-        containerFluid: 'container-fluid',
-        row: 'row',
-    },
-    onContentReady: function () {},
-    onOpenBefore: function () {},
-    onOpen: function () {},
-    onClose: function () {},
-    onDestroy: function () {},
-    onAction: function () {}
+jconfirm.defaults = {
+    title: '',
+    titleClass: '',
+    type: 'default',
+    typeAnimated: true,
+    draggable: false,
+    animateFromElement: true,
+    smoothContent: true,
+    content: '',
+    buttons: {},
+    defaultButtons: {
+        ok: {
+            text: 'OK',
+            action: function () {
+            }
+        },
+    },
+    contentLoaded: function(data, status, xhr){
+    },
+    icon: '',
+    lazyOpen: false,
+    bgOpacity: null,
+    theme: 'supervan',
+    animation: 'scale',
+    closeAnimation: 'scale',
+    animationSpeed: 400,
+    animationBounce: 1,
+    rtl: false,
+    container: 'body',
+    containerFluid: false,
+    escapeKey: 'ok',
+    backgroundDismiss: true,
+    backgroundDismissAnimation: 'shake',
+    autoClose: false,
+    closeIcon: null,
+    closeIconClass: false,
+    watchInterval: 100,
+    columnClass: 'col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1',
+    boxWidth: '50%',
+    scrollToPreviousElement: true,
+    scrollToPreviousElementAnimate: true,
+    useBootstrap: true,
+    offsetTop: 40,
+    offsetBottom: 40,
+    bootstrapClasses: {
+        container: 'container',
+        containerFluid: 'container-fluid',
+        row: 'row',
+    },
+    onContentReady: function () {},
+    onOpenBefore: function () {},
+    onOpen: function () {},
+    onClose: function () {},
+    onDestroy: function () {},
+    onAction: function () {}
 };

assets/js/jquery.mousewheel.min.js

@@ -1,8 +1,8 @@
-/*!
- * jQuery Mousewheel 3.1.13
- *
- * Copyright 2015 jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
+/*!
+ * jQuery Mousewheel 3.1.13
+ *
+ * Copyright 2015 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
 !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});

assets/js/map.js

@@ -1,46 +1,46 @@
-
-let hoverColor = "#e9b82f";
-let normalColor = "#efbd95";
-
-function get_name(id){
-    return id.replace("map-", "");
-}
-
-function clicked(elem){
-    $.alert({
-        title: 'Chargement...',
-        content: function () {
-            let self = this;
-            let object = {
-                "function": 'get_map_info',
-                'selector': get_name(elem.id),
-            };
-            return $.ajax({
-                url: 'ajax/read',
-                data: object,
-                method: 'get'
-            }).done(function (data) {
-                if (data.length > 0) {
-                    self.setTitle(data[0]['title']);
-                    self.setContent(data[0]['description']);
-                } else {
-                    self.setTitle('Erreur');
-                    self.setContent('Une erreur est survenue')
-                }
-            }).fail(function(){
-                self.setContent('Something went wrong.');
-            });
-        },
-    });
-}
-
-function hover_in(elem){
-    $(elem).css({
-        "fill": hoverColor,
-        'cursor': 'pointer',
-    });
-}
-
-function hover_out(elem){
-    $(elem).css("fill", normalColor);
+
+let hoverColor = "#e9b82f";
+let normalColor = "#efbd95";
+
+function get_name(id){
+    return id.replace("map-", "");
+}
+
+function clicked(elem){
+    $.alert({
+        title: 'Chargement...',
+        content: function () {
+            let self = this;
+            let object = {
+                "function": 'get_map_info',
+                'selector': get_name(elem.id),
+            };
+            return $.ajax({
+                url: 'ajax/read',
+                data: object,
+                method: 'get'
+            }).done(function (data) {
+                if (data.length > 0) {
+                    self.setTitle(data[0]['title']);
+                    self.setContent(data[0]['description']);
+                } else {
+                    self.setTitle('Erreur');
+                    self.setContent('Une erreur est survenue')
+                }
+            }).fail(function(){
+                self.setContent('Something went wrong.');
+            });
+        },
+    });
+}
+
+function hover_in(elem){
+    $(elem).css({
+        "fill": hoverColor,
+        'cursor': 'pointer',
+    });
+}
+
+function hover_out(elem){
+    $(elem).css("fill", normalColor);
 }

assets/js/photos.js

@@ -1,276 +1,276 @@
-let showcase = $("#imgBig");
-let showcaseButtonContainer = $("#photoButtonsContainer");
-let showcaseDownload = $("#downloadButton");
-let photoOverlay = $("#photoOverlay");
-let headerTop = $("#header-top");
-let sideNav = $("#menuSidenav");
-let loading = $("#loadingIconContainer");
-let move_photo = false;
-let grab_offsetX = 0;
-let grab_offsetY = 0;
-
-let idle_time = 0;
-let isMobile = window.matchMedia("only screen and (max-width: 480px)").matches;
-let isMouseOverButtons = false;
-
-$(document).ready(
-    function () {
-        showcase.bind("mousewheel", function(event, delta) {
-            let min_width = $(window).width() / 5;
-            let min_height = $(window).height() / 5;
-            let max_width = $(window).width() * 5;
-            let max_height = $(window).height() * 5;
-
-            let scale = 150 / 100;
-            if (delta < 0)
-               scale = 1/scale;
-            let cursorY = event.pageY - $(window).scrollTop();
-            let offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
-            let offsetY = cursorY - (showcase.position().top + showcase.height()/2);
-
-            let new_width = showcase.width() * scale;
-            let new_height = showcase.height() * scale;
-            if (new_width > max_width || new_width < min_width)
-                new_width = 0;
-            if (new_height > max_height || new_height < min_height)
-                new_height = 0;
-
-            if (new_width !== 0 && new_height !== 0){
-                let new_left = event.pageX - (offsetX * scale);
-                let new_top = cursorY - (offsetY * scale);
-
-                showcase.width(new_width);
-                showcase.height(new_height);
-
-                if (new_height > $(window).height() || new_width > $(window).width()){
-                    showcase.css('left', new_left +'px');
-                    showcase.css('top', new_top +'px');
-                    showcase.css('cursor', 'move');
-                }
-                else{
-                    showcase.css('left', $(window).width()/2 +'px');
-                    showcase.css('top', $(window).height()/2 +'px');
-                    showcase.css('cursor', 'default');
-                }
-            }
-            return false;
-        });
-        document.getElementById("photosTitle").scrollIntoView();
-        showcase.on('dragstart', function(event) { event.preventDefault(); }); // Stop image drag out of page
-        if (!isMobile)
-            setInterval(timerIncrement, 100);
-    }
-);
-
-$(document).mousemove(function (event) {
-    let cursorY = event.pageY - $(window).scrollTop();
-    let elem = document.elementFromPoint(event.pageX, cursorY);
-    isMouseOverButtons = !(elem.id === "closeBack" || elem.id === "loadingIconContainer" || elem.id === showcase.attr('id')); // Prevent entering fullscreen when cursor on control buttons
-    idle_time = 0;
-});
-
-showcase.mousemove(function(event){
-    if (showcase.height() > $(window).height() || showcase.width() > $(window).width) {
-        showcase.css('cursor', 'move');
-        if (move_photo){
-            let cursorY = event.pageY - $(window).scrollTop();
-            let offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
-            let offsetY = cursorY - (showcase.position().top + showcase.height()/2);
-
-            let new_left = showcase.position().left + showcase.width()/2 + offsetX - grab_offsetX;
-            let new_top = showcase.position().top + showcase.height()/2 + offsetY - grab_offsetY;
-
-            showcase.css('left', new_left +'px');
-            showcase.css('top', new_top +'px');
-        }
-    }
-    else{
-        showcase.css('cursor', 'default');
-    }
-});
-
-showcase.mousedown(function(event){
-    move_photo = true;
-    let cursorY = event.pageY - $(window).scrollTop();
-    grab_offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
-    grab_offsetY = cursorY - (showcase.position().top + showcase.height()/2);
-
-    if (isMobile)
-        toggleFullscreen();
-});
-
-showcase.mouseup(function(){
-    move_photo = false;
-});
-
-showcase.mouseleave(function(){
-    move_photo = false;
-});
-
-
-/*
- * Display selected image in showcase
- * When clicked, display image in full size
- */
-function displayBig(elem) {
-    isMouseOverButtons = false; // Allow fullscreen when clicking on an image without mouving the mouse
-    changeImage($(elem).attr('src'));
-    hideTopBar();
-    disableFullscreen();
-    photoOverlay.fadeIn(500);
-    $('body').css('overflow', 'hidden');
-}
-
-function getSourceFromThumbnail(source) {
-    return source.replace("photos_thumb/", "photos/");
-}
-
-function getThumbnailFromSource(source) {
-    return source.replace("photos/", "photos_thumb/");
-}
-
-/*
- * Hide showcase image
- */
-function closeBig() {
-    showTopBar();
-    disableFullscreen();
-    photoOverlay.fadeOut(500);
-    $('body').css('overflow', 'auto');
-    scrollToShowcaseImage();
-}
-
-
-function scrollToShowcaseImage() {
-    let source = showcase.attr('src');
-    let image = $("img[src$='" + getThumbnailFromSource(source) + "']");
-    if (image !== undefined) {
-        image.get(0).scrollIntoView();
-    }
-}
-
-
-function enableFullscreen() {
-    showcaseButtonContainer.fadeOut(500);
-}
-
-function disableFullscreen() {
-    showcaseButtonContainer.fadeIn(500);
-}
-
-function toggleFullscreen() {
-    if (isFullscreen())
-        disableFullscreen();
-    else
-        enableFullscreen();
-}
-
-function hideTopBar() {
-    headerTop.fadeOut(500);
-    sideNav.fadeOut(500);
-}
-
-function showTopBar() {
-    headerTop.fadeIn(500);
-    sideNav.fadeIn(500);
-}
-
-function isFullscreen(){
-    return showcaseButtonContainer.css("display") === "none";
-}
-
-
-function timerIncrement() {
-    if (isMouseOverButtons)
-        idle_time = 0;
-    else
-        idle_time = idle_time+ 1;
-    if (idle_time > 10 && !isFullscreen()) { // 1 second
-        enableFullscreen();
-    } else if (idle_time <= 10 && isFullscreen()){
-        disableFullscreen();
-    }
-}
-
-/*
- * Control images with keyboard arrows
- */
-$(document).keydown(function (e) {
-    switch (e.keyCode) {
-        case 37: // left
-            displayNext(-1);
-            break;
-        case 39: // right
-            displayNext(1);
-            break;
-        case 27: // escape
-            closeBig();
-            break;
-        default:
-            return; // exit this handler for other keys
-    }
-    e.preventDefault(); // prevent the default action (scroll / move caret)
-});
-
-
-/*
- * Display next/last image in showcase. When reaching end/start, loop back to start/end
- */
-function displayNext(direction) {
-    let currentSrc = showcase.attr('src');
-    let photos = document.getElementsByClassName("photo");
-    let current = 0;
-    for (let i = 0; i < photos.length; i++) {
-        if (getSourceFromThumbnail($(photos[i]).attr('src')) === currentSrc) {
-            current = i;
-        }
-    }
-    let next = current + direction;
-    let nextId = "";
-    if (direction > 0) {
-        nextId = "#photo-0";
-    } else {
-        nextId = "#photo-" + (photos.length - 1);
-    }
-    if (document.getElementById("photo-" + next) != null) {
-        nextId = "#photo-" + next;
-    }
-    let nextSrc = $(nextId).attr('src');
-    changeImage(nextSrc);
-}
-
-/*
- * Change image source, link and download
- */
-function changeImage(thumb) {
-    displayLoading();
-    showcase.css('display', 'none');
-    showcase.on('load', function () {
-        hideLoading();
-        showcase.css('display', 'block');
-        if ($(showcase).width() > $(window).width()){ // prevent display problems on portait devices
-            let scale = $(window).width() * 0.9 / $(showcase).width();
-            $(showcase).width(scale*$(showcase).width());
-            $(showcase).height(scale*$(showcase).height());
-        }
-    });
-    let source = getSourceFromThumbnail(thumb);
-    showcase.attr("src", source);
-    showcase.css({
-        width: 'auto',
-        height: '90%',
-    });
-    showcase.css('left', $(window).width()/2 +'px');
-    showcase.css('top', $(window).height()/2 +'px');
-    showcaseDownload.attr("href", source);
-
-}
-
-
-function displayLoading() {
-    loading.show();
-}
-
-function hideLoading() {
-    loading.fadeOut(200);
-}
+let showcase = $("#imgBig");
+let showcaseButtonContainer = $("#photoButtonsContainer");
+let showcaseDownload = $("#downloadButton");
+let photoOverlay = $("#photoOverlay");
+let headerTop = $("#header-top");
+let sideNav = $("#menuSidenav");
+let loading = $("#loadingIconContainer");
+let move_photo = false;
+let grab_offsetX = 0;
+let grab_offsetY = 0;
+
+let idle_time = 0;
+let isMobile = window.matchMedia("only screen and (max-width: 480px)").matches;
+let isMouseOverButtons = false;
+
+$(document).ready(
+    function () {
+        showcase.bind("mousewheel", function(event, delta) {
+            let min_width = $(window).width() / 5;
+            let min_height = $(window).height() / 5;
+            let max_width = $(window).width() * 5;
+            let max_height = $(window).height() * 5;
+
+            let scale = 150 / 100;
+            if (delta < 0)
+               scale = 1/scale;
+            let cursorY = event.pageY - $(window).scrollTop();
+            let offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
+            let offsetY = cursorY - (showcase.position().top + showcase.height()/2);
+
+            let new_width = showcase.width() * scale;
+            let new_height = showcase.height() * scale;
+            if (new_width > max_width || new_width < min_width)
+                new_width = 0;
+            if (new_height > max_height || new_height < min_height)
+                new_height = 0;
+
+            if (new_width !== 0 && new_height !== 0){
+                let new_left = event.pageX - (offsetX * scale);
+                let new_top = cursorY - (offsetY * scale);
+
+                showcase.width(new_width);
+                showcase.height(new_height);
+
+                if (new_height > $(window).height() || new_width > $(window).width()){
+                    showcase.css('left', new_left +'px');
+                    showcase.css('top', new_top +'px');
+                    showcase.css('cursor', 'move');
+                }
+                else{
+                    showcase.css('left', $(window).width()/2 +'px');
+                    showcase.css('top', $(window).height()/2 +'px');
+                    showcase.css('cursor', 'default');
+                }
+            }
+            return false;
+        });
+        document.getElementById("photosTitle").scrollIntoView();
+        showcase.on('dragstart', function(event) { event.preventDefault(); }); // Stop image drag out of page
+        if (!isMobile)
+            setInterval(timerIncrement, 100);
+    }
+);
+
+$(document).mousemove(function (event) {
+    let cursorY = event.pageY - $(window).scrollTop();
+    let elem = document.elementFromPoint(event.pageX, cursorY);
+    isMouseOverButtons = !(elem.id === "closeBack" || elem.id === "loadingIconContainer" || elem.id === showcase.attr('id')); // Prevent entering fullscreen when cursor on control buttons
+    idle_time = 0;
+});
+
+showcase.mousemove(function(event){
+    if (showcase.height() > $(window).height() || showcase.width() > $(window).width) {
+        showcase.css('cursor', 'move');
+        if (move_photo){
+            let cursorY = event.pageY - $(window).scrollTop();
+            let offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
+            let offsetY = cursorY - (showcase.position().top + showcase.height()/2);
+
+            let new_left = showcase.position().left + showcase.width()/2 + offsetX - grab_offsetX;
+            let new_top = showcase.position().top + showcase.height()/2 + offsetY - grab_offsetY;
+
+            showcase.css('left', new_left +'px');
+            showcase.css('top', new_top +'px');
+        }
+    }
+    else{
+        showcase.css('cursor', 'default');
+    }
+});
+
+showcase.mousedown(function(event){
+    move_photo = true;
+    let cursorY = event.pageY - $(window).scrollTop();
+    grab_offsetX = event.pageX - (showcase.position().left + showcase.width()/2);
+    grab_offsetY = cursorY - (showcase.position().top + showcase.height()/2);
+
+    if (isMobile)
+        toggleFullscreen();
+});
+
+showcase.mouseup(function(){
+    move_photo = false;
+});
+
+showcase.mouseleave(function(){
+    move_photo = false;
+});
+
+
+/*
+ * Display selected image in showcase
+ * When clicked, display image in full size
+ */
+function displayBig(elem) {
+    isMouseOverButtons = false; // Allow fullscreen when clicking on an image without mouving the mouse
+    changeImage($(elem).attr('src'));
+    hideTopBar();
+    disableFullscreen();
+    photoOverlay.fadeIn(500);
+    $('body').css('overflow', 'hidden');
+}
+
+function getSourceFromThumbnail(source) {
+    return source.replace("photos_thumb/", "photos/");
+}
+
+function getThumbnailFromSource(source) {
+    return source.replace("photos/", "photos_thumb/");
+}
+
+/*
+ * Hide showcase image
+ */
+function closeBig() {
+    showTopBar();
+    disableFullscreen();
+    photoOverlay.fadeOut(500);
+    $('body').css('overflow', 'auto');
+    scrollToShowcaseImage();
+}
+
+
+function scrollToShowcaseImage() {
+    let source = showcase.attr('src');
+    let image = $("img[src$='" + getThumbnailFromSource(source) + "']");
+    if (image !== undefined) {
+        image.get(0).scrollIntoView();
+    }
+}
+
+
+function enableFullscreen() {
+    showcaseButtonContainer.fadeOut(500);
+}
+
+function disableFullscreen() {
+    showcaseButtonContainer.fadeIn(500);
+}
+
+function toggleFullscreen() {
+    if (isFullscreen())
+        disableFullscreen();
+    else
+        enableFullscreen();
+}
+
+function hideTopBar() {
+    headerTop.fadeOut(500);
+    sideNav.fadeOut(500);
+}
+
+function showTopBar() {
+    headerTop.fadeIn(500);
+    sideNav.fadeIn(500);
+}
+
+function isFullscreen(){
+    return showcaseButtonContainer.css("display") === "none";
+}
+
+
+function timerIncrement() {
+    if (isMouseOverButtons)
+        idle_time = 0;
+    else
+        idle_time = idle_time+ 1;
+    if (idle_time > 10 && !isFullscreen()) { // 1 second
+        enableFullscreen();
+    } else if (idle_time <= 10 && isFullscreen()){
+        disableFullscreen();
+    }
+}
+
+/*
+ * Control images with keyboard arrows
+ */
+$(document).keydown(function (e) {
+    switch (e.keyCode) {
+        case 37: // left
+            displayNext(-1);
+            break;
+        case 39: // right
+            displayNext(1);
+            break;
+        case 27: // escape
+            closeBig();
+            break;
+        default:
+            return; // exit this handler for other keys
+    }
+    e.preventDefault(); // prevent the default action (scroll / move caret)
+});
+
+
+/*
+ * Display next/last image in showcase. When reaching end/start, loop back to start/end
+ */
+function displayNext(direction) {
+    let currentSrc = showcase.attr('src');
+    let photos = document.getElementsByClassName("photo");
+    let current = 0;
+    for (let i = 0; i < photos.length; i++) {
+        if (getSourceFromThumbnail($(photos[i]).attr('src')) === currentSrc) {
+            current = i;
+        }
+    }
+    let next = current + direction;
+    let nextId = "";
+    if (direction > 0) {
+        nextId = "#photo-0";
+    } else {
+        nextId = "#photo-" + (photos.length - 1);
+    }
+    if (document.getElementById("photo-" + next) != null) {
+        nextId = "#photo-" + next;
+    }
+    let nextSrc = $(nextId).attr('src');
+    changeImage(nextSrc);
+}
+
+/*
+ * Change image source, link and download
+ */
+function changeImage(thumb) {
+    displayLoading();
+    showcase.css('display', 'none');
+    showcase.on('load', function () {
+        hideLoading();
+        showcase.css('display', 'block');
+        if ($(showcase).width() > $(window).width()){ // prevent display problems on portait devices
+            let scale = $(window).width() * 0.9 / $(showcase).width();
+            $(showcase).width(scale*$(showcase).width());
+            $(showcase).height(scale*$(showcase).height());
+        }
+    });
+    let source = getSourceFromThumbnail(thumb);
+    showcase.attr("src", source);
+    showcase.css({
+        width: 'auto',
+        height: '90%',
+    });
+    showcase.css('left', $(window).width()/2 +'px');
+    showcase.css('top', $(window).height()/2 +'px');
+    showcaseDownload.attr("href", source);
+
+}
+
+
+function displayLoading() {
+    loading.show();
+}
+
+function hideLoading() {
+    loading.fadeOut(200);
+}

assets/js/planning.js

@@ -1,98 +1,98 @@
-let ajaxurl = 'ajax/read';
-
-
-let tableWrapper = $('#tablePlanning');
-let cellHeight = 50;
-let startHour = 8;
-
-let activityList = [];
-
-let dayNames =
-    ['Horaires',
-    'Lundi',
-    'Mardi',
-    'Mercredi',
-    'Jeudi',
-    'Vendredi',
-    'Weekend',];
-
-$(document).ready(function () {
-    generateTable();
-});
-
-function getDayActivities(day, callback) {
-    let object = {
-        "function": 'get_activities_of_day',
-        'day': day,
-    };
-    $.get(
-        ajaxurl,
-        object,
-        callback,
-    );
-}
-
-function getDataOfElement($elem) {
-    let id = $elem.attr('id');
-    let day = $elem.parent().attr('id').replace('day_', '');
-    let data = undefined;
-    for (let i = 0; i < activityList[day].length; i++) {
-        if (activityList[day][i]['ID'] === id) {
-            data = activityList[day][i];
-            break;
-        }
-    }
-    return data;
-}
-
-function clicked($elem){
-    let data = getDataOfElement($elem);
-    console.log(data);
-    $.alert({
-        title: data['full_title'],
-        content: data['description'],
-    });
-}
-
-
-function generateTable() {
-    tableWrapper.html(''); // Reset the table
-    generateHours();
-    for (let i = 1; i <= 6; i++) { // Iterate over the days
-        tableWrapper.append('<div class="day-column" id="day_' + i + '"><div class="planning-header">' + dayNames[i] + '</div></div>');
-        let $dayColumn = $('#day_'+i);
-        getDayActivities(i, function (data) {
-            activityList[i] = data;
-            for (let j = 0; j < data.length; j++) {
-                addActivityToColumn($dayColumn, data[j]);
-            }
-        });
-    }
-}
-
-function addActivityToColumn($col, act) {
-    let offsetTop = $col.find('.planning-header').outerHeight(true);
-    $col.append('<div class="event ' + act['small_title'] +'" + id="' + act['ID'] +'">' +
-        '<div class="event-color">' +
-        '<div class="event-text">' +
-        act['small_title'] +
-        '</div>' +
-        '</div>' +
-        '</div>');
-    let position = (act['start'] - startHour);
-    $('#' + act['ID']).css('top', offsetTop +  position * cellHeight);
-    $('#' + act['ID']).css('height', act['length'] * cellHeight);
-    $('#' + act['ID']).find('.event-color').css('background-color', act['color']);
-    $('#' + act['ID']).on('click', function () {
-        clicked($(this));
-    });
-}
-
-
-function generateHours() {
-    tableWrapper.append('<div id="hoursColumn"><div class="planning-header">Horaires</div></div>')
-    for (let i = startHour; i < 24; i++) {
-        tableWrapper.find('#hoursColumn').append('<div class="horaires">' + i + 'h</div>')
-    }
-    tableWrapper.find('.horaires').css('height', cellHeight);
-}
+let ajaxurl = 'ajax/read';
+
+
+let tableWrapper = $('#tablePlanning');
+let cellHeight = 50;
+let startHour = 8;
+
+let activityList = [];
+
+let dayNames =
+    ['Horaires',
+    'Lundi',
+    'Mardi',
+    'Mercredi',
+    'Jeudi',
+    'Vendredi',
+    'Weekend',];
+
+$(document).ready(function () {
+    generateTable();
+});
+
+function getDayActivities(day, callback) {
+    let object = {
+        "function": 'get_activities_of_day',
+        'day': day,
+    };
+    $.get(
+        ajaxurl,
+        object,
+        callback,
+    );
+}
+
+function getDataOfElement($elem) {
+    let id = $elem.attr('id');
+    let day = $elem.parent().attr('id').replace('day_', '');
+    let data = undefined;
+    for (let i = 0; i < activityList[day].length; i++) {
+        if (activityList[day][i]['ID'] === id) {
+            data = activityList[day][i];
+            break;
+        }
+    }
+    return data;
+}
+
+function clicked($elem){
+    let data = getDataOfElement($elem);
+    console.log(data);
+    $.alert({
+        title: data['full_title'],
+        content: data['description'],
+    });
+}
+
+
+function generateTable() {
+    tableWrapper.html(''); // Reset the table
+    generateHours();
+    for (let i = 1; i <= 6; i++) { // Iterate over the days
+        tableWrapper.append('<div class="day-column" id="day_' + i + '"><div class="planning-header">' + dayNames[i] + '</div></div>');
+        let $dayColumn = $('#day_'+i);
+        getDayActivities(i, function (data) {
+            activityList[i] = data;
+            for (let j = 0; j < data.length; j++) {
+                addActivityToColumn($dayColumn, data[j]);
+            }
+        });
+    }
+}
+
+function addActivityToColumn($col, act) {
+    let offsetTop = $col.find('.planning-header').outerHeight(true);
+    $col.append('<div class="event ' + act['small_title'] +'" + id="' + act['ID'] +'">' +
+        '<div class="event-color">' +
+        '<div class="event-text">' +
+        act['small_title'] +
+        '</div>' +
+        '</div>' +
+        '</div>');
+    let position = (act['start'] - startHour);
+    $('#' + act['ID']).css('top', offsetTop +  position * cellHeight);
+    $('#' + act['ID']).css('height', act['length'] * cellHeight);
+    $('#' + act['ID']).find('.event-color').css('background-color', act['color']);
+    $('#' + act['ID']).on('click', function () {
+        clicked($(this));
+    });
+}
+
+
+function generateHours() {
+    tableWrapper.append('<div id="hoursColumn"><div class="planning-header">Horaires</div></div>')
+    for (let i = startHour; i < 24; i++) {
+        tableWrapper.find('#hoursColumn').append('<div class="horaires">' + i + 'h</div>')
+    }
+    tableWrapper.find('.horaires').css('height', cellHeight);
+}

assets/js/sidenav.js

@@ -1,55 +1,48 @@
-let sidenav = $("#menuSidenav");
-let baguette = $("#baguette");
-let backButton = $("#back-button");
-
-let openedSidenavClass = 'sidenav-open';
-let activeBackgroundClass = 'active-background';
-
-/*
- * Open navigation menu, change Baguette icon to selected state
- * and display the back button overlay over the page
- */
-
-function openNav() {
-    sidenav.addClass(openedSidenavClass);
-    backButton.addClass(activeBackgroundClass);
-    enableBaguette();
-}
-
-
-/*
- * Close navigation menu, change Baguette icon back to default state
- * and hide the back button overlay
- */
-function closeNav() {
-    sidenav.removeClass(openedSidenavClass);
-    backButton.removeClass(activeBackgroundClass);
-    disableBaguette();
-}
-
-
-/*
- * Toggle the navigation bar
- */
-function toggleNav() {
-    if (sidenav.hasClass(openedSidenavClass)) {
-        closeNav();
-    } else {
-        openNav();
-    }
-}
-
-function disableBaguette() {
-    baguette.removeClass("change-clic");
-}
-
-function enableBaguette() {
-    baguette.addClass("change-clic");
-}
-
-// Animate baguette on hover
-baguette.hover(function(){
-    baguette.addClass("change-hover");
-}, function(){
-    baguette.removeClass("change-hover");
-});
+let sidenav = $("#menuSidenav");
+let baguette = $("#baguette");
+let backButton = $("#back-button");
+
+let openedSidenavClass = 'sidenav-open';
+let activeBackgroundClass = 'active-background';
+
+/*
+ * Open navigation menu, change Baguette icon to selected state
+ * and display the back button overlay over the page
+ */
+
+function openNav() {
+    sidenav.addClass(openedSidenavClass);
+    backButton.addClass(activeBackgroundClass);
+    enableBaguette();
+}
+
+
+/*
+ * Close navigation menu, change Baguette icon back to default state
+ * and hide the back button overlay
+ */
+function closeNav() {
+    sidenav.removeClass(openedSidenavClass);
+    backButton.removeClass(activeBackgroundClass);
+    disableBaguette();
+}
+
+
+/*
+ * Toggle the navigation bar
+ */
+function toggleNav() {
+    if (sidenav.hasClass(openedSidenavClass)) {
+        closeNav();
+    } else {
+        openNav();
+    }
+}
+
+function disableBaguette() {
+    baguette.removeClass("change-clic");
+}
+
+function enableBaguette() {
+    baguette.addClass("change-clic");
+}

assets/js/statsDisplay.js

@@ -1,52 +1,47 @@
-
-let entryTemplate =
-    '<div class="score-entry">' +
-    '<span class="score-entry-text"></span>' +
-    '<span class="score-entry-points"></span>' +
-    '</div>';
-
-function nameTeam(team){
-    if (team==='gli')
-    return "Glissefondor";
-    else if (team==='pek')
-        return "Peksentard";
-    else if (team==='boo')
-        return "Boomsouffle";
-    else
-        return "Verredaigle";
-
-}
-function showScores(team) {
-    console.log(team);
-    $.alert({
-        title: "<span id='title_" + team + "'>" + nameTeam(team) + "</span>",
-        content: function () {
-            let self = this;
-            let object = {
-                "function": 'get_scores',
-                'team': team,
-            };
-            return $.ajax({
-                url: "ajax/read",
-                data: object,
-                method: 'get'
-            }).done(function (data) {
-                for (let i = 0; i < data.length; i++) {
-                    let $entry = $(entryTemplate);
-                    $entry.attr('id', 'entry_' + i);
-                    $entry.find('.score-entry-text').text(data[i]['text']);
-                    $entry.find('.score-entry-points').text(data[i]['points']);
-                    if (parseInt(data[i]['points']) > 0)
-                        $entry.addClass('positive');
-                    else
-                        $entry.addClass('negative');
-                    self.setContentAppend($entry);
-                }
-            }).fail(function(){
-                self.setContent('Something went wrong.');
-            });
-        }
-    });
-}
-
-
+
+let entryTemplate =
+    '<div class="score-entry">' +
+    '<span class="score-entry-text"></span>' +
+    '<span class="score-entry-points"></span>' +
+    '</div>';
+
+function nameTeam(team){
+    if (team==='pek')
+    return "Pekstanas";
+    else if (team==='tam')
+        return "Tamboom";
+}
+function showScores(team) {
+    console.log(team);
+    $.alert({
+        title: "<span id='title_" + team + "'>" + nameTeam(team) + "</span>",
+        content: function () {
+            let self = this;
+            let object = {
+                "function": 'get_scores',
+                'team': team,
+            };
+            return $.ajax({
+                url: "ajax/read",
+                data: object,
+                method: 'get'
+            }).done(function (data) {
+                for (let i = 0; i < data.length; i++) {
+                    let $entry = $(entryTemplate);
+                    $entry.attr('id', 'entry_' + i);
+                    $entry.find('.score-entry-text').text(data[i]['text']);
+                    $entry.find('.score-entry-points').text(data[i]['points']);
+                    if (parseInt(data[i]['points']) > 0)
+                        $entry.addClass('positive');
+                    else
+                        $entry.addClass('negative');
+                    self.setContentAppend($entry);
+                }
+            }).fail(function(){
+                self.setContent('Something went wrong.');
+            });
+        }
+    });
+}
+
+

assets/js/timer.js

@@ -1,28 +1,28 @@
-// Set the date we're counting down to
-var countDownDate = new Date("Sep 2, 2019 8:00:00").getTime();
-
-// Update the count down every 1 second
-var x = setInterval(function () {
-
-    // Get todays date and time
-    var now = new Date().getTime();
-
-    // Find the distance between now an the count down date
-    var distance = countDownDate - now;
-
-    // Time calculations for days, hours, minutes and seconds
-    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-
-    // Output the result in an element with id="demo"
-    document.getElementById("timer").innerHTML = "Plus que <strong>" + days + "</strong> jours, <strong>" + hours + "</strong> heures, <strong>"
-        + minutes + "</strong> minutes et <strong>" + seconds + "</strong> dans le monde des Moldus...";
-
-    // If the count down is over, write some text
-    if (distance < 0) {
-        clearInterval(x);
-        document.getElementById("timer").innerHTML = "Bienvenue dans le monde des Sorciers !";
-    }
-}, 1000);
+// Set the date we're counting down to
+var countDownDate = new Date("Aug 31, 2020 8:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function () {
+
+    // Get todays date and time
+    var now = new Date().getTime();
+
+    // Find the distance between now an the count down date
+    var distance = countDownDate - now;
+
+    // Time calculations for days, hours, minutes and seconds
+    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+    // Output the result in an element with id="demo"
+    document.getElementById("timer").innerHTML = "Plus que <strong id='timer-space'>" + days + "</strong> jours, <strong id='timer-space'>" + hours + "</strong> heures, <strong id='timer-space'>"
+        + minutes + "</strong> minutes et <strong id='timer-space'>" + seconds + "</strong> dans la civilisation...";
+
+    // If the count down is over, write some text
+    if (distance < 0) {
+        clearInterval(x);
+        document.getElementById("timer").innerHTML = "Bienvenue dans l'aventure !";
+    }
+}, 1000);

blouse.php

@@ -1,134 +1,95 @@
-<?php
-ob_start(); // Start reading html
-?>
-<div class="inner">
-    <h1>La Blouse</h1>
-    <p>Salut à toi PPA !</p>
-    <p>Tu te demandes sûrement pourquoi un article entier est dédié́ à la blouse. À l’INSARD, la blouse, et je dis
-        bien LA blouse, ce n’est pas du bizutage loin de là, c’est une tradition ancestrale que les Moldus ne
-        peuvent pas comprendre. Mais toi, par contre, il va vite falloir que tu t’y habitues.
-        Attention Potionniste Pauvrement Accoutré ! Il ne s’agit pas seulement d’un Tablier de protection lors de
-        tes cours de potions mais plutôt d’une sorte de cape d’invisibilité qui te suivra tout au long de ton aventure.
-    </p>
-    <p> Il faut savoir que chaque promotion est caractérisée par des couleurs de blouses. Et chaque blouse
-        <strong>doit être teintée et décorée </strong> d’après le thème de ta promo. </p>
-    <p>
-    <p>Par exemple, les autres promotions étaient : </p>
-    <ul id="list-blouse">
-        <li> En <strong style="color: #1a5dad">Bleu Galactique</strong> et
-            <strong style="color: #ee293d">Rouge Intersidéral</strong> (c’est nous, les Généreux Démons Attirants qui
-            vous ont
-            concocté une semaine d’accueil mémorable !) comme les soldats de la Guerre Froide que nous
-            représentons
-        </li>
-        <li> Tout en <strong style="color: #ee78d8">Rose</strong> comme les petits cochons de la ferme
-            (pour nos parrains et marraines)
-        </li>
-    </ul>
-    <p> Comme tu as été accepté à l’INSA, le Choixpeau t’a attribué une Maison, ceci étant, cette robe,
-        que dis-je ? Cette toge, cette ma-gni-fi-que Blouse est essentielle pour déterminer ton acceptation finale
-        à l’INSARD, l’Institut Novateur des Sorciers Apprentis Roguiens ou Dumbledoriens.
-        <br>
-        Cette année, tu vas devoir faire tes preuves dès la rentrée en customisant toi-même l’uniforme scolaire aux
-        couleurs de ta famille, et te surpasser ! C’est hyper-méga-supra important que tu l’aie, elle te sera
-        indispensable pendant la semaine d’accueil, et obligatoire pour les joyeux TP qui t’attendent...
-        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>
-        Cette année le thème c’est <strong> Harry Potter</strong> donc en gros la magie et tout ça au cas où
-        tu n’aurais toujours pas compris… Les vacances sont terminées, tu as une tâche bien plus importante
-        désormais, donc au boulot !
-    </P>
-    <p> Comment s’y prendre ? Voici nos explications pour résoudre ce mystère : </p>
-    <ul id="list-blouse">
-        <li>Achète ou récupère une blouse de chimie tout ce qu’il y a de plus classique
-            (pour l’instant…). Bon, tu suis toujours ? Alors on monte dans la difficulté
-        </li>
-        <li>Teints ta blouse avec une teinture <strong style="color: #60bdff">Bleu envoûtant</strong> si tu es un
-            Verredaigle,
-            en un <strong style="color: #fafd78">Jaune Magnétique</strong> si tu représentes les Boomsouffles, si tu es
-            un Glissfondor prends
-            du <strong style="color: #FF5F5F">Rouge Surnaturel</strong> et enfin pour les Peksentards ce sera du
-            <strong style="color: #7FFD78">Vert Subjuguant</strong>.
-            <br> <strong style="color: #ff000f"> C’est la couleur de ta plaquette qui définit ta maison.</strong></li>
-        <li>Décore ta blouse en brodant et cousant selon le thème et ton équipe. Mais attention, tu ne
-            peux pas faire n’importe quoi, il y a des règles strictes à l’INSARD (on ne rigole pas ici).
-        </li>
-    </ul>
-    <h3>
-        Voici donc un petit recap’ des regles si tu
-        veux etre aussi style(e) que Fleur Delacour !
-
-    </h3>
-    <h2>Les 5 commandements de la blouse :</h2>
-    <ul id="list-blouse">
-        <li>
-            Uniquement fils et aiguilles tu utiliseras.
-        </li>
-        <li>
-            Par toi-même décorer ta blouse tu devras, l’aide de maman et mamie tu ne demanderas donc pas. Il est aussi
-            interdit d’utiliser n’importe quel type de magie : potions ou sortilèges. (Et oui, on y est tous passé, à
-            ton tour maintenant)
-        </li>
-        <li>
-            Pas de marqueurs ou de feutres, ils sont réservés aux Géniaux Druides Autoritaires que nous sommes pour
-            t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
-        </li>
-        <li>
-            Comme sur le schéma qui suit, et avec les consignes qui suivent; tu devras décorer ta blouse :
-            <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
-                    “INSA 57” 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 fantaisies
-                    sur le thème magique d’Harry Potter aux couleurs DE TA MAISON ! On doit pouvoir reconnaître si tu es
-                    un vicieux Peksentard, un Verredaigle éclairé, un valeureux Glissefondor ou un chaleureux
-                    Boomsouffle !
-                </li>
-            </ul>
-        </li>
-
-        <li>
-            Sois créatif et original, des bonus sont à la clé. Et n’oublies pas de faire preuve d’humour ! Et on ne le
-            dira jamais assez … GARE AUX TRICHEURS !
-        </li>
-    </ul>
-    <p>Applique-toi bien car qui sait, tu seras peut-être élu Miss ou Mister Blouse pendant la COM Nimbus 2001.</p>
-    <p>Ci-dessous, un exemple illustratif de ta blouse après customisation pour la team Peksentard, le but étant de s’en
-        inspirer mais pas de la reproduire…</p>
-    <p>
-        <img src="assets/images/blouse/blouse_exemple.jpg" alt="exemple blouse">
-    <h3>
-        Pour te motiver, voici ce que notre Miss Blouse avait fait l'annee derniere :
-    </h3>
-
-    <img src="assets/images/blouse/blouse_devant_sarah.jpg" alt="blouse sarah devant">
-    <img src="assets/images/blouse/blouse_dos_sarah.jpg" alt="blouse sarah dos">
-
-    <h3>
-        Et voici la blouse de notre Mister Blouse :
-    </h3>
-
-    <img src="assets/images/blouse/blouse_devant_maxime.jpg" alt="blouse maxime devant">
-    <img src="assets/images/blouse/blouse_dos_maxime.jpg" alt="blouse maxime dos">
-
-    <p>
-        <span class="quote">“ Ce qu’il nous faudrait, poursuivit lentement Dumbledore, c’est un peu plus de temps…”</span><br>
-        Harry Potter et le prisonnier d’Azkaban.
-
-    </p>
-</div>
-
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Blouse";
-include("includes/template.php"); // Display template with variable content
-?>
+<?php
+ob_start(); // Start reading html
+?>
+<div class="inner">
+    <h1>La Blouse</h1>
+
+    <p>Salut à toi Prétendant aux Poteaux Abominables !</p>
+    <p>Te voilà arrivé à la partie la plus importante de la plaquette. Et oui, même s’il ne
+    t’arrive pas par la mer, ce mot est bien le parchemin te donnant les règles de ta toute
+    première épreuve : la Blouse… que dis-je ? TA Blouse ! Ce que tu vas lire dans les prochains
+    paragraphes va t’expliquer comment confectionner ta pièce d'identité Insaïenne pour les 5
+    années à venir (voire plus si affinité…).
+    En tant que bon aventurier, tu ne viendras pas vêtu d’un simple maillot de bain, bah
+    ouais, les coups de soleil ça ne pardonne pas ! Heureusement pour toi, il est à l’INSA une
+    tradition ancestrale à laquelle tu n’échapperas pas : la Blouse. En plus de te protéger, elle
+    sera l'accessoire qui TE représente toi et ta promo.</p>
+    <p>Ainsi sur l’Île Nicoya Sauvage et Aride toulousaine tu pourras croiser différents spécimens :
+    <ul id="list-blouse">
+        <li>Les sorciers que nous sommes aux couleurs des 4 maisons d’Harry Potter.</li>
+        <li>Les soldats de la Guerre froide de la promo 56 en Bleu Galactique et en Rouge
+    Intersidéral.</li>
+        <li>Et toutes les autres tribus que nous te laisserons découvrir.
+    A ton tour, tu vas devoir créer ton passeport d’aventurier pour te lancer dans ces
+    grandes péripéties. Il est primordial que tu arrives avec ta blouse décorée à la rentrée. Tu la
+    porteras durant toute la semaine d’accueil ainsi que lors de tous tes futurs TPs. Mais pas de
+    panique ! C’est trivial, Miss et Mister Blouse 2019 vont tout t’expliquer, et à la fin, tu adoreras
+    Lacouture.
+    Maintenant que tu as été accepté à l’INSA, Denis t’a attribué une équipe.</li>
+        <li>Si ta plaquette est jaune comme le soleil du Costa Rica, tu appartiens à l’équipe des
+    Pekstanas.</li>
+        <li>Si par contre elle est rouge comme le corail des mers tropicales, alors tu fais partie
+    de l’équipe des Tamboom.
+    Fort de cette information, voilà ce que tu dois faire.</li>
+        <li>Récupère ta blouse blanche de chimie du lycée ou procures-en toi une nouvelle.</li>
+        <li>Teins ton vêtement aux couleurs de ton équipe : jaune flamboyant pour les
+    Pekstanas, rouge écarlate pour les Tamboom.</li>
+        <li>Décore ta blouse sur le thème de Koh-Lanta, donc en rapport avec l’émission, les
+    tropiques, l’aventure, Denis Brogniart... Tu as compris l’idée.</li>
+    </ul></b>
+    <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 de fils et d’aiguilles tu t’armeras.</li>
+        <li>Par toi-même 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>Pas de marqueurs ou de feutres tu n’utiliseras, ils sont réservés aux Grands Denis
+        Avertis 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 devant on veut voir ton prénom, le blason et le nom de ton bled
+        d’origine.<br>
+        - À l’arrière, tu mettras ton surnom (en gros et bien visible) et “INSA 58” en
+        TRÈS gros, car tu aimes ta promo.<br>
+        - Quant aux espaces vides, aux poches et aux manches, il faudra les combler
+        de broderies et fantaisies, cousues sur le thème de Koh-Lanta et 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 ! 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>
+        <img src="assets/images/blouse/blouse_exemple.png" alt="Exemple blouse">
+    </ul></p>
+
+    <p>Tu sais désormais tout sur cette première épreuve. Alors, comme dirait Denis,
+    « L’AVENTURE COMMENCE MAINTENANT ! » Applique-toi bien ! Car qui sait ? Tu seras
+    peut-être élu Miss ou Mister Blouse, au terme d’un concours épique entre les meilleurs
+    couturiers de l’île !
+    “À la fin il n’en restera qu’un !” (Je sais Jim… Tu n’as pas fait de faux départ, mais
+    l’histoire devait s’écrire ainsi.)</p>
+    <p>
+        
+    <h3>
+        Pour te motiver, voici ce que notre Miss Blouse avait fait l'annee derniere :
+    </h3>
+
+    <img src="assets/images/blouse/blouse_devant_elsa.jpg" alt="Blouse Elsa devant">
+    <img src="assets/images/blouse/blouse_derriere_elsa.jpg" alt="Blouse Elsa dos">
+
+    <h3>
+        Et voici la blouse de notre Mister Blouse :
+    </h3>
+
+    <img src="assets/images/blouse/blouse_devant_matthieu.jpg" alt="Blouse Matthieu devant">
+    <img src="assets/images/blouse/blouse_derriere_matthieu.jpg" alt="Blouse Matthieu dos">
+</div>
+
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Blouse";
+include("includes/template.php"); // Display template with variable content
+?>

boomsouffle.php

@@ -1,29 +0,0 @@
-<?php
-ob_start(); // Start reading html
-?>
-<div class="inner">
-    <h1>Boomsouffle</h1>
-
-    <p>
-        Bienvenue dans la plus belle des maisons ! A contrario des autres, nos valeurs sont les plus belles
-        : loyauté, sincérité, persévérance... La liste est encore
-        bien longue... Comme à ton habitude, tu te donneras à fond pour que l'on remporte cette Coupe !
-        Et je ne doute aucunement de tes capacités ! Alors je compte sur toi et ton gaz, et te donne rendez-vous
-        très vite, pour montrer aux autres qu'on est absolument indispensables et pour rentrer dans la légende !
-    </p>
-
-    <p>
-        N'oublie pas de rejoindre ton groupe <a href="https://www.facebook.com/groups/608536079623052/"> Facebook</a>
-        et de colorer ta blouse en un <strong style="color: #fafd78">Jaune Magnétique</strong> !
-    </p>
-    <br/>
-    Signé Sarah Diggouni
-    <br/>
-    <img style="max-width: 300px" src="assets/images/teams/diggouni.jpg"></div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$customBackgroundId = "bg_boo";
-$pageTitle = "Boomsouffle";
-include("includes/template.php"); // Display template with variable content
-?>

chansons.php

@@ -0,0 +1,24 @@
+<?php
+ob_start(); // Start reading html
+?>
+    <div class="inner">
+        <h1>Les chansons</h1>
+		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:
+        <br><br>
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/gEPCrrLNfoI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <br><br>
+		<iframe width="560" height="315" src="https://www.youtube.com/embed/FU-9kt-qi1g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <br><br>
+		<iframe width="560" height="315" src="https://www.youtube.com/embed/PnFNYo9VHAM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <br><br>
+		<iframe width="560" height="315" src="https://www.youtube.com/embed/_YXjuDdcH3g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <br><br>
+    </div>
+
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Les chansons";
+include("includes/template.php"); // Display template with variable content
+?>

classes/dao.php

@@ -1,98 +1,97 @@
-<?php
-
-class Dao
-{
-
-    private $conn;
-
-    public function __construct()
-    {
-        $username = 'accueil_insa';
-        $password = $this->read_password();
-        $dsn = 'mysql:dbname=accueil_insa;host=127.0.0.1';
-        try {
-            $this->conn = new PDO($dsn, $username, $password, [PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8']);
-        } catch (PDOException $e) {
-            echo $e;
-        }
-    }
-
-    private function read_password()
-    {
-        $real_path = __DIR__.DIRECTORY_SEPARATOR.".htpassdb";
-        $file = fopen($real_path, "r") or die("Unable to open DB password file!");;
-        $password = fgets($file);
-        fclose($file);
-        return trim($password);
-    }
-
-    public function get_score_team($team)
-    {
-        $sql = 'SELECT text, points FROM scores WHERE team = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$team]);
-        return $cursor->fetchAll(PDO::FETCH_ASSOC);
-    }
-
-    public function save_scores($scores_json, $team)
-    {
-        $sql = 'DELETE FROM scores WHERE team = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$team]);
-        foreach ($scores_json as $value) {
-            $sql = 'INSERT INTO scores (text, points, team) VALUES (?, ?, ?)';
-            $cursor = $this->conn->prepare($sql);
-            $cursor->execute([$value['text'], $value['points'], $team]);
-        }
-    }
-
-    public function get_map_info($selector)
-    {
-        $sql = 'SELECT title, description FROM map_insa WHERE selector = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$selector]);
-        return $cursor->fetchAll(PDO::FETCH_ASSOC);
-    }
-
-    public function get_map_selectors()
-    {
-        $sql = 'SELECT selector FROM map_insa';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute();
-        return $cursor->fetchAll(PDO::FETCH_ASSOC);
-    }
-
-    public function save_map_info($selector, $info_json)
-    {
-        $sql = 'DELETE FROM map_insa WHERE selector = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$selector]);
-        $sql = 'INSERT INTO map_insa (title, description, selector) VALUES (?, ?, ?)';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$info_json['title'], $info_json['description'], $selector]);
-    }
-
-    public function get_activities_of_day($day)
-    {
-        $sql = 'SELECT * FROM planning_insa WHERE day = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$day]);
-        return $cursor->fetchAll(PDO::FETCH_ASSOC);
-    }
-
-    public function save_day_activities($day, $info_json)
-    {
-        $sql = 'DELETE FROM planning_insa WHERE day = ?';
-        $cursor = $this->conn->prepare($sql);
-        $cursor->execute([$day]);
-
-        foreach ($info_json as $value) {
-            $sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, color, start, length) VALUES (?, ?, ?, ?, ?, ?, ?)';
-            $cursor = $this->conn->prepare($sql);
-            $cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['color'], $value['start'], $value['length']]);
-        }
-    }
-}
-
-
-
+<?php
+
+class Dao
+{
+
+    private $conn;
+
+    public function __construct()
+    {
+        $username = 'accueil_insa';
+        $password = $this->read_password();
+        $dsn = 'mysql:dbname=accueil_insa;host=127.0.0.1';
+        try {
+            $this->conn = new PDO($dsn, $username, $password, [PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8']);
+        } catch (PDOException $e) {
+            echo $e;
+        }
+    }
+
+    private function read_password()
+    {
+        $real_path = __DIR__.DIRECTORY_SEPARATOR.".htpassdb";
+        $file = fopen($real_path, "r") or die("Unable to open DB password file!");;
+        $password = fgets($file);
+        fclose($file);
+        return trim($password);
+    }
+
+    public function get_score_team($team)
+    {
+        $sql = 'SELECT text, points FROM scores WHERE team = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$team]);
+        return $cursor->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    public function save_scores($scores_json, $team)
+    {
+        $sql = 'DELETE FROM scores WHERE team = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$team]);
+        foreach ($scores_json as $value) {
+            $sql = 'INSERT INTO scores (text, points, team) VALUES (?, ?, ?)';
+            $cursor = $this->conn->prepare($sql);
+            $cursor->execute([$value['text'], $value['points'], $team]);
+        }
+    }
+
+    public function get_map_info($selector)
+    {
+        $sql = 'SELECT title, description FROM map_insa WHERE selector = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$selector]);
+        return $cursor->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    public function get_map_selectors()
+    {
+        $sql = 'SELECT selector FROM map_insa';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute();
+        return $cursor->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    public function save_map_info($selector, $info_json)
+    {
+        $sql = 'DELETE FROM map_insa WHERE selector = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$selector]);
+        $sql = 'INSERT INTO map_insa (title, description, selector) VALUES (?, ?, ?)';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$info_json['title'], $info_json['description'], $selector]);
+    }
+
+    public function get_activities_of_day($day)
+    {
+        $sql = 'SELECT * FROM planning_insa WHERE day = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$day]);
+        return $cursor->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    public function save_day_activities($day, $info_json)
+    {
+        $sql = 'DELETE FROM planning_insa WHERE day = ?';
+        $cursor = $this->conn->prepare($sql);
+        $cursor->execute([$day]);
+
+        foreach ($info_json as $value) {
+            $sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, color, start, length) VALUES (?, ?, ?, ?, ?, ?, ?)';
+            $cursor = $this->conn->prepare($sql);
+            $cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['color'], $value['start'], $value['length']]);
+        }
+    }
+}
+
+

clubs.php

@@ -0,0 +1,13 @@
+<?php
+ob_start(); // Start reading html
+?>
+    <div class="inner">
+        <h1>Page en construction, repassez plus tard !</h1>
+    </div>
+
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Les clubs";
+include("includes/template.php"); // Display template with variable content
+?>

computerorder.php

@@ -1,12 +0,0 @@
-<div><p>Remplis ce formulaire pour commander tes photos ! Surtout, n'oublie pas de noter le numéro de la photo que tu souhaites
-    suivie entre parenthèses du format ((P) ou (N) selon la taille), et ce pour toutes les photos que tu vas commander ! Et
-    ne te trompe pas non plus sur le jour des photos ! (Petite précision, le numéro de la photo est écrit en bas à gauche sur la photo
-    !) Si jamais tu as un problème au niveau de ta commande ou avec le formulaire, envoie un mail à cette
-        adresse : photos.semaine.accueil.2019@gmail.com .</p></div><br>
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeO6bMXq2AHBkel6tFxsyzYpnkNU5AMbLMO9_MkQs02OyIMKA/viewform?embedded=true" width="750" height="1290" frameborder="0" marginheight="0" marginwidth="0">Chargement…</iframe>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Commande";
-include("includes/template.php"); // Display template with variable content
-?>

coms.php

@@ -1,107 +1,120 @@
-<?php
-ob_start(); // Start reading html
-?>
-    <div class="inner">
-        <h1>Les Com's</h1>
-        <p>La liste de toutes les com's de ta semaine d'accueil, avec les contacts des responsables.</p>
-    </div>
-<?php
-$comId = "";
-$comTitle = "La Respo des Com's";
-$comDescription = "Prête à tous les possibles pendant cette semaine inténsement gazive !";
-$comRespo = "Léa Raucroy";
-$comRespoId = "lraucroy@etud.insa-toulouse.fr";
-$comRespo2 = "";
-$comRespo2Id = "";
-include("includes/com_template.php");
-
-
-$comId = "ComSiriusBlack";
-$comTitle = "Com Sirius Black";
-$comDescription = "Presque prêts pour vous accueillir !!!";
-$comRespo = "Christine Berho";
-$comRespoId = "berho@etud.insa-toulouse.fr";
-$comRespo2 = "Renaud Kempf";
-$comRespo2Id = "rkempf@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Animagus";
-$comDescription = "Mot d'ordre : Incendio";
-$comRespo = "Célestine Paillé";
-$comRespoId = "";
-$comRespo2 = "Gaston Opler";
-$comRespo2Id = "opler@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "ComPatronus";
-$comTitle = "Com Patronus";
-$comDescription = "Là pour sauver des vies";
-$comRespo = "Yann Tremblay";
-$comRespoId = "tremblay@etud.insa-toulouse.fr";
-$comRespo2 = "Florian Hoorelbeke";
-$comRespo2Id = "hoorelbe@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Stupefix";
-$comDescription = "Toujours là pour capturer vos moments magiques";
-$comRespo = "Shivaree Pimenta";
-$comRespoId = "pimenta@etud.insa-toulouse.fr";
-$comRespo2 = "";
-$comRespo2Id = "";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Maraudeur";
-$comDescription = "A la recherche du vif d'or !";
-$comRespo = "Louis Roasio";
-$comRespoId = "roasio@etud.insa-toulouse.fr";
-$comRespo2 = "Nicolas Julia";
-$comRespo2Id = "njulia@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Pre-au-Lard";
-$comDescription = "Prêts pour te faire découvrir les secrets de la ville rose";
-$comRespo = "Mathis Ribette";
-$comRespoId = "ribette@etud.insa-toulouse.fr";
-$comRespo2 = "Lucas Marchant";
-$comRespo2Id = "marchant@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Ravitaillement";
-$comDescription = "Ici, c'est la <a id=hideenigma href=\"enigma.php\">Compote</a> qui vous ravit !";
-$comRespo = "Hugo Franceschi";
-$comRespoId = "francesc@etud.insa-toulouse.fr";
-$comRespo2 = "Abdessalem Guedouar";
-$comRespo2Id = "guedouar@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Spe'Bar";
-$comDescription = "Des potions pour en voir de toutes les couleurs";
-$comRespo = "Alban Charonnat";
-$comRespoId = "charonna@etud.insa-toulouse.fr";
-$comRespo2 = "";
-$comRespo2Id = "";
-include("includes/com_template.php");
-
-$comId = "";
-$comTitle = "Com Nimbus 2001";
-$comDescription = "Et si la Com Nimbus réveillait votre Patronus ?";
-$comRespo = "Benjamin Fol";
-$comRespoId = "fol@etud.insa-toulouse.fr";
-$comRespo2 = "Clément Paillet";
-$comRespo2Id = "cpaillet@etud.insa-toulouse.fr";
-include("includes/com_template.php");
-
-?>
-    <div class="inner"></div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Com's";
-include("includes/template.php"); // Display template with variable content
+<?php
+ob_start(); // Start reading html
+?>
+    <div class="inner">
+        <h1>Les Com's</h1>
+        <p>La liste de toutes les com's de ta semaine d'accueil, avec les contacts des responsables.</p>
+    </div>
+<?php
+$comId = "";
+$comTitle = "Le Prez et la Vice Prez";
+$comRespo = "Maixent Cassagne";
+$comRespoId = "mcassagn@etud.insa-toulouse.fr";
+$comRespo2 = "Axelle Robillard";
+$comRespo2Id = "robillar@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "Bureau1";
+$comTitle = "Le Bureau pt.1";
+$comRespo = "Nicolas Birkeland<br>Secrétaire";
+$comRespoId = "birkelan@etud.insa-toulouse.fr";
+$comRespo2 = "Lea Steyer<br>Trésorière";
+$comRespo2Id = "steyer@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "Bureau2";
+$comTitle = "Le Bureau (la suite)";
+$comRespo = "Matthieu Tavernier<br>Responsable WINI";
+$comRespoId = "m_tavern@etud.insa-toulouse.fr";
+$comRespo2 = "Lou Ann Lacassagne<br>Responsable Communication";
+$comRespo2Id = "lalacass@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "ComAnimaventure";
+$comTitle = "Com Animaventure";
+$comRespo = "Lea Pleynet";
+$comRespoId = "pleynet@etud.insa-toulouse.fr";
+$comRespo2 = "Cyril Moquay";
+$comRespo2Id = "moquay@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "Com Immunité";
+$comTitle = "Com Immunité";
+$comRespo = "Solène Bourguet";
+$comRespoId = "sbourguet@laposte.net";
+$comRespo2 = "Ayoub Bahi";
+$comRespo2Id = "bahi@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "Kohmvile";
+$comTitle = "Kohm’v’ile";
+$comRespo = "Loann Valton";
+$comRespoId = "loann.valton@sfr.fr";
+$comRespo2 = "Elorri Laxague";
+$comRespo2Id = "elaxague@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "KohmBene";
+$comTitle = "Kohm Béné";
+$comRespo = "Clément Guichard";
+$comRespoId = "guichardclement@outlook.fr";
+$comRespo2 = "Eliot Drou";
+$comRespo2Id = "eliotd33wxcvbn@gmail.com";
+include("includes/com_template.php");
+
+$comId = "ComOrientINSA";
+$comTitle = "Com Orient’INSA";
+$comRespo = "Solène Delran";
+$comRespoId = "delran@etud.insa-toulouse.fr";
+$comRespo2 = "Antonin Lezat";
+$comRespo2Id = "lezat@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "ComRavitaillement";
+$comTitle = "Com Ravitaillement";
+$comRespo = "Zazie Gardeau";
+$comRespoId = "zazie.gardeau@hotmail.fr";
+$comRespo2 = "Justin Lombard";
+$comRespo2Id = "jlombard@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "ComMoundir";
+$comTitle = "Com Moundir";
+$comRespo = "Jim Noirbuisson";
+$comRespoId = "jim.noirbusson@gmail.com";
+$comRespo2 = "Liloï Lourde Rocheblave";
+$comRespo2Id = "liloilourderocheblave@gmail.com";
+include("includes/com_template.php");
+
+$comId = "ComPhoto";
+$comTitle = "Com Photo";
+$comRespo = "Pauline Dupuy";
+$comRespoId = "dupuypauline38@gmail.com";
+$comRespo2 = "";
+$comRespo2Id = "";
+include("includes/com_template.php");
+
+$comId = "ComGraphisme";
+$comTitle = "Com Graphisme";
+$comRespo = "Cyprien Heusse";
+$comRespoId = "cyprien@heusse.com";
+$comRespo2 = "Naïs Pistre";
+$comRespo2Id = "pistre@etud.insa-toulouse.fr";
+include("includes/com_template.php");
+
+$comId = "ComPlaquette";
+$comTitle = "Com Plaquette";
+$comRespo = "Lucie Blosse";
+$comRespoId = "lucie.blosse@gmail.com";
+$comRespo2 = "Sarah Bobillot";
+$comRespo2Id = "sarahbobillot04@gmail.com";
+include("includes/com_template.php");
+
+?>
+    <div class="inner"></div>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Com's";
+include("includes/template.php"); // Display template with variable content
 ?>

downloads.php

@@ -1,31 +1,28 @@
-<?php
-ob_start(); // Start reading html
-?>
-    <div class="inner">
-        <h1>Les Telechargements</h1>
-        <p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
-        <ul>
-
-            <li>
-                <a href="assets/pdf/Plaquette-INSA-2019-Promo-57.pdf">La plaquette</a>
-            </li>
-            <li>
-                <a href="assets/pdf/Fiche-Parrainge.pdf">La fiche de parrainage</a>
-            </li>
-            <li>
-                <a href="assets/pdf/Fiche-Parrainge-Anglais.pdf">La même en anglais - Godparent form in english</a>
-            </li>
-            <li>
-                <a href="assets/pdf/Fiche-Autorisation-Droit-Image.pdf">La charte de droit à l'image</a>
-            </li>
-            <li>
-                <a href="assets/pdf/Fiche-WINI.pdf">La fiche d'autorisation pour le WINI</a>
-            </li>
-        </ul>
-    </div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Téléchargements";
-include("includes/template.php"); // Display template with variable content
-?>
+<?php
+ob_start(); // Start reading html
+?>
+    <div class="inner">
+        <h1>Les Telechargements</h1>
+        <p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
+        <ul>
+
+            <li>
+                <a href="assets/pdf/Plaquette-INSA-2020-Promo-58.pdf">La plaquette</a>
+            </li>
+            <li>
+                <a href="assets/pdf/Fiche-Parrainge.pdf">La fiche de parrainage</a>
+            </li>
+            <li>
+                <a href="assets/pdf/Charte-GB.pdf">La charte gestes barrières</a>
+            </li>
+            <li>
+                <a href="assets/pdf/Fiche-Autorisation-Droit-Image.pdf">La charte de droit à l'image</a>
+            </li>
+        </ul>
+    </div>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Téléchargements";
+include("includes/template.php"); // Display template with variable content
+?>

enigma.php

@@ -1 +0,0 @@
-Ils m'ont tous trouvé, j'attends leurs réponses. Signé : Arthurus

errors/401.php

@@ -1,25 +1,25 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../";
-
-?>
-<div class="inner">
-    <h1>Acces non autorise</h1>
-    <h2>Erreur 401</h2>
-
-    <p>
-        Vous n'avez pas le droit d'accéder à cette page
-    </p>
-
-    <a href="<?= $relativePath ?>index.php" class="website-back-button">
-        Retour sur le site
-    </a>
-</div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Erreur 401";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../";
+
+?>
+<div class="inner">
+    <h1>Acces non autorise</h1>
+    <h2>Erreur 401</h2>
+
+    <p>
+        Vous n'avez pas le droit d'accéder à cette page
+    </p>
+
+    <a href="<?= $relativePath ?>index.php" class="website-back-button">
+        Retour sur le site
+    </a>
+</div>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Erreur 401";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

errors/404.php

@@ -1,21 +1,21 @@
-<?php
-ob_start(); // Start reading html
-$relativePath = "../";
-
-?>
-<div class="inner">
-    <h1>Page non trouvee</h1>
-    <h2>Erreur 404</h2>
-
-    <a href="<?= $relativePath ?>index.php" class="website-back-button">
-        Retour sur le site
-    </a>
-</div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$pageTitle = "Erreur 404";
-
-include($relativePath . "includes/template.php"); // Display template with variable content
-
-?>
+<?php
+ob_start(); // Start reading html
+$relativePath = "../";
+
+?>
+<div class="inner">
+    <h1>Page non trouvee</h1>
+    <h2>Erreur 404</h2>
+
+    <a href="<?= $relativePath ?>index.php" class="website-back-button">
+        Retour sur le site
+    </a>
+</div>
+
+<?php
+$pageContent = ob_get_clean(); // Store html content in variable
+$pageTitle = "Erreur 404";
+
+include($relativePath . "includes/template.php"); // Display template with variable content
+
+?>

glissefondor.php

@@ -1,29 +0,0 @@
-<?php
-ob_start(); // Start reading html
-?>
-<div class="inner">
-    <h1>Glissefondor</h1>
-    <p>
-        Tu fais partie de la fabuleuse maison Glissefondor ! Comme tu le sais, notre prestige a été maintes
-        et maintes fois au cours du temps. Nous sommes aussi les plus
-        intelligents, les plus forts, et nous le démontrerons durant cette semaine. Depuis plusieurs
-        années nous ramenons la Coupe à la maison, et nous comptons de nouveau le faire cette année !
-        Alors ne te laisse pas envahir par ton inexpérience, n'oublie pas ta cape ainsi que ta b(r)aguette, et montre
-        aux autres
-        toute la grandeur de notre maison !
-    </p>
-    <p>
-        N'oublie pas de rejoindre ton groupe <a  href="https://www.facebook.com/groups/598630593981928/"> Facebook</a>
-        et de colorer ta blouse en un <strong style="color: #FF5F5F">Rouge Surnaturel</strong> !
-    </p>
-    <br/>
-    Signé Célestine Paillebledore
-    <br/>
-    <img style="max-width: 300px" src="assets/images/teams/paillebledore.jpg"></div>
-
-<?php
-$pageContent = ob_get_clean(); // Store html content in variable
-$customBackgroundId = "bg_gli";
-$pageTitle = "Glissefondor";
-include("includes/template.php"); // Display template with variable content
-?>

includes/com_template.php

@@ -1,38 +1,38 @@
-<div class="com-container">
-    <h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
-    <table id="table-coms">
-        <tr>
-            <td class="com-description"><?= $comDescription ?></td>
-        </tr>
-
-        <tr>
-            <td><br></td>
-        </tr>
-
-        <tr>
-            <td><?= $comRespo ?></td>
-        </tr>
-
-        <tr>
-            <td><?= $comRespoId ?></td>
-        </tr>
-        </tr>
-
-        <?php if ($comRespo2 != ""): ?>
-
-            <tr>
-                <td><br></td>
-            </tr>
-
-            <tr>
-                <td><?= $comRespo2 ?></td>
-            </tr>
-
-            <tr>
-                <td><?= $comRespo2Id ?></td>
-            </tr>
-
-        <?php endif; ?>
-
-    </table>
-</div>
+<div class="com-container">
+    <h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
+    <table id="table-coms">
+        <tr>
+            <td class="com-description"><?= $comDescription ?></td>
+        </tr>
+
+        <tr>
+            <td><br></td>
+        </tr>
+
+        <tr>
+            <td><?= $comRespo ?></td>
+        </tr>
+
+        <tr>
+            <td><?= $comRespoId ?></td>
+        </tr>
+        </tr>
+
+        <?php if ($comRespo2 != ""): ?>
+
+            <tr>
+                <td><br></td>
+            </tr>
+
+            <tr>
+                <td><?= $comRespo2 ?></td>
+            </tr>
+
+            <tr>
+                <td><?= $comRespo2Id ?></td>
+            </tr>
+
+        <?php endif; ?>
+
+    </table>
+</div>

includes/copyright.php

@@ -1,19 +1,19 @@
-<p class="copyright">
-    Site de la semaine d'accueil 2019 pour l'INSA Toulouse
-</p>
-<p class="copyright">
-    Tous les éléments présents sur ce site sont représentés à des fins humoristiques. Nous ne cherchons en aucun
-    cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.
-</p>
-<p class="copyright">
-    Ce site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez-
-    vous sur la page <a href="<?= $relativePath ?>info.php">Infos</a> pour plus de détails.
-</p>
-<p class="copyright">Contacter <a href='<?= $relativePath ?>info.php#sarah'>Sarah, la responsable de la semaine</a>, pour plus d'informations</p>
-<p class="copyright"> Site maintenu par <a href='<?= $relativePath ?>info.php#arthur'>Arthur Boivert</a></p>
-<p class="copyright">
-    <script type="text/javascript">
-        var d = new Date();
-        document.write("Copyright © " + d.getFullYear() + " <a href='<?= $relativePath ?>info.php#arnaud'>Arnaud VERGNET</a>")
-    </script>
-</p>
+<p class="copyright">
+    Site de la semaine d'accueil 2020 pour l'INSA Toulouse
+</p>
+<p class="copyright">
+    Tous les éléments présents sur ce site sont représentés à des fins humoristiques. Nous ne cherchons en aucun
+    cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.
+</p>
+<p class="copyright">
+    Ce site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez-
+    vous sur la page <a href="<?= $relativePath ?>info.php">Infos</a> pour plus de détails.
+</p>
+<p class="copyright">Contacter <a href='<?= $relativePath ?>info.php#maixent'>Maixent, le responsable de la semaine</a>, pour plus d'informations</p>
+<p class="copyright"> Site maintenu par <a href='<?= $relativePath ?>info.php#cyprien'>Cyprien Heusse</a></p>
+<p class="copyright">
+    <script type="text/javascript">
+        var d = new Date();
+        document.write("Copyright © " + d.getFullYear() + " <a href='<?= $relativePath ?>info.php#arnaud'>Arnaud VERGNET</a>")
+    </script>
+</p>

includes/main_button_template.php

@@ -1,9 +1,9 @@
-<a title="<?php echo $text ?>" class="main-link" href="<?php echo $link ?>">
-    <span class="main-logo">
-        <?php if ($is_image == false): ?>
-        <i class="<?php echo $icon ?>"></i>
-        <?php else: ?>
-        <img src="<?php echo $icon ?>"/>
-        <?php endif; ?>
-    </span>
+<a title="<?php echo $text ?>" class="main-link" href="<?php echo $link ?>">
+    <span class="main-logo">
+        <?php if ($is_image == false): ?>
+        <i class="<?php echo $icon ?>"></i>
+        <?php else: ?>
+        <img src="<?php echo $icon ?>"/>
+        <?php endif; ?>
+    </span>
 </a>

includes/pass/.htpass_admin

@@ -1,2 +1,2 @@
-Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0
-Admin:$apr1$ov3dki5b$1OSSa5Atl5IQAy3c9GqY61
+Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0
+Admin:$apr1$ov3dki5b$1OSSa5Atl5IQAy3c9GqY61

includes/pass/.htpass_gda

@@ -1,3 +1,3 @@
-Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0
-Admin:$apr1$ov3dki5b$1OSSa5Atl5IQAy3c9GqY61
-GDA:$apr1$a9entdxg$x4/MeRH5aUezdXfzwCHpW.
+Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0
+Admin:$apr1$ov3dki5b$1OSSa5Atl5IQAy3c9GqY61
+GDA:$apr1$a9entdxg$x4/MeRH5aUezdXfzwCHpW.

includes/pass/.htpass_webmaster

@@ -1 +1 @@
-Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0
+Webmaster:$apr1$6ojl8f0i$.vMIf.RsGYz1up2t.hw5i0

includes/photos/folder_template.php

@@ -1,18 +1,18 @@
-<a href="<?= $folderLink ?>">
-    <span id="folderTitle"><?= $folderTitle ?></span>
-    <?php if ($photos > 1): ?>
-        <span id="folderPhotos"><?= $photos ?> photos</span>
-    <?php elseif ($photos == 1): ?>
-        <span id="folderPhotos"><?= $photos ?> photo</span>
-    <?php else: ?>
-        <span id="folderPhotos">vide</span>
-    <?php endif; ?>
-
-    <?php if ($albums > 1): ?>
-        <span id="folderAlbums"><?= $albums ?> albums</span>
-    <?php elseif ($albums == 1): ?>
-        <span id="folderAlbums"><?= $albums ?> album</span>
-    <?php endif; ?>
-</a>
-
-
+<a href="<?= $folderLink ?>">
+    <span id="folderTitle"><?= $folderTitle ?></span>
+    <?php if ($photos > 1): ?>
+        <span id="folderPhotos"><?= $photos ?> photos</span>
+    <?php elseif ($photos == 1): ?>
+        <span id="folderPhotos"><?= $photos ?> photo</span>
+    <?php else: ?>
+        <span id="folderPhotos">vide</span>
+    <?php endif; ?>
+
+    <?php if ($albums > 1): ?>
+        <span id="folderAlbums"><?= $albums ?> albums</span>
+    <?php elseif ($albums == 1): ?>
+        <span id="folderAlbums"><?= $albums ?> album</span>
+    <?php endif; ?>
+</a>
+
+

includes/photos/path_template.php

@@ -1 +1 @@
-<li><a href="<?= $pathLink ?>"><?= $pathTitle ?></a></li>
+<li><a href="<?= $pathLink ?>"><?= $pathTitle ?></a></li>

includes/photos/photo_template.php

@@ -1 +1 @@
-<img src="<?= $imageSrc ?>" onclick="displayBig(this);" class="photo" id="<?= $imageId ?>" alt=""/>
+<img src="<?= $imageSrc ?>" onclick="displayBig(this);" class="photo" id="<?= $imageId ?>" alt=""/>

includes/score_counter.php

@@ -1,23 +1,15 @@
-<div class="score-counter" id="<?= $platformID ?>">
-    <img class="title-image" src="<?= $relativePath ?>assets/images/logos/titre-site-accueil.svg">
-    <div class="score-container">
-        <a href="<?= $relativePath ?>stats.php">
-
-            <div class="score-gli">
-                <?= $scoreGli ?>
-            </div>
-            <div class="score-separator"></div>
-            <div class="score-pek">
-                <?= $scorePek ?>
-            </div>
-            <div class="score-separator"></div>
-            <div class="score-boo">
-                <?= $scoreBoo ?>
-            </div>
-            <div class="score-separator"></div>
-            <div class="score-ver">
-                <?= $scoreVer ?>
-            </div>
-        </a>
-    </div>
-</div>
+<div class="score-counter" id="<?= $platformID ?>">
+    <img class="title-image" src="<?= $relativePath ?>assets/images/logos/titre-site-accueil.png">
+    <div class="score-container">
+        <a href="<?= $relativePath ?>stats.php">
+
+            <div class="score-tam">
+                <?= $scoreTam ?>
+            </div>
+            <div class="score-separator"></div>
+            <div class="score-pek">
+                <?= $scorePek ?>
+            </div>
+        </a>
+    </div>
+</div>

includes/score_functions.php

@@ -1,16 +1,14 @@
-<?php
-
-function get_total_points($team)
-{
-    $dao = new Dao();
-    $points = 0;
-    foreach ($dao->get_score_team($team) as $row) {
-        $points += $row['points'];
-    }
-    return $points;
-}
-
-$scoreGli = get_total_points('gli');
-$scorePek = get_total_points('pek');
-$scoreBoo = get_total_points('boo');
-$scoreVer = get_total_points('ver');
+<?php
+
+function get_total_points($team)
+{
+    $dao = new Dao();
+    $points = 0;
+    foreach ($dao->get_score_team($team) as $row) {
+        $points += $row['points'];
+    }
+    return $points;
+}
+
+$scoreTam = get_total_points('tam');
+$scorePek = get_total_points('pek');

includes/sidenav.php

@@ -1,55 +1,59 @@
-<div id="menuSidenav" class="sidenav">
-    <div id="sidenav-scroll">
-        <a href="<?= $relativePath ?>index.php" id="index" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-home sidenav-icon"></i> L'Accueil</span></a>
-
-        <div class="separator"></div>
-
-        <a href="<?= $relativePath ?>planning.php" id="planning" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-calendar-alt sidenav-icon"></i> Le
-            Planning</span></a>
-        <a href="<?= $relativePath ?>map.php" id="map" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-map sidenav-icon"></i> Le
-            Plan</span></a>
-        <a href="<?= $relativePath ?>blouse.php" id="blouse" class="page-link"><span class="sidenav-content"><i
-                        class="fas fa-tshirt sidenav-icon"></i> La Blouse</span></a>
-        <a href="<?= $relativePath ?>parrainage.php" id="parrainage" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-user-plus sidenav-icon"></i> Le
-            Parrainage</span></a>
-        <a href="<?= $relativePath ?>wini.php" id="wini" class="page-link"><span class="sidenav-content"><i
-                        class="fas fa-star sidenav-icon"></i> Le
-            WINI</span></a>
-
-        <div class="separator"></div>
-
-        <a href="<?= $relativePath ?>glissefondor.php" id="gli" class="page-link"><span class="sidenav-content"><img
-                src="<?= $relativePath ?>assets/images/logos/gli_logo.png" class="sidenav-image"> Glissefondor </span></a>
-        <a href="<?= $relativePath ?>peksentard.php" id="pek" class="page-link"><span class="sidenav-content"><img
-                src="<?= $relativePath ?>assets/images/logos/pek_logo.png" class="sidenav-image"> Peksentard </span></a>
-        <a href="<?= $relativePath ?>boomsouffle.php" id="boo" class="page-link"><span class="sidenav-content"><img
-                src="<?= $relativePath ?>assets/images/logos/boo_logo.png" class="sidenav-image"> Boomsouffle </span></a>
-        <a href="<?= $relativePath ?>verredaigle.php" id="ver" class="page-link"><span class="sidenav-content"><img
-                src="<?= $relativePath ?>assets/images/logos/ver_logo.png" class="sidenav-image"> Verredaigle </span></a>
-        <a href="<?= $relativePath ?>stats.php" id="stats" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-list-ol sidenav-icon"></i> Les Stats</span></a>
-
-        <div class="separator"></div>
-
-        <a href="<?= $relativePath ?>photos.php" id="photos" class="page-link"><span class="sidenav-content"><i
-                        class="fas fa-camera sidenav-icon"></i> Les Photos</span></a>
-        <a href="<?= $relativePath ?>photosorder.php" id="order" class="page-link"><span class="sidenav-content"><i
-                        class="fas fa-cart-plus sidenav-icon"></i> Commande des photos</span></a>
-
-
-        <div class="separator"></div>
-
-        <a href="<?= $relativePath ?>coms.php" id="coms" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-users sidenav-icon"></i> Les Com's</span></a>
-        <a href="<?= $relativePath ?>prevs.php" id="prevs" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-medkit sidenav-icon"></i> La Prévention</span></a>
-        <a href="<?= $relativePath ?>downloads.php" id="downloads" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-download sidenav-icon"></i>Téléchargements</span></a>
-        <a href="<?= $relativePath ?>info.php" id="contact" class="page-link"><span class="sidenav-content"><i
-                class="fas fa-info sidenav-icon"></i> Les Infos</span></a>
-    </div>
-</div>
+<div id="menuSidenav" class="sidenav">
+    <div id="sidenav-scroll">
+        <a href="<?= $relativePath ?>index.php" id="index" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-home sidenav-icon"></i> L'Accueil</span></a>
+
+        <div class="separator"></div>
+
+        <a href="<?= $relativePath ?>planning.php" id="planning" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-calendar-alt sidenav-icon"></i> Le
+            Planning</span></a>
+        <a href="<?= $relativePath ?>map.php" id="map" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-map sidenav-icon"></i> Le
+            Plan</span></a>
+        <a href="<?= $relativePath ?>blouse.php" id="blouse" class="page-link"><span class="sidenav-content"><i
+                        class="fas fa-tshirt sidenav-icon"></i> La Blouse</span></a>
+        <a href="<?= $relativePath ?>parrainage.php" id="parrainage" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-user-plus sidenav-icon"></i> Le
+            Parrainage</span></a>
+       <!-- <a href="<?//= $relativePath ?>wini.php" id="wini" class="page-link"><span class="sidenav-content"><i
+                        class="fas fa-star sidenav-icon"></i> Le
+            WINI</span></a> -->
+		<a href="<?= $relativePath ?>vacances.php" id="vacances" class="page-link"><span class="sidenav-content"><i
+                        class="fas fa-book sidenav-icon"></i> Le
+            Cahier de vacances</span></a>
+		<a href="<?= $relativePath ?>chansons.php" id="chansons" class="page-link"><span class="sidenav-content"><i
+                        class="fas fa-music sidenav-icon"></i> Les
+            Chansons</span></a>
+
+        <div class="separator"></div>
+
+        <a href="<?= $relativePath ?>tamboom.php" id="tam" class="page-link"><span class="sidenav-content"><img
+                src="<?= $relativePath ?>assets/images/logos/tam_logo.png" class="sidenav-image"> Tamboom </span></a>
+        <a href="<?= $relativePath ?>pekstanas.php" id="pek" class="page-link"><span class="sidenav-content"><img
+                src="<?= $relativePath ?>assets/images/logos/pek_logo.png" class="sidenav-image"> Pekstanas </span></a>
+        <a href="<?= $relativePath ?>stats.php" id="stats" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-list-ol sidenav-icon"></i> Les Stats</span></a>
+
+        <div class="separator"></div>
+
+        <a href="<?= $relativePath ?>photos.php" id="photos" class="page-link"><span class="sidenav-content"><i
+                        class="fas fa-camera sidenav-icon"></i> Les Photos</span></a>
+
+
+        <div class="separator"></div>
+
+        <a href="<?= $relativePath ?>coms.php" id="coms" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-users sidenav-icon"></i> Les Com's</span></a>
+		<a href="<?= $relativePath ?>lydia.php" id="lydia" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-credit-card sidenav-icon"></i> Lydia et Izly</span></a>
+		<a href="<?= $relativePath ?>clubs.php" id="clubs" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-sitemap sidenav-icon"></i> Les Clubs</span></a>
+        <a href="<?= $relativePath ?>prevs.php" id="prevs" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-medkit sidenav-icon"></i> La Prévention</span></a>
+        <a href="<?= $relativePath ?>downloads.php" id="downloads" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-download sidenav-icon"></i>Téléchargements</span></a>
+        <a href="<?= $relativePath ?>info.php" id="contact" class="page-link"><span class="sidenav-content"><i
+                class="fas fa-info sidenav-icon"></i> Les Infos</span></a>
+    </div>
+</div>