vergnet/site-accueil-insa
2
1
Fork 1
Code Issues Pull requests Releases 2 Wiki Activity

New hamburger

Browse source 
Text modifications
Colours modifications
Creation of 4 pages for each team
Modification of "stats" page
Timer modification
This commit is contained in:
Arthur 2019-05-18 10:14:19 +02:00
parent f0d8d67367
commit 10f6a3b88a
16 changed files with 368 additions and 205 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

214
assets/css/hamburger.css Executable file → Normal file
View file

@ -9,7 +9,84 @@
pointer-events: auto; pointer-events: auto;
} }
#bar1, #bar2-1, #bar2-2, #bar3 { #bar1 {
position: absolute;
width: 30px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar2 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar3 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar4 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar5 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar6 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar7 {
position: relative;
width: 3px;
height: 3px;
background-color: #ffffff;
margin: 4px 0;
transition: 0.3s;
}
#bar8{
position: absolute;
width: 40px;
height: 5px;
background-color: #fff;
margin: 5px 0;
transition: 0.3s;
}
#bar9 {
position: absolute; position: absolute;
width: 40px; width: 40px;
height: 5px; height: 5px;
@ -20,64 +97,115 @@
#bar1 { #bar1 {
top: 0; top: 0;
-webkit-transform: rotate(-30deg) translate(-10px, 10px);
transform: rotate(-45deg) translate(-10px, 12px);
} }
#bar2-1, #bar2-2 { #bar2 {
margin: 0; top: 0px;
width: 20px; right:-20px;
top: 50%;
transform: translateY(-50%);
}
#bar2-1 {
left: 0;
}
#bar2-2 {
right: 0;
} }
#bar3 { #bar3 {
bottom: 0; right: -28px;
bottom:9px;
} }
/* Mouse hovers the hamburger */ #bar4 {
bottom: 8PX;
.change-hover #bar2-1 { left:36px;
background-color: #ee293d; }
transform: translate(-5px, -50%); #bar5 {
bottom: 21px;
left:34px;
}
#bar6 {
bottom: 2px;
left:-100px; /*je ne sais pas encore si je la mets ou pas*/
} }
.change-hover #bar2-2 { #bar7 {
background-color: #ee293d; bottom: 23px;
transform: translate(5px, -50%); right:-32px;
} }
.change-hover #bar1, .change-hover #bar3 { #bar8{
background-color: #1a5dad; top:0;
} opacity:0;
/* Mouse clics the hamburger */
.change-clic #bar1 {
-webkit-transform: rotate(-45deg) translate(-10px, 10px); -webkit-transform: rotate(-45deg) translate(-10px, 10px);
transform: rotate(-45deg) translate(-8px, 8px); transform: rotate(-45deg) translate(-8px, 8px);
} }
.change-clic #bar2-1 { #bar9{
opacity: 0; bottom:0;
-webkit-transform: translateX(-50%); opacity:0;
transform: translateX(-50%);
}
.change-clic #bar2-2 {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.change-clic #bar3 {
-webkit-transform: rotate(45deg) translate(-10px, -10px); -webkit-transform: rotate(45deg) translate(-10px, -10px);
transform: rotate(45deg) translate(-10px, -10px); transform: rotate(45deg) translate(-10px, -10px);
} }
/* Mouse hovers the hamburger */
.change-hover #bar2 {
background-color: #254a33;
}
.change-hover #bar3 {
background-color: #254a33;
}
.change-hover #bar4 {
background-color: #254a33;
}
.change-hover #bar5 {
background-color: #254a33;
}
/*.change-hover #bar6 {
background-color: #254a33;
}*/
.change-hover #bar7 {
background-color: #254a33;
}
.change-hover #bar1 {
background-color: #ad9500;
}
.change-hover #bar8 {
background-color: #114165;
}
.change-hover #bar9 {
background-color: #114165;
}
/* Mouse clics the hamburger */
.change-clic #bar1 {
opacity:0;
}
.change-clic #bar2 {
opacity: 0;
}
.change-clic #bar3 {
opacity: 0;
}
.change-clic #bar4 {
opacity:0;
}
.change-clic #bar5 {
opacity:0;
}
/*.change-clic #bar6 {
opacity:0;
}*/
.change-clic #bar7 {
opacity:0;
}
.change-clic #bar8 {
opacity : 100;
}
.change-clic #bar9 {
opacity : 100;
}

