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

Added planning display from database using ajax requests

Browse source
This commit is contained in:
Keplyx 2019-05-20 22:26:46 +02:00
parent 08aabc21c3
commit 9f560be357
22 changed files with 648 additions and 665 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
admin/index.php
View file

@ -2,14 +2,17 @@
ob_start(); // Start reading html ob_start(); // Start reading html
$relativePath = "../"; $relativePath = "../";
?> ?>
<h1>ADMIN</h1> <div class="inner">
<h2>Bienvenue sur la page d'administration</h2> <h1>ADMIN</h1>
<h2>Bienvenue sur la page d'administration</h2>
<a href="scores.php">Editer les scores</a>
<br>
<a href="map.php">Editer le texte de la carte</a>
<br>
<a href="planning.php">Editer le planning</a>
</div>
<a href="scores.php">Editer les scores</a>
<br>
<a href="map.php">Editer le texte de la carte</a>
<br>
<a href="planning.php">Editer le planning</a>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable

50
admin/map.php
View file

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

76
admin/planning.php
View file

@ -1,48 +1,51 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
$relativePath = "../"; $relativePath = "../";
require_once $relativePath.'classes/dao.php'; require_once $relativePath . 'classes/dao.php';
?> ?>
<h1>ADMIN</h1> <div class="inner">
<h2>Edition du planning</h2> <h1>ADMIN</h1>
<h2>Edition du planning</h2>
<select id="daySelect"> <select id="daySelect">
<option value="1">Lundi</option> <option value="1">Lundi</option>
<option value="2">Mardi</option> <option value="2">Mardi</option>
<option value="3">Mercredi</option> <option value="3">Mercredi</option>
<option value="4">Jeudi</option> <option value="4">Jeudi</option>
<option value="5">Vendredi</option> <option value="5">Vendredi</option>
<option value="6">Samedi</option> <option value="6">Samedi</option>
<option value="7">Dimanche</option> <option value="7">Dimanche</option>
</select> </select>
<br> <br>
<div class="add-line"> <div class="add-line">
<i class="fas fa-plus"></i> <i class="fas fa-plus"></i>
</div> </div>
<div class="edit-header"> <div class="edit-header">
<div class="planning-start">Début</div> <div class="planning-start">Début</div>
<div class="planning-length">Durée</div> <div class="planning-length">Durée</div>
<div class="planning-name">Nom</div> <div class="planning-name">Nom</div>
<div class="planning-trash"><i class='fas fa-trash'></i></div> <div class="planning-trash"><i class='fas fa-trash'></i></div>
</div> </div>
<table id="activityTable"> <table id="activityTable">
</table> </table>
<div class="save"> <div class="save">
<i class="fas fa-save"></i> Enregistrer <i class="fas fa-save"></i> Enregistrer
</div> </div>
<br> <br>
<div class="buttons-container"> <div class="buttons-container">
<a href="index.php" class="admin-back-button"> <a href="index.php" class="admin-back-button">
Retour sur la page admin Retour sur la page admin
</a> </a>
<a href="<?= $relativePath ?>map.php" class="website-back-button"> <a href="<?= $relativePath ?>map.php" class="website-back-button">
Retour sur le site Retour sur le site
</a> </a>
</div>
</div> </div>
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
<?php <?php
@ -53,7 +56,8 @@ $pageScripts = "<script type=\"text/javascript\" src=\"../assets/js/planningMana
include($relativePath . "includes/template.php"); // Display template with variable content include($relativePath . "includes/template.php"); // Display template with variable content
function setup_map_dropdown() { function setup_map_dropdown()
{
$dao = new Dao('../'); $dao = new Dao('../');
foreach ($dao->get_map_selectors() as $row) { foreach ($dao->get_map_selectors() as $row) {
echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>"; echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";

61
admin/scores.php
View file

@ -2,41 +2,44 @@
ob_start(); // Start reading html ob_start(); // Start reading html
$relativePath = "../"; $relativePath = "../";
?> ?>
<h1>ADMIN</h1> <div class="inner">
<h2>Edition des scores</h2> <h1>ADMIN</h1>
<h2>Edition des scores</h2>
<select id="teamSelect"> <select id="teamSelect">
<option value="gli">Glissefondor</option> <option value="gli">Glissefondor</option>
<option value="pek">Peksentard</option> <option value="pek">Peksentard</option>
<option value="boo">Boomsouffle</option> <option value="boo">Boomsouffle</option>
<option value="ver">Verredaigle</option> <option value="ver">Verredaigle</option>
</select> </select>
<div class="add-line"> <div class="add-line">
<i class="fas fa-plus"></i> <i class="fas fa-plus"></i>
</div> </div>
<div class="edit-header"> <div class="edit-header">
<div class="stat-log">Log</div> <div class="stat-log">Log</div>
<div class="stat-points">Points</div> <div class="stat-points">Points</div>
<div class="stat-trash"><i class='fas fa-trash'></i></div> <div class="stat-trash"><i class='fas fa-trash'></i></div>
</div> </div>
<table class="stats-table edit-stats"> <table class="stats-table edit-stats">
</table> </table>
<div class="save"> <div class="save">
<i class="fas fa-save"></i> Enregistrer <i class="fas fa-save"></i> Enregistrer
</div> </div>
<br> <br>
<div class="buttons-container"> <div class="buttons-container">
<a href="index.php" class="admin-back-button"> <a href="index.php" class="admin-back-button">
Retour sur la page admin Retour sur la page admin
</a> </a>
<a href="<?= $relativePath ?>stats.php" class="website-back-button"> <a href="<?= $relativePath ?>stats.php" class="website-back-button">
Retour sur le site Retour sur le site
</a> </a>
</div>
</div> </div>
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
<?php <?php

94
assets/css/planningEvents.css
View file

@ -1,27 +1,23 @@
/******************************************************************************* #tableWrapper {
General
*******************************************************************************/
#table-planning {
width: 100%; width: 100%;
border: none; overflow: auto;
border-collapse: separate; display: flex;
border-spacing: 10px;
font-size: 15px;
} }
#table-planning th { #tablePlanning {
margin: auto;
display: flex;
}
.planning-header {
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background: #414141; background: #414141;
font-weight: bold; font-weight: bold;
width: 12.5%;
font-size: 17px; font-size: 17px;
} padding: 5px;
margin: 5px 0;
#table-planning td { height: 50px;
padding: 0;
margin: 0 0 0 0;
} }
.horaires { .horaires {
@ -30,65 +26,35 @@ General
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
text-align: right; text-align: right;
vertical-align: top; vertical-align: top;
margin-top: -1px; /* negate the border to prevent offsest with events */
} }
.event { .event {
border-radius: 10px; background: none;
border: none; border: none;
color: white; color: white;
vertical-align: middle;
transition: 0.3s; transition: 0.3s;
cursor: pointer; cursor: pointer;
text-align: center; position: absolute;
width: 100%;
display: flex;
} }
/******************************************************************************* .event-color {
Events Specific background-color: #bf021c;
*******************************************************************************/ border-radius: 10px;
border: none;
.discours { margin: 5px 0;
background-color: #212121; display: flex;
width: 100%;
} }
.remise_niveau { .event-text {
background-color: #d2a000; margin: auto;
} }
.barbecue, .banquet, .act_prev { .day-column {
background-color: #7fa1b3; position: relative;
} min-width: 200px;
margin: 0 5px;
.fabcamp {
background-color: #004568;
}
.soir {
background-color: #2696a2;
}
.escape_game {
background-color: #929ba8;
}
.com_ville {
background-color: #bbe19e;
}
.com_walle {
background-color: #a20000;
}
.wini {
background-color: #b7472a;
}
@media screen and (max-width: 750px) {
#table-planning {
font-size: 10px;
}
#table-planning th{
font-size: 12px;
}
} }

