reformated code

assets/css/photos.css

@@ -6,7 +6,7 @@
 }
 
 .photos_folder a:hover, .photos_path a:hover {
-    box-shadow: 0px 0px 10px #000;
+    box-shadow: 0 0 10px #000;
     background-color: white;
     color: black;
 }
@@ -23,7 +23,7 @@
     align-items: center;
     justify-content: center;
     background-color: #212121;
-    box-shadow: 0px 0px 2px #212121;
+    box-shadow: 0 0 2px #212121;
     transition: 0.3s;
     color: white;
 }
@@ -71,7 +71,7 @@
     align-items: center;
     justify-content: center;
     background-color: #212121;
-    box-shadow: 0px 0px 2px #212121;
+    box-shadow: 0 0 2px #212121;
     transition: 0.3s;
     color: white;
 }

assets/css/style.css

@@ -31,11 +31,8 @@ Theme Styles
 
 body {
     /*Full page background*/
-    background-image: url("../images/header_bg.jpg");
-    background-repeat: no-repeat;
-    background-position: center;
     background-size: cover;
-    background-attachment: fixed;
+    background: url("../images/header_bg.jpg") no-repeat fixed center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
@@ -93,19 +90,11 @@ a {
     text-decoration: none;
     color: #0F79D0;
     text-shadow: none;
-    transition: color 0.5s ease;
+    transition: 0.3s;
-    transition: text-shadow 0.5s ease;
-    -webkit-transition: color 0.5s ease;
-    -webkit-transition: text-shadow 0.5s ease;
-    -moz-transition: color 0.5s ease;
-    -moz-transition: text-shadow 0.5s ease;
-    -o-transition: color 0.5s ease;
-    -o-transition: text-shadow 0.5s ease;
-    -ms-transition: color 0.5s ease;
-    -ms-transition: text-shadow 0.5s ease;
 }
 
 a:hover, a:focus {
+    color: #222e73;
     text-decoration: underline;
 }
 
@@ -124,10 +113,9 @@ strong {
 
 img {
     position: relative;
-    margin: 0 auto;
     max-width: 739px;
     padding: 5px;
-    margin: 10px 0 10px 0; // border: 1px solid #ebebeb;
+    margin: 10px 0 10px 0;
 }
 
 p img {
@@ -144,14 +132,12 @@ ul, ol, dl {
 }
 
 ul {
-    list-style-position: inside;
+    list-style: disc inside;
-    list-style: disc;
     padding-left: 20px;
 }
 
 ol {
-    list-style-position: inside;
+    list-style: decimal inside;
-    list-style: decimal;
     padding-left: 20px;
 }
 
@@ -205,7 +191,7 @@ Full-Width Styles
     width: 100%;
     height: 50px;
     z-index: 15;
-    box-shadow: 0px 2px 5px #222;
+    box-shadow: 0 2px 5px #222;
 }
 
 #header_top h4 {
@@ -226,7 +212,7 @@ Full-Width Styles
     color: #fff;
     font-size: 42px;
     font-weight: 700;
-    text-shadow: #111 0px 0px 10px;
+    text-shadow: #111 0 0 10px;
     border-bottom: none;
 }
 
@@ -235,7 +221,7 @@ Full-Width Styles
     font-size: 24px;
     font-weight: 300;
     background: none;
-    text-shadow: #111 0px 0px 10px;
+    text-shadow: #111 0 0 10px;
     border-bottom: none;
 }
 
@@ -246,7 +232,7 @@ Full-Width Styles
 #home_content {
     padding-top: 100px;
     background-color: #212121aa;
-    border-radius: 0px 0px 60px 60px;
+    border-radius: 0 0 60px 60px;
 }
 
 #home_content h1 {
@@ -254,19 +240,19 @@ Full-Width Styles
     font-size: 70px;
     border: none;
     text-align: center;
-    text-shadow: 0px 0px 10px #000;
+    text-shadow: 0 0 10px #000;
 }
 
 #home_content p {
     color: white;
     font-size: 30px;
     text-align: center;
-    text-shadow: 0px 0px 5px #000;
+    text-shadow: 0 0 5px #000;
 }
 
 #main_content_wrap {
     background: #f2f2f2;
-    box-shadow: 0px 0px 10px #222;
+    box-shadow: 0 0 10px #222;
 }
 
 #main_content {
@@ -274,7 +260,7 @@ Full-Width Styles
 }
 
 #footer_wrap {
-    padding: 50px 0px 50px 0px;
+    padding: 50px 0 50px 0;
 }
 
 #table_wrapper {
@@ -292,7 +278,7 @@ Full-Width Styles
 #table_coms td{
     vertical-align: middle;
     border: none;