24
assets/css/score.css
View file

@ -53,7 +53,7 @@
font-size: 23px; font-size: 23px;
} }
.score-usa, .score-urss { .score-usa, .score-urss, .score-boomsouffle, .score-verredaigle {
font-size: 20px; font-size: 20px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
@ -78,29 +78,41 @@
background-size: auto 100%; background-size: auto 100%;
text-shadow: 0 0 5px #000; text-shadow: 0 0 5px #000;
} }
.score-verredaigle{
color: #fbce15;
background: url("../images/urss.png") no-repeat left ;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
}
.score-boomsouffle{
color: #fbce15;
background: url("../images/urss.png") no-repeat left ;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
}
.score-separator{ /*.score-separator{
font-size: 30px; font-size: 30px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
color: #fff; color: #fff;
text-shadow: 0 0 10px #000; text-shadow: 0 0 10px #000;
} }*/
#main-score .score-logo { #main-score .score-logo {
height: 60px; height: 60px;
margin: 0 5px 0 5px; margin: 0 5px 0 5px;
} }
#main-score .score-usa, #main-score .score-urss, #main-score .score-separator { #main-score .score-usa, #main-score .score-urss /*#main-score .score-separator*/ {
font-size: 40px; font-size: 40px;
line-height: 80px; line-height: 80px;
} }
#main-score .score-separator { /*#main-score .score-separator {
font-size: 55px; font-size: 55px;
} }*/
#main-score .winning { #main-score .winning {
font-size: 50px; font-size: 50px;

2
assets/css/sidenav.css
View file

@ -62,7 +62,7 @@
} }
.sidenav a .sidenav-content:hover { .sidenav a .sidenav-content:hover {
color: #1a5dad; color: #114165;
padding-left: 40px; padding-left: 40px;
} }

116
assets/css/stats.css
View file