4
assets/css/style.css
View file

@ -305,10 +305,6 @@ Full-Width Styles
padding: 50px 0 50px 0; padding: 50px 0 50px 0;
} }
#table-wrapper {
width: 100%;
overflow: auto;
}
#table-coms{ #table-coms{
width: 100%; width: 100%;

24
assets/js/map.js
View file

@ -1,16 +1,12 @@
var clickedColor = "#ee293d"; let hoverColor = "#1a5dad";
var hoverColor = "#1a5dad"; let normalColor = "#efbd95";
var normalColor = "#efbd95";
var selected;
function get_name(id){ function get_name(id){
return id.replace("map-", ""); return id.replace("map-", "");
} }
function clicked(elem){ function clicked(elem){
set_element_active(elem);
$.alert({ $.alert({
title: 'Chargement...', title: 'Chargement...',
theme: 'supervan', theme: 'supervan',
@ -39,22 +35,10 @@ function clicked(elem){
}); });
} }
function set_element_active(elem){
selected = elem;
let elements = document.querySelectorAll('*[id^="map-"]');
for (let i = 0; i < elements.length; i++){
$(elements[i]).css("fill", normalColor);
}
$(elem).css("fill", clickedColor);
}
function hover_in(elem){ function hover_in(elem){
if (elem !== selected) $(elem).css("fill", hoverColor);
$(elem).css("fill", hoverColor);
} }
function hover_out(elem){ function hover_out(elem){
if (elem !== selected) $(elem).css("fill", normalColor);
$(elem).css("fill", normalColor);
} }

136
assets/js/planning.js
View file

@ -1,50 +1,100 @@
var current = null; let ajaxurl = 'admin/ajax_load.php';
var classes = null;
let tableWrapper = $('#tablePlanning');
let cellHeight = 50;
let startHour = 8;
let activityList = [];
let dayNames =
['Horaires',
'Lundi',
'Mardi',
'Mercredi',
'Jeudi',
'Vendredi',
'Samedi',
'Dimanche'];
$(document).ready(function () { $(document).ready(function () {
generateTable();
});
/* function getDayActivities(day, callback) {
* Display clicked event as selected, change info box content and scroll to it let object = {
*/ "function": 'get_activities_of_day',
$(".event").click(function () { 'day': day,
/* Reset last selected items */ };
if (current != null) { $.get(
setEventShadow(current, "none"); ajaxurl,
} object,
/* Set style for currently selected items */ callback,
current = this.className.split(" ")[1]; );
setEventShadow(current, "0px 0px 10px #ee293d"); }
/* Load info box text and smoothly scroll to it */
$("#infoBox").load("includes/planning_events/" + current + ".html");
$('html, body').animate({
scrollTop: $("#info-box-top").offset().top
}, 300);
});
/* function getDataOfElement($elem) {
* Display shadow on hovered events let id = $elem.attr('id');
*/ let day = $elem.parent().attr('id').replace('day_', '');
$(".event").hover(function () { let data = undefined;
var element = this.className.split(" ")[1]; for (let i = 0; i < activityList[day].length; i++) {
if (element != current) { if (activityList[day][i]['ID'] === id) {
setEventShadow(element, "0px 0px 10px #1a5dad"); data = activityList[day][i];
} break;
}, function () {
var element = this.className.split(" ")[1];
if (element != current) {
setEventShadow(element, "none");
}
});
/*
* Display shadow under all elements with the save eventName
*/
function setEventShadow(eventName, shadow) {
classes = document.getElementsByClassName(eventName);
for (var i = 0; i < classes.length; i++) {
classes[i].style.boxShadow = shadow;
classes[i].style.textShadow = shadow;
} }
} }
return data;
}
function clicked($elem){
let data = getDataOfElement($elem);
console.log(data);
$.alert({
title: data['full_title'],
theme: 'supervan',
content: data['description'],
});
}
}); function generateTable() {
tableWrapper.html(''); // Reset the table
generateHours();
for (let i = 1; i <= 7; 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);
}