-    padding: 0px 0px 0px 10px;
+    padding: 0 0 0 10px;
 }
 
 .com_description{

assets/scripts/photosScript.js

@@ -1,15 +1,18 @@
 var showcase = $("#img_big");
 var showcaseLink = $("#img_big_link");
 var photoBackButton = $("#photo_back_button");
+
 function displayBig(elem) {
     showcase.attr("src", $(elem).attr('src'));
     showcaseLink.attr("href", $(elem).attr('src'));
     photoBackButton.css("display", "block");
     console.log("yop");
 }
+
 function closeBig() {
     photoBackButton.css("display", "none")
 }
+
 function displayNext(direction) {
     var currentSrc = showcase.attr('src');
     var photos = document.getElementsByClassName("photo");

assets/scripts/sidenavScript.js

@@ -7,7 +7,8 @@ function openNav() {
     sidenav.css("margin-left", "0");
     sidenav.css("box-shadow", "5px 5px 10px #151515");
     backButton.addClass("active_background");
-    enableHamburger(); /* Enables hamburger icon */
+    enableHamburger();
+    /* Enables hamburger icon */
     menuOpen = true;
 }
 
@@ -15,7 +16,8 @@ function closeNav() {
     sidenav.css("margin-left", "-250px");
     sidenav.css("box-shadow", "none");
     backButton.removeClass("active_background");
-    disableHamburger(); /* Disables hamburger icon */
+    disableHamburger();
+    /* Disables hamburger icon */
     menuOpen = false;
 }
 

contact.php

@@ -3,9 +3,12 @@
 ?>
 <h1>Contact</h1>
 <p>Tous les mails cités sur cette page se terminent par <strong>@etud.insa-toulouse.fr</strong></p>
-<p>Pour toute demande concernant ce site, merci de me contacter par <span class="fas fa-envelope"></span> Mail : vergnet</p>
+<p>Pour toute demande concernant ce site, merci de me contacter par <span class="fas fa-envelope"></span> Mail : vergnet
-<p>Pour toute demande concernant la semaine d'accueil, merci de contacter le Prez par <span class="fas fa-envelope"></span> Mail : aaaaa</p>
+</p>
-<p>Pour toute demande concernant une activité/COM spécifique, allez sur la page des <a href="coms.php">COMs</a> pour contacter le responsable approprié.</p>
+<p>Pour toute demande concernant la semaine d'accueil, merci de contacter le Prez par <span
+            class="fas fa-envelope"></span> Mail : aaaaa</p>
+<p>Pour toute demande concernant une activité/COM spécifique, allez sur la page des <a href="coms.php">COMs</a> pour
+    contacter le responsable approprié.</p>
 <?php
 $pageContent = ob_get_clean(); // Store html content in variable
 include("template.php"); // Display template with variable content

index.php

@@ -20,7 +20,8 @@
 <div id="home_content_wrap" class="outer">
     <section id="home_content" class="inner">
         <h1>Semaine d'Accueil 2018</h1>
-            <p>Ce site regroupe les informations les plus importantes pour que ta semaine d'accueil se déroule dans les meilleures conditions.</p>
+        <p>Ce site regroupe les informations les plus importantes pour que ta semaine d'accueil se déroule dans les
+            meilleures conditions.</p>
         <p>Utilise le menu en haut à gauche pour naviguer sur le site.</p>
     </section>
 </div>

parrainage.php

@@ -2,8 +2,10 @@
 ob_start(); // Start reading html
 ?>
 <h1>Parrainage</h1>
-<p>Ce sont les GDAs qui vont t'aider tout au long de l'année et qui vont s'assurer que ton arrivée à l'INSA se passe dans les meilleures conditions.</p>
+<p>Ce sont les GDAs qui vont t'aider tout au long de l'année et qui vont s'assurer que ton arrivée à l'INSA se passe
-<p>Impossible d'envoyer ta fiche de parrainage par courrier ? Pas de problème, tu peux l'envoyer par mail<strong><span class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
+    dans les meilleures conditions.</p>
+<p>Impossible d'envoyer ta fiche de parrainage par courrier ? Pas de problème, tu peux l'envoyer par mail<strong><span
+                class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
 <p>Tu as perdu ta fiche de parrainage ? Télécharge la ici (PAS encore en ligne)</p>
 <?php
 $pageContent = ob_get_clean(); // Store html content in variable

photos.php

@@ -1,6 +1,7 @@
 <?php
 ob_start(); // Start reading html
-    function getActiveFolder() {
+function getActiveFolder()
+{
     if ($_GET['folder'] != "") {
         return $_GET['folder'];
     } else {
@@ -8,7 +9,8 @@
     }
 }
 
-    function getDirectories($dir){
+function getDirectories($dir)
+{
     $files = scandir($dir);
     $displayedItems = 0;
     foreach ($files as $key => $value) {
@@ -27,7 +29,8 @@
     }
 }
 
-    function getPhotos($dir){
+function getPhotos($dir)
+{
     $files = scandir($dir);
     $displayedItems = 0;
     foreach ($files as $key => $value) {
@@ -48,7 +51,8 @@
     }
 }
 
-    function generatePath($dir){
+function generatePath($dir)
+{
     $folders = explode(DIRECTORY_SEPARATOR, $dir);
     $currentPath = "";
     foreach ($folders as $value) {
@@ -60,6 +64,7 @@
         }
     }
 }
+
 ?>
 <div id="photo_back_button" style="display:none">
     <div id="close_back" onclick="closeBig()"><span class="fas fa-times" id="close"></span></div>

planning.php

@@ -67,7 +67,7 @@
     </table>
 </div>
 <h1>Informations</h1>
-<div href="#info" id="infoBox">
+<div id="infoBox">
     <p>Cliquez sur un évenement pour afficher ses Informations</p>
 </div>
 <script src="assets/scripts/planningScript.js"></script>

prevs.php

@@ -2,7 +2,8 @@
 ob_start(); // Start reading html
 ?>
 <h1>Prevs</h1>
-<p>Ce sont les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce qu'il n'y ait pas de débordements.
+<p>Ce sont les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce
+    qu'il n'y ait pas de débordements.
     Un numéro d'urgence est mis à votre disposition, à contacter en cas de problème. (PAS encore dispo)</p>
 <h3>Les choses à éviter</h3>
 <p>Voici quelques conseils pour que ta semaine se passe au mieux. </p>

template.php

@@ -45,7 +45,7 @@
         <footer class="inner">
             <p class="copyright">Copyright ©
                 <script type="text/javascript">
-                    var d = new Date()
+                    var d = new Date();
                     document.write(d.getFullYear())
                 </script>
                 Arnaud VERGNET</p>