@ -14,11 +14,17 @@
} }
.stats-table.stats-usa tr:hover { .stats-table.stats-usa tr:hover {
background-color: #284550; background-color: #f0d289;
} }
.stats-table.stats-urss tr:hover { .stats-table.stats-urss tr:hover {
background-color: #620f12; background-color: #3b5941;
}
.stats-table.stats-boomsouffle tr:hover {
background-color: #f0d289;
}
.stats-table.stats-verredaigle tr:hover {
background-color: #f0d289;
} }
.stats-toggle, .edit-stats th { .stats-toggle, .edit-stats th {
@ -30,8 +36,8 @@
} }
.stats-toggle#toggle-usa { .stats-toggle#toggle-usa {
background-color: #1a5dad; background-color: #F0BA00;
border-color: #1a5dad; border-color: #F0BA00;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
-moz-transition: 0.3s; -moz-transition: 0.3s;
-ms-transition: 0.3s; -ms-transition: 0.3s;
@ -40,14 +46,14 @@
} }
.stats-toggle#toggle-usa:hover { .stats-toggle#toggle-usa:hover {
background-color: #1f6fce; background-color: #f0c424;
border-color: #1f6fce; border-color: #F0C424;
box-shadow: 0 0 10px #1f6fce; box-shadow: 0 0 10px #F0C424;
} }
.stats-toggle#toggle-urss { .stats-toggle#toggle-urss {
background-color: #d72229; background-color: #275933;
border-color: #d72229; border-color: #275933;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
-moz-transition: 0.3s; -moz-transition: 0.3s;
-ms-transition: 0.3s; -ms-transition: 0.3s;
@ -56,11 +62,44 @@
} }
.stats-toggle#toggle-urss:hover { .stats-toggle#toggle-urss:hover {
background-color: #ee262d; background-color: #205929;
border-color: #ee262d; border-color: #205929;
box-shadow: 0 0 10px #ee262d; box-shadow: 0 0 10px #205929;
} }
.stats-toggle#toggle-boomsouffle {
background-color: #F0BA00;
border-color: #F0BA00;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.stats-toggle#toggle-boomsouffle:hover {
background-color: #f0c424;
border-color: #F0C424;
box-shadow: 0 0 10px #F0C424;
}
.stats-toggle#toggle-verredaigle {
background-color: #F0BA00;
border-color: #F0BA00;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.stats-toggle#toggle-verredaigle:hover {
background-color: #f0c424;
border-color: #F0C424;
box-shadow: 0 0 10px #F0C424;
}
.stats-table .stat-log, .stats-table .stat-points { .stats-table .stat-log, .stats-table .stat-points {
color: #1c1c1c; color: #1c1c1c;
border-radius: 0; border-radius: 0;
@ -69,23 +108,41 @@
.stats-usa .stat-log, .stats-usa .stat-points { .stats-usa .stat-log, .stats-usa .stat-points {
background-color: #639fad; background-color: #F0DB82;
border-color: #639fad; border-color: #F0DB82;
} }
.stats-usa td { .stats-usa td {
border-bottom: 1px solid #284550; border-bottom: 1px solid #F0BA00;
} }
.stats-urss .stat-log, .stats-urss .stat-points { .stats-urss .stat-log, .stats-urss .stat-points {
background-color: #d75556; background-color: #395a4a;
border-color: #d75556; border-color: #395A4A;
} }
.stats-urss td { .stats-urss td {
border-bottom: 1px solid #620f12; border-bottom: 1px solid #275933;
} }
.stats-boomsouffle .stat-log, .stats-boomsouffle .stat-points {
background-color: #F0DB82;
border-color: #F0DB82;
}
.stats-boomsouffle td {
border-bottom: 1px solid #F0BA00;
}
.stats-verredaigle .stat-log, .stats-verredaigle .stat-points {
background-color: #F0DB82;
border-color: #F0DB82;
}
.stats-verredaigle td {
border-bottom: 1px solid #F0BA00;
}
.stat-log, .edit-header.stat-log { .stat-log, .edit-header.stat-log {
width: 80%; width: 80%;
} }
@ -145,13 +202,19 @@
} }
.edit-button#button-urss { .edit-button#button-urss {
background: #ee293d; background: #275933;
} }
.edit-button#button-usa { .edit-button#button-usa {
background: #1a5dad; background: #F0BA00;
} }
.edit-button#button-boomsouffle {
background: #F0BA00;
}
.edit-button#button-verredaigle {
background: #F0BA00;
}
.edit-button:hover, .edit-button#button-urss:hover, .edit-button#button-usa:hover { .edit-button:hover, .edit-button#button-urss:hover, .edit-button#button-usa:hover {
color: #000; color: #000;
background: #fafafa; background: #fafafa;
@ -216,23 +279,24 @@ input {
} }
#add-line-usa { #add-line-usa {
background: #3a7eaa; background: #F0BA00;
} }
.add-line#add-line-usa:hover { .add-line#add-line-usa:hover {
background: #53bbfc; background: #f0c424;
box-shadow: 0 0 5px #53bbfc; box-shadow: 0 0 5px #f0c424;
} }
#add-line-urss { #add-line-urss {
background: #d72229; background: #275933;
} }
.add-line#add-line-urss:hover { .add-line#add-line-urss:hover {
background: #ee293d; background: #205929;
box-shadow: 0 0 5px #ee293d; box-shadow: 0 0 5px #205929;
} }
.save-score { .save-score {
background: #21aa08; background: #21aa08;
font-size: 30px; font-size: 30px;

2
assets/css/style.css
View file

@ -412,7 +412,7 @@ Full-Width Styles
} }
.main-link:hover{ .main-link:hover{
color: #1a5dad; color: rgba(17, 65, 101, 0.8);
} }
#main-link-container{ #main-link-container{