29
assets/js/planningManager.js
View file

@ -14,18 +14,21 @@ let entryTemplate =
'</tr>'; '</tr>';
let editEntryTemplate = let editEntryTemplate =
' <label for="startTimeInput">Heure de début</label>\n' + '<label for="startTimeInput">Heure de début</label>\n' +
' <input type="number" id="startTimeInput">\n' + '<input type="number" id="startTimeInput">\n' +
' <label for="lengthTimeInput">Durée</label>\n' + '<label for="lengthTimeInput">Durée</label>\n' +
' <input type="number" id="lengthTimeInput">\n' + '<input type="number" id="lengthTimeInput">\n' +
'\n' + '' +
' <label for="smallTitleInput">Titre dans le planning</label>\n' + '<label for="smallTitleInput">Titre dans le planning</label>\n' +
' <input type="text" id="smallTitleInput">\n' + '<input type="text" id="smallTitleInput">\n' +
' <label for="fullTitleInput">Titre dans la description</label>\n' + '<label for="fullTitleInput">Titre dans la description</label>\n' +
' <input type="text" id="fullTitleInput">\n' + '<input type="text" id="fullTitleInput">\n' +
'\n' + '' +
' <label for="descriptionInput">Description</label>\n' + '<label for="descriptionInput">Description</label>\n' +
' <textarea rows="15" id="descriptionInput"></textarea>'; '<textarea rows="10" id="descriptionInput"></textarea>' +
'' +
'<label for="colorInput">Couleur (hexadécimal)</label>\n' +
'<input type="text" id="colorInput">\n';
$(document).ready(function () { $(document).ready(function () {
getDayActivities(getSelectedDay()); getDayActivities(getSelectedDay());
@ -117,6 +120,7 @@ function showInfo(entry) {
$('#smallTitleInput').val(entry['small_title']); $('#smallTitleInput').val(entry['small_title']);
$('#fullTitleInput').val(entry['full_title']); $('#fullTitleInput').val(entry['full_title']);
$('#descriptionInput').val(entry['description']); $('#descriptionInput').val(entry['description']);
$('#colorInput').val(entry['color']);
}, },
onClose: function () { onClose: function () {
entry['start'] =$('#startTimeInput').val(); entry['start'] =$('#startTimeInput').val();
@ -124,6 +128,7 @@ function showInfo(entry) {
entry['small_title'] = $('#smallTitleInput').val(); entry['small_title'] = $('#smallTitleInput').val();
entry['full_title'] = $('#fullTitleInput').val(); entry['full_title'] = $('#fullTitleInput').val();
entry['description'] = $('#descriptionInput').val(); entry['description'] = $('#descriptionInput').val();
entry['color'] = $('#colorInput').val();
updateListEntry(entry); updateListEntry(entry);
}, },
}); });

125
blouse.php
View file

@ -1,68 +1,73 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>La Blouse</h1> <div class="inner">
<p>Mais qu'est-ce que c'est cette histoire, une page entière dédiée à une pauvre blouse de TP ? Que nenni ! LA <h1>La Blouse</h1>
Blouse <p>Mais qu'est-ce que c'est cette histoire, une page entière dédiée à une pauvre blouse de TP ? Que nenni ! LA
est une tradition ancestrale à l'INSA. Cette blouse, que tu devras porter pendant ta semaine d'accueil et Blouse
pendant est une tradition ancestrale à l'INSA. Cette blouse, que tu devras porter pendant ta semaine d'accueil et
les TP, devra être brodée par tes soins (et pas de tricheurs !). pendant
</p> les TP, devra être brodée par tes soins (et pas de tricheurs !).
<p> </p>
Cette année, le thème étant <strong>l'espace</strong>, tu devras teinter ta blouse en <strong <p>
style="color: #1a5dad">Bleu inter-sidéral</strong> si tu es dans la team <strong Cette année, le thème étant <strong>l'espace</strong>, tu devras teinter ta blouse en <strong
style="color: #1a5dad">USA</strong>, et <strong style="color: #ee293d">Rouge Stellaire</strong> pour la style="color: #1a5dad">Bleu inter-sidéral</strong> si tu es dans la team <strong
<strong style="color: #ee293d">Mère Patrie</strong>. Ensuite, du devras la décorer en brodant et cousant selon style="color: #1a5dad">USA</strong>, et <strong style="color: #ee293d">Rouge Stellaire</strong> pour
ce thème en respectant les règles ci-dessous. Qui sait, peut-être que tu seras élu Miss ou Mister Blouse. la
</p> <strong style="color: #ee293d">Mère Patrie</strong>. Ensuite, du devras la décorer en brodant et cousant
<h3> selon
Voici les 5 commandements de la Blouse, et attention à les respecter scrupuleusement ! ce thème en respectant les règles ci-dessous. Qui sait, peut-être que tu seras élu Miss ou Mister Blouse.
</h3> </p>
<ul id="list-blouse"> <h3>
<li> Voici les 5 commandements de la Blouse, et attention à les respecter scrupuleusement !
Uniquement fils et aiguilles tu utiliseras. </h3>
</li> <ul id="list-blouse">
<li> <li>
Par toi-même tu décoreras ta blouse, l’aide de maman et mamie tu ne demanderas pas. (Et oui, Uniquement fils et aiguilles tu utiliseras.
on y est tous passé, à ton tour maintenant, et gare aux tricheurs !) </li>
</li> <li>
<li> Par toi-même tu décoreras ta blouse, l’aide de maman et mamie tu ne demanderas pas. (Et oui,
Des marqueurs ou feutres tu n’utiliseras pas, car réservés aux Grands Dindons Autoritaires que on y est tous passé, à ton tour maintenant, et gare aux tricheurs !)
nous sommes pour t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition. </li>
</li> <li>
<li> Des marqueurs ou feutres tu n’utiliseras pas, car réservés aux Grands Dindons Autoritaires que
Comme sur le schéma ta blouse tu décoreras nous sommes pour t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
<ul> </li>
<li> <li>
Sur le devant de ta blouse, ton prénom, le blason et le nom de ton patelin d’origine apparaitront Comme sur le schéma ta blouse tu décoreras
</li> <ul>
<li> <li>
Sur l’arrière de ta blouse, ton surnom (en gros et bien visible) et “INSA 56” en très Sur le devant de ta blouse, ton prénom, le blason et le nom de ton patelin d’origine
gros tu broderas car ta promo tu aduleras apparaitront
</li> </li>
<li> <li>
Les espaces vides tu combleras de broderies et fantaisies sur le thème de l’espace Sur l’arrière de ta blouse, ton surnom (en gros et bien visible) et “INSA 56” en très
</li> gros tu broderas car ta promo tu aduleras
</ul> </li>
</li> <li>
Les espaces vides tu combleras de broderies et fantaisies sur le thème de l’espace
</li>
</ul>
</li>
<li> <li>
Créatif et original tu seras, bonus à la clé Créatif et original tu seras, bonus à la clé
</li> </li>
<li> <li>
D’humour tu feras preuve, bonus à la clé D’humour tu feras preuve, bonus à la clé
</li> </li>
</ul> </ul>
<p> <p>
Pour t’aider dans l ‘élaboration de ton œuvre magistrale, voici <a href="assets/images/logos.zip">les logos de Pour t’aider dans l ‘élaboration de ton œuvre magistrale, voici <a href="assets/images/logos.zip">les logos
la semaine</a> (à ne surtout pas coller évidement, utilise-les seulement comme modèle !). de
</p> la semaine</a> (à ne surtout pas coller évidement, utilise-les seulement comme modèle !).
<img src="assets/images/blouse_example.png"> </p>
<img src="assets/images/blouse_example.png">
<h3>
Pour te motiver, voici ce que notre Miss Blouse avait brodé pour le thème de la ferme
</h3>
<h3>
Pour te motiver, voici ce que notre Miss Blouse avait brodé pour le thème de la ferme
</h3>
</div>
<img src="assets/images/blouse_example_2017.jpeg"> <img src="assets/images/blouse_example_2017.jpeg">
<?php <?php

