Various style improvements

assets/css/style.css

@@ -29,7 +29,10 @@ table {
 Theme Styles
 *******************************************************************************/
 
-@font-face { font-family: Harry-P; src: url('../fonts/HARRYP__.TTF'); }
+@font-face {
+    font-family: Harry-P;
+    src: url('../fonts/HARRYP__.TTF');
+}
 
 body {
     box-sizing: border-box;
@@ -155,9 +158,9 @@ td {
 }
 
 .copyright {
-    color: #ccc;
+    color: #fff;
-    font-size: 14px;
+    font-size: 0.9rem;
-    text-shadow: #000 0 0 1px;
+    text-shadow: #000 0 0 4px;
 }
 
 .video {
@@ -318,10 +321,12 @@ Full-Width Styles
     height: 200px;
     background: linear-gradient(to top, #1c1c1c, transparent 90%);
 }
+
 #main-fading-bottom-edge {
     height: 200px;
     background: linear-gradient(to bottom, #1c1c1c, transparent 90%);
 }
+
 #main-content-wrap {
     background: #1c1c1c;
 }
@@ -424,6 +429,10 @@ Full-Width Styles
     vertical-align: middle;
 }
 
+#home-subtitle {
+    text-shadow: 0 0 10px #000;
+}
+
 .main-link {
     width: 85px;
     height: 85px;
@@ -432,6 +441,7 @@ Full-Width Styles
     vertical-align: middle;
     padding: 0;
     color: #e0e0e0;
+    text-shadow: 0 0 10px #000;
 }
 
 .main-link:hover {
@@ -446,6 +456,7 @@ Full-Width Styles
     font-size: 70px;
     margin: auto;
     display: inline-flex;
+    text-shadow: 0 0 10px #000;
 }
 
 .main-logo svg {
@@ -474,14 +485,20 @@ Full-Width Styles
 }
 
 
-.team-button{
+#teamButtonContainer {
+    display: block;
+}
 
-    border-radius: 10px 10px 0 0;
+.team-button {
+    border-radius: 10px;
     font-size: 20px;
     cursor: pointer;
+    padding: 10px;
+    margin: 10px;
 }
+
 .team-button#buttonGli {
-    color: #ff000f;
+    color: #9c000a;
     background-color: rgb(255, 135, 142);
     border-color: #1a5dad;
     -webkit-transition: 0.3s;
@@ -490,14 +507,16 @@ border-color: #1a5dad;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
+
 .team-button#buttonGli:hover {
     color: #b30006;
     background-color: #ff7d7f;
     border-color: #1f6fce;
     box-shadow: 0 0 10px #ff506d;
 }
+
 .team-button#buttonBoo {
-    color: #c29d00;
+    color: #917100;
     background-color: #fafd78;
     border-color: #1a5dad;
     -webkit-transition: 0.3s;
@@ -506,12 +525,14 @@ transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
+
 .team-button#buttonBoo:hover {
     color: #a28100;
     background-color: #f7fd51;
     border-color: #fdf71e;
     box-shadow: 0 0 10px #fdf71e;
 }
+
 .team-button#buttonPek {
     color: #0d7b00;
     background-color: #7ffd78;
@@ -522,14 +543,16 @@ transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
+
 .team-button#buttonPek:hover {
     color: #0c5700;
     background-color: #6bfd5f;
     border-color: #8afd6b;
     box-shadow: 0 0 10px #7efd34;
 }
+
 .team-button#buttonVer {
-    color: #1b3aff;
+    color: #1226a7;
     background-color: #60bdff;
     border-color: #9be7ff;
     -webkit-transition: 0.3s;
@@ -538,6 +561,7 @@ transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
+
 .team-button#buttonVer:hover {
     color: #0008a5;
     background-color: #48a7ff;
@@ -582,52 +606,67 @@ Small Device Styles
     body {
         font-size: 14px;
     }
+
     .video {
         width: 240px;
         height: 135px;
     }
+
     .inner {
         min-width: 320px;
         max-width: 480px;
     }
+
     #title {
         font-size: 32px;
     }
+
     h1 {
         font-size: 28px;
     }
+
     h2 {
         font-size: 24px;
     }
+
     h3 {
         font-size: 21px;
     }
+
     h4 {
         font-size: 18px;
     }
+
     h5 {
         font-size: 14px;
     }
+
     h6 {
         font-size: 12px;
     }
+
     code, pre {
         font-size: 11px;
     }
+
     #table-wrapper {
         width: 100%;
         overflow: scroll;
     }
+
     #table-coms .spacer {
         width: 0;
     }
+
     #table-coms td {
         width: 50%;
     }
+
     .main-link {
         width: 40px;
         height: 40px;
     }
+
     .main-logo {
         font-size: 32px;
     }
@@ -637,36 +676,46 @@ Small Device Styles
     body {
         font-size: 14px;
     }
+
     .inner {
         min-width: 240px;
         max-width: 320px;
     }
+
     #title {
         font-size: 28px;
     }
+
     h1 {
         font-size: 24px;
     }
+
     h2 {
         font-size: 21px;
     }
+
     h3 {
         font-size: 18px;
     }
+
     h4 {
         font-size: 16px;
     }
+
     h5 {
         font-size: 14px;
     }
+
     h6 {
         font-size: 12px;
     }
+
     code, pre {
         min-width: 240px;
         max-width: 320px;
         font-size: 11px;
     }
+
     #table-wrapper {
         width: 100%;
         overflow: scroll;

downloads.php

@@ -2,7 +2,7 @@
 ob_start(); // Start reading html
 ?>
     <div class="inner">
-        <h1>Les Téléchargements</h1>
+        <h1>Les Telechargements</h1>
     </div>
 
 <?php

index.php

@@ -50,7 +50,7 @@ require_once 'includes/score_functions.php';
         $platformID = 'main-score';
         include("includes/score_counter.php");
         ?>
-        <h4>Semaine d'Accueil INSA Toulouse 2019</h4>
+        <h4 id="home-subtitle">Semaine d'Accueil INSA Toulouse 2019</h4>
         <div id="main-link-container">
             <?php
             $is_image = false;

info.php

@@ -32,7 +32,7 @@ ob_start(); // Start reading html
         </li>
         <br id="arnaud">
         <li>
-           Sinon y'a Arnaud, le créateur du site, mais là il est au Canada donc il pourra pas trop te répondre (vergnet
+           Sinon y'a Arnaud, le créateur du site, mais là il est en Suède donc il pourra pas trop te répondre (vergnet
         @etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook)
         </li>
     </ul>

stats.php

@@ -34,15 +34,13 @@ function get_stats($team)
             <br><br>
             <strong>Clique sur une équipe pour voir le détail de son score</strong>
         </p>
-        <br>
+        <div id="teamButtonContainer">
             <div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
-        <br>
             <div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
-        <br>
             <div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
-        <br>
             <div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
         </div>
+    </div>
 
 
     <link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">