BIN
assets/images/bg_up.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 884 KiB

4
assets/scripts/timer.js
View file

@ -1,5 +1,5 @@
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Sep 3, 2018 8:00:00").getTime(); var countDownDate = new Date("Sep 2, 2019 8:00:00").getTime();
// Update the count down every 1 second // Update the count down every 1 second
var x = setInterval(function () { var x = setInterval(function () {
@ -18,7 +18,7 @@ var x = setInterval(function () {
// Output the result in an element with id="demo" // Output the result in an element with id="demo"
document.getElementById("timer").innerHTML = "<strong>" + days + "</strong> jours, <strong>" + hours + "</strong> heures, <strong>" document.getElementById("timer").innerHTML = "<strong>" + days + "</strong> jours, <strong>" + hours + "</strong> heures, <strong>"
+ minutes + "</strong> minutes et <strong>" + seconds + "</strong> secondes avant la satellisation"; + minutes + "</strong> minutes et <strong>" + seconds + "</strong> secondes avant de quitter les moldus";
// If the count down is over, write some text // If the count down is over, write some text
if (distance < 0) { if (distance < 0) {

5
classes/dao.php
View file

@ -10,8 +10,9 @@ class Dao
public function __construct($path_to_password) public function __construct($path_to_password)
{ {
if ($this->debug) { if ($this->debug) {
$username = 'phpmyadmin'; $username = 'root';
$password = $this->read_password($path_to_password); /* $password = $this->read_password($path_to_password);*/
$password ='';
$dsn = 'mysql:dbname=phpmyadmin;host=127.0.0.1'; $dsn = 'mysql:dbname=phpmyadmin;host=127.0.0.1';
} else { } else {
$username = 'accueil_insa'; $username = 'accueil_insa';

98
coms.php
View file

@ -5,102 +5,16 @@ ob_start(); // Start reading html
<p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p> <p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p>
<?php <?php
$comId = ""; $comId = "";
$comRespo2Id = ""; $comRespo2Id = "Mail respo 2 (facultatif";
$comRespo2 = ""; $comRespo2 = "Nom respo 2 (pas obligé)";
$comTitle = "COM Mise à Feu"; $comTitle = "Nom Com";
$comDescription = "Ici pour mettre l'ambiance toute la semaine!"; $comDescription = "Description Com";
$comRespo = "Paul MERLE"; $comRespo = "Nom respo";
$comRespoId = "p_merle"; $comRespoId = "Mail respo --> Facebook ?";
$comRespoPhoto = "assets/images/usa_logo.png"; $comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2Photo = "assets/images/usa_logo.png"; $comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php"); include("includes/coms/com_template.php");
$comTitle = "COM Ins'cape Game";
$comDescription = "Des énigmes pour sortir du campus";
$comRespo = "Manon TARRADE";
$comRespoId = "mtarade";
$comRespoPhoto = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
$comTitle = "COM ISS";
$comDescription = "Pour découvrir la ville rose";
$comRespo = "Baptiste LERAT";
$comRespoId = "lerat";
$comRespoPhoto = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
$comTitle = "COM Walle-E";
$comDescription = "Une journée dans la foret de Boucone, avec de nombreuses activités le matin ayant pour but de nettoyer la foret, et une piscine en accès libre l'après midi";
$comRespo = "Nélia BAHRAOUI";
$comRespoId = "bahraoui ";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Lucas PERIN";
$comRespo2Id = "lperin";
$comRespo2Photo = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comTitle = "COM Parrainage";
$comDescription = "Ici pour vous aider à vous sentir moins perdus";
$comRespo = "Léa LAXAGUE";
$comRespoId = "laxague ";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Blaise MAUGARD";
$comRespo2Id = "bmaugard";
$comRespo2Photo = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comRespo2 = "";
$comTitle = "COM Hubble";
$comDescription = "Souriez vous êtes filmés";
$comRespo = "Lyana LETOURNEAU";
$comRespoId = "lletourn";
$comRespoPhoto = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comTitle = "COM Plaquette";
$comDescription = "Grâce à eux vous avez des devoirs pendant les vacances";
$comRespo = "Vincent SOISSONS";
$comRespoId = "soissons";
$comRespoPhoto = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comId = "com_atterrissage";
$comTitle = "COM Atterrissage";
$comDescription = "Là pour sauver des vies";
$comRespo = "Joan KO";
$comRespoId = "ko";
$comRespoPhoto = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
$comTitle = "COM Ravitaillement";
$comDescription = "La bouf !";
$comRespo = "Zoé PHILIPPON";
$comRespoId = "philippo";
$comRespoPhoto = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comTitle = "Space Bar";
$comDescription = "La boisson !";
$comRespo = "Louis GALZIN";
$comRespoId = "galzin";
$comRespoPhoto = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comTitle = "Couteau Suisse";
$comDescription = "Partout et nulle part à la fois...";
$comRespo = "Lucas TAULAN";
$comRespoId = "taulan";
$comRespoPhoto = "assets/images/urss_logo.png";
include("includes/coms/com_template.php");
$comTitle = "Oncle Sam";
$comDescription = "L'oncle Sam est là pour vous servir !";
$comRespo = "Samuel Navarro";
$comRespoId = "navarro";
$comRespoPhoto = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
?> ?>
<?php <?php

7
includes/copyright.html
View file

@ -1,15 +1,16 @@
<p class="copyright"> <p class="copyright">
Site de la semaine d'accueil 2018 pour l'INSA Toulouse Site de la semaine d'accueil 2019 pour l'INSA Toulouse
</p> </p>
<p class="copyright"> <p class="copyright">
Tous les groupes, pays, présents sur ce site sont représentés à des fins humorisitques. Nous ne cherchons en aucun Tous les éléments présents sur ce site sont représentés à des fins humorisitques. Nous ne cherchons en aucun
cas à véhiculer un message politique et condamnons toute action irrespectueuse. cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.
</p> </p>
<p class="copyright"> <p class="copyright">
Ce site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez 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="info.php">info</a> pour plus de détails. vous sur la page <a href="info.php">info</a> pour plus de détails.
</p> </p>
<p class="copyright">Contacter <a href='info.php#beranger'>Béranger, le responsable de la semaine</a>, pour plus d'informations</p> <p class="copyright">Contacter <a href='info.php#beranger'>Béranger, le responsable de la semaine</a>, pour plus d'informations</p>
<p class="copyright"> Site maintenu par Arthur Boivert</p>
<p class="copyright"> <p class="copyright">
<script type="text/javascript"> <script type="text/javascript">
var d = new Date(); var d = new Date();

14
includes/sidenav.html
View file

@ -19,12 +19,14 @@
<a href="photos.php" id="photos" class="page-link"><span class="sidenav-content"><i <a href="photos.php" id="photos" class="page-link"><span class="sidenav-content"><i
class="fas fa-camera sidenav-icon"></i> Les Photos</span></a> class="fas fa-camera sidenav-icon"></i> Les Photos</span></a>
<div class="separator"></div> <div class="separator"></div>
<a href="usa.php" id="usa" class="page-link"><span class="sidenav-content"><img <a href="glissefondor.php" id="usa" class="page-link"><span class="sidenav-content"><img
src="assets/images/usa_logo.png" class="sidenav-image"> La src="assets/images/usa_logo.png" class="sidenav-image"> Glissefondor </span></a>
Team USA</span></a> <a href="peksentard.php" id="urss" class="page-link"><span class="sidenav-content"><img
<a href="urss.php" id="urss" class="page-link"><span class="sidenav-content"><img src="assets/images/urss_logo.png" class="sidenav-image"> Peksentard </span></a>
src="assets/images/urss_logo.png" class="sidenav-image"> La <a href="boomsouffle.php" id="urss" class="page-link"><span class="sidenav-content"><img
Mère Patrie</span></a> src="assets/images/urss_logo.png" class="sidenav-image"> Boomsouffle </span></a>
<a href="verredaigle.php" id="urss" class="page-link"><span class="sidenav-content"><img
src="assets/images/urss_logo.png" class="sidenav-image"> Verredaigle </span></a>
<a href="stats.php" id="stats" class="page-link"><span class="sidenav-content"><i <a href="stats.php" id="stats" class="page-link"><span class="sidenav-content"><i
class="fas fa-list-ol sidenav-icon"></i> Les Stats</span></a> class="fas fa-list-ol sidenav-icon"></i> Les Stats</span></a>
<div class="separator"></div> <div class="separator"></div>

11
includes/top_bar.php
View file

@ -1,13 +1,18 @@
<div id="header-top"> <div id="header-top">
<div id="hamburger" onclick="toggleNav()"> <div id="hamburger" onclick="toggleNav()">
<div id="bar1"></div> <div id="bar1"></div>
<div id="bar2-1"></div> <div id="bar2"></div>
<div id="bar2-2"></div>
<div id="bar3"></div> <div id="bar3"></div>
<div id="bar4"></div>
<div id="bar5"></div>
<div id="bar6"></div>
<div id="bar7"></div>
<div id="bar8"></div>
<div id="bar9"></div>
</div> </div>
<a id="menu-link" href="index.php"> <a id="menu-link" href="index.php">
<img src="assets/images/logo-site-accueil.svg" id="menu-icon"> <img src="assets/images/logo-site-accueil.svg" id="menu-icon">
<h4 id="menu-title">INSA Toulouse 2018</h4> <h4 id="menu-title">INSA Toulouse 2019</h4>
</a> </a>
<?php <?php
$platformID = 'top-bar-score'; $platformID = 'top-bar-score';

26
index.php
View file

@ -58,62 +58,62 @@ $scoreURSS = get_total_points('urss');
$platformID = 'main-score'; $platformID = 'main-score';
include("includes/score_counter.php"); include("includes/score_counter.php");
?> ?>
<h4>Semaine d'Accueil INSA Toulouse 2018</h4> <h4>Semaine d'Accueil INSA Toulouse 2019</h4>
<div id="main-link-container"> <div id="main-link-container">
<?php <?php
$is_image = false; $is_image = false;
$link = "planning.php"; $link = "planning.php";
$icon = "fas fa-calendar-alt"; $icon = "fas fa-calendar-alt";
$text = "Le planning de ta semaine, sois au courant de tous les événements !"; $text = "Le planning de ta semaine, sois au courant de tous les événements";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "wini.php"; $link = "wini.php";
$icon = "fas fa-star"; $icon = "fas fa-star";
$text = "Le WINI, le bouquet final de la semaine ! !"; $text = "Le WINI, le bouquet final de la semaine";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "map.php"; $link = "map.php";
$icon = "fas fa-map"; $icon = "fas fa-map";
$text = "Le plan du campus, il est interactif et tout, comme ça tu peux pas te perdre !"; $text = "Le plan du campus, il est interactif et tout, comme ça tu peux pas te perdre";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "parrainage.php"; $link = "parrainage.php";
$icon = "fas fa-user-plus"; $icon = "fas fa-user-plus";
$text = "Toutes les informations concernant le parrainage !"; $text = "Toutes les informations concernant le parrainage";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "blouse.php"; $link = "blouse.php";
$icon = "fas fa-tshirt"; $icon = "fas fa-tshirt";
$text = "La fameuse Blouse, habit officiel de l'insa !"; $text = "La fameuse Blouse, habit officiel de l'Insa";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "photos.php"; $link = "photos.php";
$icon = "fas fa-camera"; $icon = "fas fa-camera";
$text = "Les photos de la semaine (la tienne et la notre) !"; $text = "Les photos de la semaine (la tienne et la notre)";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$is_image = true; $is_image = true;
$link = "usa.php"; $link = "usa.php";
$icon = "assets/images/usa_logo.png"; $icon = "assets/images/usa_logo.png";
$text = "La page des USA !"; $text = "Les potes d'Harry";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$is_image = false; $is_image = false;
$link = "stats.php"; $link = "stats.php";
$icon = "fas fa-list-ol"; $icon = "fas fa-list-ol";
$text = "Les stats de chaque groupe (USA vs URSS) !"; $text = "Les stats de chaque équipe";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$is_image = true; $is_image = true;
$link = "urss.php"; $link = "urss.php";
$icon = "assets/images/urss_logo.png"; $icon = "assets/images/urss_logo.png";
$text = "La page de l'URSS !"; $text = "La clique de Drago";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$is_image = false; $is_image = false;
$link = "coms.php"; $link = "coms.php";
$icon = "fas fa-users"; $icon = "fas fa-users";
$text = "Les différentes COM présentes pour assurer la pérénité de la semaine !"; $text = "Les différentes COM présentes pour assurer la pérénité de la semaine";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "prevs.php"; $link = "prevs.php";
@ -123,12 +123,12 @@ $scoreURSS = get_total_points('urss');
$link = "downloads.php"; $link = "downloads.php";
$icon = "fas fa-download"; $icon = "fas fa-download";
$text = "Les téléchargements, si t'as paumé une feuille !"; $text = "Les téléchargements, si t'as paumé une feuille";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
$link = "info.php"; $link = "info.php";
$icon = "fas fa-info"; $icon = "fas fa-info";
$text = "Les informations supplémentaires, si tu veux tout savoir !"; $text = "Les informations supplémentaires, si tu veux tout savoir";
include("includes/main_button_template.php"); include("includes/main_button_template.php");
?> ?>
</div> </div>

48
stats.php
View file

@ -43,7 +43,7 @@ function get_stats($team)
</a> </a>
</div> </div>
<div class="stats-toggle stats-usa" onclick="toggleTable(this)" id="toggle-usa"> <div class="stats-toggle stats-usa" onclick="toggleTable(this)" id="toggle-usa">
<i class="fas fa-arrow-down"></i> USA <i class="fas fa-arrow-down"></i> <i class="fas fa-arrow-down"></i> Glissefondor <i class="fas fa-arrow-down"></i>
</div> </div>
<table class="stats-table stats-usa" id="usa-table" style="display: none"> <table class="stats-table stats-usa" id="usa-table" style="display: none">
<tr> <tr>
@ -61,7 +61,7 @@ function get_stats($team)
</a> </a>
</div> </div>
<div class="stats-toggle" onclick="toggleTable(this)" id="toggle-urss"> <div class="stats-toggle" onclick="toggleTable(this)" id="toggle-urss">
<i class="fas fa-arrow-down"></i> URSS <i class="fas fa-arrow-down"></i> <i class="fas fa-arrow-down"></i> Peksentard <i class="fas fa-arrow-down"></i>
</div> </div>
<table class="stats-table stats-urss" id="urss-table" style="display: none"> <table class="stats-table stats-urss" id="urss-table" style="display: none">
<tr> <tr>
@ -71,6 +71,42 @@ function get_stats($team)
<?php get_stats('urss') ?> <?php get_stats('urss') ?>
</table> </table>
<div id="latest-score-urss"></div> <div id="latest-score-urss"></div>
<div id="oldest-score-usa"></div>
<div class="edit-button-container">
<a href="edit_score/usa/edit.php" class="edit-button" id="button-boomsouffle">
Éditer les scores
</a>
</div>
<div class="stats-toggle stats-boomsouffle" onclick="toggleTable(this)" id="toggle-boomsouffle">
<i class="fas fa-arrow-down"></i> Boomsouffle <i class="fas fa-arrow-down"></i>
</div>
<table class="stats-table stats-boomsouffle" id="boomsouffle-table" style="display: none">
<tr>
<td class="stat-log">Log</td>
<td class="stat-points">Points</td>
</tr>
<?php get_stats('usa') ?>
</table>
<div id="latest-score-usa"></div>
<div id="oldest-score-usa"></div>
<div class="edit-button-container">
<a href="edit_score/usa/edit.php" class="edit-button" id="button-verredaigle">
Éditer les scores
</a>
</div>
<div class="stats-toggle stats-verredaigle" onclick="toggleTable(this)" id="toggle-verredaigle">
<i class="fas fa-arrow-down"></i> Verredaigle <i class="fas fa-arrow-down"></i>
</div>
<table class="stats-table stats-verredaigle" id="verredaigle-table" style="display: none">
<tr>
<td class="stat-log">Log</td>
<td class="stat-points">Points</td>
</tr>
<?php get_stats('usa') ?>
</table>
<div id="latest-score-usa"></div>
</div> </div>
<script> <script>
function scrolltoOld(team) { function scrolltoOld(team) {
@ -103,25 +139,25 @@ function get_stats($team)
if (elem.id === 'toggle-usa') { if (elem.id === 'toggle-usa') {
if ($("#usa-table").css("display") === "none") { if ($("#usa-table").css("display") === "none") {
$("#usa-table").show(300); $("#usa-table").show(300);
elem.innerHTML = "<i class=\"fas fa-arrow-up\"></i> USA <i class=\"fas fa-arrow-up\"></i>"; elem.innerHTML = "<i class=\"fas fa-arrow-up\"></i> Glissefondor <i class=\"fas fa-arrow-up\"></i>";
// scrolltoNew('usa'); // scrolltoNew('usa');
} }
else { else {
$("#usa-table").hide(300); $("#usa-table").hide(300);
// scrolltoOld('usa'); // scrolltoOld('usa');
elem.innerHTML = "<i class=\"fas fa-arrow-down\"></i> USA <i class=\"fas fa-arrow-down\"></i>"; elem.innerHTML = "<i class=\"fas fa-arrow-down\"></i> Glissefondor <i class=\"fas fa-arrow-down\"></i>";
} }
} }
else { else {
if ($("#urss-table").css("display") === "none") { if ($("#urss-table").css("display") === "none") {
$("#urss-table").show(300); $("#urss-table").show(300);
elem.innerHTML = "<i class=\"fas fa-arrow-up\"></i> URSS <i class=\"fas fa-arrow-up\"></i>"; elem.innerHTML = "<i class=\"fas fa-arrow-up\"></i> Peksentard <i class=\"fas fa-arrow-up\"></i>";
// scrolltoNew('urss'); // scrolltoNew('urss');
} }
else { else {
$("#urss-table").hide(300); $("#urss-table").hide(300);
// scrolltoOld('urss'); // scrolltoOld('urss');
elem.innerHTML = "<i class=\"fas fa-arrow-down\"></i> URSS <i class=\"fas fa-arrow-down\"></i>"; elem.innerHTML = "<i class=\"fas fa-arrow-down\"></i> Peksentard <i class=\"fas fa-arrow-down\"></i>";
} }
} }

2
template.php
View file

@ -59,7 +59,7 @@ include("includes/sidenav.html");
?> ?>
<div id="header-wrap" class="outer"> <div id="header-wrap" class="outer">
<header class="inner"> <header class="inner">
<h1 id="title">Semaine d'Accueil 2018</h1> <h1 id="title">Semaine d'Accueil 2019</h1>
<h3 id="timer">Chargement du compte à rebours...</h3> <h3 id="timer">Chargement du compte à rebours...</h3>
</header> </header>
</div> </div>

0
usa.php Executable file → Normal file
View file