4
classes/dao.php
View file

@ -98,9 +98,9 @@ class Dao
$cursor->execute([$day]); $cursor->execute([$day]);
foreach ($info_json as $value) { foreach ($info_json as $value) {
$sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, start, length) VALUES (?, ?, ?, ?, ?, ?)'; $sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, color, start, length) VALUES (?, ?, ?, ?, ?, ?, ?)';
$cursor = $this->conn->prepare($sql); $cursor = $this->conn->prepare($sql);
$cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['start'], $value['length']]); $cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['color'], $value['start'], $value['length']]);
} }
} }
} }

6
coms.php
View file

@ -1,8 +1,10 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Les Coms</h1> <div class="inner">
<p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p> <h1>Les Coms</h1>
<p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p>
</div>
<?php <?php
$comId = ""; $comId = "";
$comRespo2Id = "Mail respo 2 (facultatif"; $comRespo2Id = "Mail respo 2 (facultatif";

47
downloads.php
View file

@ -1,28 +1,31 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Les Téléchargements</h1> <div class="inner">
<p>Sur cette page tu peux télécharger les différents documents de ta semaine d'accueil</p> <h1>Les Téléchargements</h1>
<ul> <p>Sur cette page tu peux télécharger les différents documents de ta semaine d'accueil</p>
<li> <ul>
<a href="assets/pdf/Parrainage.pdf">La fiche de parrainage</a> <li>
</li> <a href="assets/pdf/Parrainage.pdf">La fiche de parrainage</a>
<li> </li>
<a href="assets/pdf/Plaquette.pdf">La plaquette</a> <li>
</li> <a href="assets/pdf/Plaquette.pdf">La plaquette</a>
<li> </li>
<a href="assets/pdf/Charte-droit-image.pdf">La charte de droit à l'image</a> <li>
</li> <a href="assets/pdf/Charte-droit-image.pdf">La charte de droit à l'image</a>
<li> </li>
<a href="assets/pdf/Fiche-renseignements-wini.pdf">La fiche d'autorisation pour le WINI</a> <li>
</li> <a href="assets/pdf/Fiche-renseignements-wini.pdf">La fiche d'autorisation pour le WINI</a>
<li> </li>
<a href="assets/images/planning.png">Le planning</a> <li>
</li> <a href="assets/images/planning.png">Le planning</a>
<li> </li>
<a href="assets/images/logos.zip">Les logos de la semaine</a> <li>
</li> <a href="assets/images/logos.zip">Les logos de la semaine</a>
</ul> </li>
</ul>
</div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "Téléchargements"; $pageTitle = "Téléchargements";

2
includes/template.php
View file

@ -71,7 +71,7 @@ include($relativePath."includes/score_counter.php");
<div id="main-fading-top-edge"></div> <div id="main-fading-top-edge"></div>
<div id="main-content-wrap" class="outer"> <div id="main-content-wrap" class="outer">
<section id="main-content" class="inner"> <section id="main-content">
<?= $pageContent // Display content defined in calling file ?> <?= $pageContent // Display content defined in calling file ?>
</section> </section>
</div> </div>

147
info.php
View file

@ -1,78 +1,87 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Contact</h1> <div class="inner">
<p> <h1>Contact</h1>
Voici la merveilleuse page que personne lit ! Mais t'es là, donc autant en profiter. <p>
</p> Voici la merveilleuse page que personne lit ! Mais t'es là, donc autant en profiter.
<p> </p>
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la <p>
semaine. On y postera des infos sur les événements à venir. Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la
Mais on a pensé à ceux qui n'ont pas les réseaux sociaux, c'est pourquoi je vais essayer de mettre les infos sur le semaine. On y postera des infos sur les événements à venir.
site aussi. Mais on a pensé à ceux qui n'ont pas les réseaux sociaux, c'est pourquoi je vais essayer de mettre les infos sur
</p> le
<br id="arnaud"> site aussi.
<h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5> </p>
<ul> <br id="arnaud">
<li> <h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5>
<strong>Mail :</strong> vergnet<span class="fas fa-envelope"></span>etud.insa-toulouse.fr <ul>
</li> <li>
<li> <strong>Mail :</strong> vergnet<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
<strong>Facebook :</strong> Arnaud Vergnet </li>
</li> <li>
</ul> <strong>Facebook :</strong> Arnaud Vergnet
<br id="beranger"> </li>
<h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5> </ul>
<ul> <br id="beranger">
<li> <h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5>
<strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr <ul>
</li> <li>
<li> <strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
<strong>Tel :</strong> +33 6 95 35 65 26 </li>
</li> <li>
<li> <strong>Tel :</strong> +33 6 95 35 65 26
<strong>Facebook :</strong> Béranger Qtn </li>
</li> <li>
</ul> <strong>Facebook :</strong> Béranger Qtn
<br> </li>
<h6>Sinon, si tu veux des infos à propos d'une activité/COM spécifique, va sur la page des <a href="coms.php">COMs</a> </ul>
pour <br>
contacter le responsable. <h6>Sinon, si tu veux des infos à propos d'une activité/COM spécifique, va sur la page des <a
</h6> href="coms.php">COMs</a>
<br> pour
<p> contacter le responsable.
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une </h6>
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services. <br>
</p> <p>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
</p>
<h1>Crédits</h1> <h1>Crédits</h1>
<p> <p>
Site créé par Arnaud VERGNET, un GDA qui avait du temps à perdre mais qui aime bien rendre service. J'ai essayé de Site créé par Arnaud VERGNET, un GDA qui avait du temps à perdre mais qui aime bien rendre service. J'ai essayé
faire ce site le plus modulable possible, donc si un de vous veut le reprendre pour l'année suivante, envoyez-moi un de
petit mot pour que je passe le flambeau (pas besoin de connaissances de fou, ya pas grand-chose à modifier). faire ce site le plus modulable possible, donc si un de vous veut le reprendre pour l'année suivante,
</p> envoyez-moi un
<br> petit mot pour que je passe le flambeau (pas besoin de connaissances de fou, ya pas grand-chose à modifier).
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p> </p>
<ul id="credits-list"> <br>
<li><a href="https://fontawesome.com/"><i class="fab fa-font-awesome"></i></a></li> <p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<li><a href="https://jquery.com/"><i class="fab fa-js-square"></i></a></li> <ul id="credits-list">
<li><a href="http://www.php.net/"><i class="fab fa-php"></i></a></li> <li><a href="https://fontawesome.com/"><i class="fab fa-font-awesome"></i></a></li>
<li><a href="https://www.w3.org/html/"><i class="fab fa-html5"></i></a></li> <li><a href="https://jquery.com/"><i class="fab fa-js-square"></i></a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3"><i class="fab fa-css3-alt"></i></a></li> <li><a href="http://www.php.net/"><i class="fab fa-php"></i></a></li>
</ul> <li><a href="https://www.w3.org/html/"><i class="fab fa-html5"></i></a></li>
<p> <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3"><i class="fab fa-css3-alt"></i></a></li>
Image de fond trouvée sur <a href="https://www.pexels.com/photo/train-with-smoke-507410/"> Pexexls</a> </ul>
</p> <p>
Image de fond trouvée sur <a href="https://www.pexels.com/photo/train-with-smoke-507410/"> Pexexls</a>
</p>
<h1>Vie Privée</h1> <h1>Vie Privée</h1>
<p> <p>
Je mets juste ça ici au cas où. Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la Je mets juste ça ici au cas où. Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles (c'est la première année fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles (c'est la première
qu'on fait un site) ainsi que ton pays d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas être année
traqué, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur. Si qu'on fait un site) ainsi que ton pays d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus. être
</p> traqué, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur.
Si
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus.
</p>
</div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable

35
map.php
View file

@ -1,24 +1,27 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Le Plan</h1> <div class="inner">
<p> <h1>Le Plan</h1>
Voici le plan de ton nouveau campus, que tu vas connaître par cœur en quelques jours (fond de carte issu du site <p>
<a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591">Open Street Map</a>). Voici le plan de ton nouveau campus, que tu vas connaître par cœur en quelques jours (fond de carte issu du site
</p> <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591">Open Street Map</a>).
<p> </p>
<strong>Clique sur un bâtiment pour voir les infos.</strong> <p>
</p> <strong>Clique sur un bâtiment pour voir les infos.</strong>
<p> </p>
Une petite note sur le numéro des salles : sur ton edt, c'est marqué le nom du bâtiment suivi du numéro de la <p>
salle (le STPI est aussi appelé bâtiment des Amphis). Le chiffre des centaines indique l'étage. Donc si tu vois Une petite note sur le numéro des salles : sur ton edt, c'est marqué le nom du bâtiment suivi du numéro de la
marqué "Amphi 6", c'est dans le STPI au rez-de-chaussée, et "GC 312" c'est dans le GC au 3ème (j'espère t'auras salle (le STPI est aussi appelé bâtiment des Amphis). Le chiffre des centaines indique l'étage. Donc si tu vois
pas à aller aussi loin). marqué "Amphi 6", c'est dans le STPI au rez-de-chaussée, et "GC 312" c'est dans le GC au 3ème (j'espère t'auras
</p> pas à aller aussi loin).
<div id="map"> </p>
<?php echo file_get_contents("assets/images/map.svg"); ?> <div id="map">
<?php echo file_get_contents("assets/images/map.svg"); ?>
</div>
</div> </div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "Plan"; $pageTitle = "Plan";

7
parrainage.php
View file

@ -1,6 +1,7 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<div class="inner">
<h1>Le Parrainage</h1> <h1>Le Parrainage</h1>
<p>Tu viens ou va t'envoler de ton petit chez toi, tu es apeuré ? Pas de soucis, nous allons envoyer un Guide <p>Tu viens ou va t'envoler de ton petit chez toi, tu es apeuré ? Pas de soucis, nous allons envoyer un Guide
Défenseur d'Astronaute à tes côtés pour t'accompagner non seulement pendant la semaine, mais aussi pour toute Défenseur d'Astronaute à tes côtés pour t'accompagner non seulement pendant la semaine, mais aussi pour toute
@ -11,7 +12,9 @@ ob_start(); // Start reading html
</p> </p>
<p> <p>
Tu étais sur une autre planète et t'as paumé ta fiche, pas (trop) de soucis, tu peux la télécharger ici : Tu étais sur une autre planète et t'as paumé ta fiche, pas (trop) de soucis, tu peux la télécharger ici :
<strong><a href="assets/pdf/Parrainage.pdf">Superbe lien vers ta magnifique fiche de parrainage à ne pas oublier de renvoyer par courrier pour être sur d'avoir un parrain/marraine.</a></strong> </p> <strong><a href="assets/pdf/Parrainage.pdf">Superbe lien vers ta magnifique fiche de parrainage à ne pas oublier
de
renvoyer par courrier pour être sur d'avoir un parrain/marraine.</a></strong></p>
<p> <p>
Pour savoir où envoyer ta fiche de parrainage, va voir à la dernière page de cette dernière. Pour savoir où envoyer ta fiche de parrainage, va voir à la dernière page de cette dernière.
</p> </p>
@ -21,6 +24,8 @@ ob_start(); // Start reading html
class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong> ou class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong> ou
<strong>laxague<span <strong>laxague<span
class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p> class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
</div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "Parrainage"; $pageTitle = "Parrainage";

109
photos.php
View file

@ -194,7 +194,7 @@ function isValidImage($imagePath)
*/ */
function isValidDirectory($directoryPath, $directory) function isValidDirectory($directoryPath, $directory)
{ {
return is_dir($directoryPath) && $directory != "." && $directory != ".." && substr($directory, 0, 1 ) !== "."; return is_dir($directoryPath) && $directory != "." && $directory != ".." && substr($directory, 0, 1) !== ".";
} }
@ -220,66 +220,69 @@ function generatePath($path)
} }
?> ?>
<div id="photo-overlay" style="display:none"> <div class="inner">
<div id="photo-overlay" style="display:none">
<img src="" id="img-big"> <img src="" id="img-big">
<div id="close-back" onclick="closeBig()"></div> <div id="close-back" onclick="closeBig()"></div>
<div id="loading" onclick="closeBig()"> <div id="loading" onclick="closeBig()">
<i class="fas fa-spinner fa-spin"></i> <i class="fas fa-spinner fa-spin"></i>
</div> </div>
<div id="photo-buttons"> <div id="photo-buttons">
<i id="right" class="fas fa-arrow-right" onclick="displayNext(1)"></i> <i id="right" class="fas fa-arrow-right" onclick="displayNext(1)"></i>
<i id="left" class="fas fa-arrow-left" onclick="displayNext(-1)"></i> <i id="left" class="fas fa-arrow-left" onclick="displayNext(-1)"></i>
<div id="photo-control"> <div id="photo-control">
<i id="close" class="fas fa-times" onclick="closeBig()"></i> <i id="close" class="fas fa-times" onclick="closeBig()"></i>
<a id="img_big_download" download="" href=""> <a id="img_big_download" download="" href="">
<i id="download" class="fas fa-download"></i> <i id="download" class="fas fa-download"></i>
</a> </a>
<a href="" id="img_big_link"> <a href="" id="img_big_link">
<i id="fullscreen" class="fas fa-expand-arrows-alt"></i> <i id="fullscreen" class="fas fa-expand-arrows-alt"></i>
</a> </a>
</div>
</div> </div>
</div> </div>
</div>
<h1 id="photos_title">Photos</h1> <h1 id="photos_title">Photos</h1>
<p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir <p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir
les regarder (et oui, pas de spoiler). les regarder (et oui, pas de spoiler).
</p> </p>
<p> <p>
Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page avec Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page
un autre navigateur. avec
</p> un autre navigateur.
<ul class="photos-path"> </p>
<li><p>Chemin : </p></li> <ul class="photos-path">
<?php <li><p>Chemin : </p></li>
generatePath(getActivePath());
?>
</ul>
<?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
<div class="photos-folder">
<?php <?php
createDirectories(getActivePath()); generatePath(getActivePath());
?> ?>
</div> </ul>
<?php endif; ?> <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
<?php if (isAlbumAvailable(getActivePath())): ?> <div class="photos-folder">
<a download="" <?php
href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip" createDirectories(getActivePath());
id="download-album"> ?>
<span id="download-text"><i class="fas fa-download"></i>Télécharger l'album</span> </div>
<span id="album-photo-count"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span> <?php endif; ?>
</a> <?php if (isAlbumAvailable(getActivePath())): ?>
<?php endif; ?> <a download=""
<?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?> href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
<div class="photos"> id="download-album">
<?php <span id="download-text"><i class="fas fa-download"></i>Télécharger l'album</span>
createPhotos(getActivePath()); <span id="album-photo-count"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
?> </a>
</div> <?php endif; ?>
<?php endif; ?> <?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
<div class="photos">
<?php
createPhotos(getActivePath());
?>
</div>
<?php endif; ?>
</div>
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/photos.css"> <link rel="stylesheet" type="text/css" media="screen" href="assets/css/photos.css">

112
planning.php
View file

@ -1,104 +1,26 @@
<? <?
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Le Planning</h1> <div class="inner">
<p>Voilà le planning de ta semaine. Les horaires sont approximatifs.</p> <h1>Le Planning</h1>
<p><strong>Clique sur une activité pour avoir plus d'informations.</strong></p> <p>Voilà le planning de ta semaine. Les horaires sont approximatifs.</p>
<div id="table-wrapper"> <p><strong>Clique sur une activité pour avoir plus d'informations.</strong></p>
<table cellspacing="10" id="table-planning">
<tr>
<th>Horaires</th>
<th>Lundi</th>
<th>Mardi</th>
<th>Mercredi</th>
<th>Jeudi</th>
<th>Vendredi</th>
<th>Samedi</th>
<th>Dimanche</th>
</tr>
<tr>
<td class="horaires">8h</td>
<td rowspan="2" class="event discours">Présentation INSA</td>
<td rowspan="4" class="event fabcamp">FabCamp</td>
<td rowspan="4" class="event fabcamp">FabCamp</td>
<td rowspan="5" class="event escape_game">Ins'cape Game</td>
<td rowspan="11" class="event com_walle">COM Wall-E</td>
<td rowspan="17" class="event wini">WINI</td>
<td rowspan="17" class="event wini">WINI</td>
</tr>
<tr>
<td class="horaires">9h</td>
</tr>
<tr>
<td class="horaires">10h</td>
<td rowspan="2" class="event remise_niveau">Remise à niveau</td>
</tr>
<tr>
<td class="horaires">11h</td>
</tr>
<tr>
<td class="horaires">12h</td>
<td rowspan="1" class="event barbecue">Barbecue</td>
<td rowspan="1" class="event barbecue">Barbecue</td>
<td rowspan="1" class="event barbecue">Barbecue</td>
</tr>
<tr>
<td class="horaires">13h</td>
<td rowspan="6" class="event fabcamp">FabCamp</td>
<td rowspan="6" class="event fabcamp">FabCamp</td>
<td rowspan="6" class="event fabcamp">FabCamp</td>
<td rowspan="6" class="event com_ville">COM ISS</td>
</tr>
<tr>
<td class="horaires">14h</td>
</tr>
<tr>
<td class="horaires">15h</td>
</tr>
<tr>
<td class="horaires">16h</td>
</tr>
<tr>
<td class="horaires">17h</td>
</tr>
<tr>
<td class="horaires">18h</td>
</tr>
<tr>
<td class="horaires">19h</td>
<td rowspan="1" class="event banquet">Banquet</td>
<td rowspan="1" class="event banquet">Banquet</td>
<td rowspan="1" class="event banquet">Banquet</td>
<td rowspan="1" class="event banquet">Banquet</td>
<td rowspan="1" class="event banquet">Banquet</td>
</tr>
<tr>
<td class="horaires">20h</td>
<td rowspan="3" class="event soir">Space Meeting</td>
<td rowspan="3" class="event soir">Soirée des Clubs et Spécifiques</td>
<td rowspan="3" class="event soir">Soirée Jeune Padawan</td>
<td rowspan="3" class="event soir">2001 : L'Odyssée du PK</td>
<td rowspan="4" class="event soir">Concert</td>
</tr>
<tr>
<td class="horaires">21h</td>
</tr>
<tr>
<td class="horaires">22h</td>
</tr>
<tr>
<td class="horaires">23h</td>
</tr>
<tr>
<td class="horaires">00h</td>
</tr>
</table>
</div> </div>
<h1 id="info-box-top">Informations</h1>
<div id="infoBox"> <div id="tableWrapper">
<p>Clique sur un évenement pour afficher ses informations</p> <div id="tablePlanning">
</div>
</div> </div>
<div class="inner">
<h1 id="info-box-top">Informations</h1>
<div id="infoBox">
<p>Clique sur un évenement pour afficher ses informations</p>
</div>
</div>
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/planningEvents.css"> <link rel="stylesheet" type="text/css" media="screen" href="assets/css/planningEvents.css">
<?php <?php

39
prevs.php
View file

@ -1,23 +1,28 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>La Prévention</h1> <div class="inner">
<p>C'est les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce <h1>La Prévention</h1>
que tout se passe dans les meilleures conditions. <p>C'est les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention
Ils seront là toute la semaine, avec des médocs, de la bouffe et de la boisson (de l'eau hein !), bref pour à ce
assurer ta que tout se passe dans les meilleures conditions.
survie.Ça sera facile de les repérer, ils auront tous un bandeau rouge ! Ils seront là toute la semaine, avec des médocs, de la bouffe et de la boisson (de l'eau hein !), bref pour
</p> assurer ta
<p> survie.Ça sera facile de les repérer, ils auront tous un bandeau rouge !
Surtout, si t'as un problème, hésite pas à les embêter ! </p>
</p> <p>
<p>Voici une petite video pour t'expliquer les bases :</p> Surtout, si t'as un problème, hésite pas à les embêter !
<iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0" </p>
allow="autoplay; encrypted-media" allowfullscreen></iframe> <p>Voici une petite video pour t'expliquer les bases :</p>
<h3>Contact d'urgence</h3> <iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
<p> allow="autoplay; encrypted-media" allowfullscreen></iframe>
rien à voir ici, ils sont pas encore en ligne ! <h3>Contact d'urgence</h3>
</p> <p>
rien à voir ici, ils sont pas encore en ligne !
</p>
</div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "Prévention"; $pageTitle = "Prévention";

35
stats.php
View file

@ -24,23 +24,26 @@ function get_stats($team)
} }
?> ?>
<div class="inner">
<h1>Stats</h1> <h1>Stats</h1>
<p> <p>
Les stats de la semaine. Les stats de la semaine.
<br>
Remporte le plus de points possible pour faire gagner ton équipe, mais attention à ne pas lui en faire
perdre !
<br><br>
<strong>Clique sur une équipe pour voir le détail de son score</strong>
</p>
<br> <br>
Remporte le plus de points possible pour faire gagner ton équipe, mais attention à ne pas lui en faire perdre ! <div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
<br><br> <br>
<strong>Clique sur une équipe pour voir le détail de son score</strong> <div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
</p> <br>
<br> <div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div> <br>
<br> <div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div> </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>
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css"> <link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">
<?php <?php

154
wini.php
View file

@ -1,79 +1,87 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<h1>Le WINI</h1> <div class="inner">
<p> <h1>Le WINI</h1>
Le top du top de la semaine, le WINI c’est le week-end le plus important. En plus, cette année tu as la chance <p>
d’avoir des organisateurs géniaux qui ont réussi à réserver un camping pas loin de <a Le top du top de la semaine, le WINI c’est le week-end le plus important. En plus, cette année tu as la
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">Cap Découverte</a>, pour pouvoir chance
s’éclater toute la journée. d’avoir des organisateurs géniaux qui ont réussi à réserver un camping pas loin de <a
Mais quécécé Cap Découverte ? C’est une base de loisirs près d’Albi (à une heure de Toulouse), construite dans href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">Cap Découverte</a>, pour pouvoir
un trou (un peu plus grand que celui devant l’amicale), qui propose plein d’activités. Tu peux dévaler de la s’éclater toute la journée.
mine en kart, en ski, faire du vélo, et pas mal d’autres trucs. Hésite pas à faire un tour sur <a Mais quécécé Cap Découverte ? C’est une base de loisirs près d’Albi (à une heure de Toulouse), construite
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">leur site</a> pour te dans
renseigner ! un trou (un peu plus grand que celui devant l’amicale), qui propose plein d’activités. Tu peux dévaler de la
</p> mine en kart, en ski, faire du vélo, et pas mal d’autres trucs. Hésite pas à faire un tour sur <a
<p> href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">leur site</a> pour te
Tu partiras de l’INSA le samedi matin, pour revenir le lendemain aprèm vers 15h, alors sois à fond pour ce renseigner !
week-end ! </p>
</p> <p>
<h5> Tu partiras de l’INSA le samedi matin, pour revenir le lendemain aprèm vers 15h, alors sois à fond pour ce
Voici le planning de ton week-end (pas interactif celui-là parce que flemme…) : week-end !
</h5> </p>
<ul> <h5>
<li> Voici le planning de ton week-end (pas interactif celui-là parce que flemme…) :
Départ à 7h45 le samedi matin (attention aux retardataires !) </h5>
</li> <ul>
<li> <li>
Arrivée à Cap Découverte même pas 1h30 plus tard. Départ à 7h45 le samedi matin (attention aux retardataires !)
</li> </li>
<li> <li>
Apporte ton manger pour le midi, mais on organise tout pour le soir et le dimanche midi! Arrivée à Cap Découverte même pas 1h30 plus tard.
</li> </li>
<li> <li>
La grosse soirée de la semaine le samedi soir, encadrée pour éviter les glissades. Apporte ton manger pour le midi, mais on organise tout pour le soir et le dimanche midi!
</li> </li>
<li> <li>
Dodo sur le camping La grosse soirée de la semaine le samedi soir, encadrée pour éviter les glissades.
</li> </li>
<li> <li>
Dimanche, plus de Cap Découverte, mais tu pourras accéder à des terrains de sport, ou juste te remettre de Dodo sur le camping
tes </li>
émotions de la veille. <li>
</li> Dimanche, plus de Cap Découverte, mais tu pourras accéder à des terrains de sport, ou juste te remettre
</ul> de
<h5> tes
Et voici la liste du matos indispensable pour profiter au mieux du WINI : émotions de la veille.
</h5> </li>
<ul> </ul>
<li> <h5>
Maillot (ya pas mal d’activités avec de l’eau) Et voici la liste du matos indispensable pour profiter au mieux du WINI :
</li> </h5>
<li> <ul>
Chaussures fermées et habits longs en rechange (c’est mieux pour certaines activités comme le kart) <li>
</li> Maillot (ya pas mal d’activités avec de l’eau)
<li> </li>
Tente et sac de couchage (tu pourras essayer de partager avec ceux qui ont de la place si t’as pas de tente) <li>
</li> Chaussures fermées et habits longs en rechange (c’est mieux pour certaines activités comme le kart)
<li> </li>
De quoi survire au soleil et à la chaleur. Et oui, Cap Découverte est dans une ancienne mine à ciel ouvert, <li>
donc Tente et sac de couchage (tu pourras essayer de partager avec ceux qui ont de la place si t’as pas de
pas de vent, et beaucoup de soleil (Eau, crème solaire, chapeaux, et trucs du genre) tente)
</li> </li>
<li> <li>
Carte d’identité (pour louer du matériel comme des vélos, échasses, …) De quoi survire au soleil et à la chaleur. Et oui, Cap Découverte est dans une ancienne mine à ciel
</li> ouvert,
<li> donc
De la joie de vivre (c’est mieux) pas de vent, et beaucoup de soleil (Eau, crème solaire, chapeaux, et trucs du genre)
</li> </li>
<li> <li>
Ta blouse (attention, malus à ceux qui l’oublient) Carte d’identité (pour louer du matériel comme des vélos, échasses, …)
</li> </li>
</ul> <li>
<p> De la joie de vivre (c’est mieux)
Le WINI, ce sera aussi l'occasion de terminer l'INSA WARS, avec la sélection de l'équipe gagnante. Alors fais </li>
gagner le plus de points à ton groupe lors de ces derniers jours ! <li>
</p> Ta blouse (attention, malus à ceux qui l’oublient)
</li>
</ul>
<p>
Le WINI, ce sera aussi l'occasion de terminer l'INSA WARS, avec la sélection de l'équipe gagnante. Alors
fais
gagner le plus de points à ton groupe lors de ces derniers jours !
</p>
</div>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "WINI"; $pageTitle = "WINI";