mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

Improved enigma and stats, changed general fonts

Browse source
This commit is contained in:
keplyx 2019-07-24 20:56:07 +02:00
parent b533a25d44
commit 2ee1c8fe5d
20 changed files with 460 additions and 407 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.htaccess
View file

@ -1,4 +1,4 @@
Options -Indexes
Redirect /~accueil_insa/new/ /~accueil_insa/
# Turn mod_rewrite on
RewriteEngine On

81
assets/css/enigma.css Normal file
View file

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

22
assets/css/planningEvents.css
View file

@ -5,17 +5,17 @@
}
#tablePlanning {
margin: auto;
margin: auto auto 20px auto;
display: flex;
}
.planning-header {
font-family: Harry-P, fantasy;
border: none;
border-radius: 5px;
border-radius: 0.2rem;
background: #414141;
font-weight: bold;
font-size: 17px;
font-size: 2rem;
padding: 5px;
margin: 5px 0;
height: 50px;
@ -41,19 +41,19 @@
display: flex;
}
.event:hover {
color: #e9b82f;
}
.event-color {
border-radius: 10px;
border-radius: 0.2rem;
transition: 0.2s;
border: none;
margin: 5px 0;
display: flex;
width: 100%;
}
.event-color:hover {
border-radius: 1rem;
transform: scale(1.05);
}
.event-text {
margin: auto;
@ -63,4 +63,4 @@
position: relative;
min-width: 150px;
margin: 0 5px;
}
}

29
assets/css/score.css
View file

@ -52,40 +52,46 @@
display: inline-flex;
vertical-align: middle;
align-items: center;
text-shadow: -1px 1px 2px #000,
1px 1px 2px #000,
1px -1px 0 #000,
-1px -1px 0 #000;
}
.score-container a:hover {
text-shadow: 0 0 10px #bd8a39;
}
.winning {
font-size: 23px;
}
.score-gli{
.score-gli {
color: #ff5f5f;
background-size: auto 100%;
text-shadow: 0 0 10px #000;
margin: 0 10px;
}
.score-pek{
.score-pek {
color: #7ffd78;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;
}
.score-boo{
.score-boo {
color: #fafd78;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;
}
.score-ver{
.score-ver {
color: #60bdff;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;
}
.score-separator{
.score-separator {
background-color: #d9d9d9;
width: 5px;
height: 5px;
@ -99,8 +105,9 @@
@media screen and (max-width: 768px) {
#top-bar-score {
display: none;
}
display: none;
}
#mobile-score {
display: block;
}

119
assets/css/stats.css
View file

@ -1,9 +1,93 @@
#teamButtonContainer {
display: block;
line-height: 2.2;
}
.team-button {
border-radius: 0.2rem;
font-size: 2.5rem;
font-family: Harry-P, fantasy;
cursor: pointer;
padding: 15px 20px;
margin: 10px;
width: 200px;
transition: 0.2s;
border: none;
}
#title_gli {
color: #FF5F5F;
}
#title_pek {
color: #7ffd78;
}
#title_boo {
color: #fafd78;
}
#title_ver {
color: #60bdff;
}
.team-button#buttonGli {
color: #FF5F5F;
background-color: #4b1f1f;
}
.team-button#buttonPek {
color: #7ffd78;
background-color: #1b4b1b;
}
.team-button#buttonBoo {
color: #fafd78;
background-color: #484b25;
}
.team-button#buttonVer {
color: #60bdff;
background-color: #1e384b;
}
.team-button#buttonGli:hover {
color: #b30006;
background-color: #ff7d7f;
box-shadow: 0 0 10px #ff506d;
}
.team-button#buttonBoo:hover {
color: #a28100;
background-color: #f7fd51;
box-shadow: 0 0 10px #fdf71e;
}
.team-button#buttonPek:hover {
color: #0c5700;
background-color: #6bfd5f;
box-shadow: 0 0 10px #7efd34;
}
.team-button#buttonVer:hover {
color: #0008a5;
background-color: #48a7ff;
box-shadow: 0 0 10px #2060ff;
}
.score-entry {
width: 100%;
}
.score-entry-text {
margin-right: 20px;
margin-right: 20px;
}
.score-entry-points {
@ -11,42 +95,9 @@ margin-right: 20px;
}
.positive {
font-weight: bold;
color: white;
}
.negative {
color: #bf021c;
}
.stat-log, .edit-header.stat-log {
width: 80%;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
font-size: 3rem;
}
.score-nav{
width: auto;
color: #000;
border-radius: 5px;
padding: 5px;
box-shadow: 0 0 5px #000000;
cursor: pointer;
display: inline-flex;
align-items: center;
}
.score-nav div {
padding: 0px 10px 0 10px;
}
#latest-score {
background: #fa9500;
}
#oldest-score {
background: #fafa00;
}

191
assets/css/style.css
View file

@ -41,8 +41,8 @@ Theme Styles
body {
box-sizing: border-box;
color: #b5b5b5;
font-size: 1.3rem;
font-family: 'Eagle Lake', cursive;
font-size: 1.4rem;
font-family: 'Vollkorn', cursive;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
text-align: center;
@ -101,77 +101,6 @@ a:hover, a:focus {
text-shadow: 0 0 4px #bd8a39;
}
#hidea {
color: #f2f2f2;
}
#hideb {
color: #C3A67A;
}
#citationgary{
font-family: manuscrit, fantasy;
color: #1a1a1a;
font-size: 50px;
line-height: 50px;
}
#poemerimbaud{
font-family:'Amaze', cursive;
font-size: 40px;
color: #1a1a1a;
line-height: 1px;
}
#signaturerimbaud{
font-family:'Amaze', cursive;
font-size: 40px;
color: #1a1a1a;
line-height: 1px;
text-align: right;
margin-right: 20px;
}
#finnormalenigme{
color: #1a1a1a;
text-align: right;
margin-right: 20px;
}
#petitefincitationgary{
color: #1a1a1a;
text-align: right;
font-size: 14px;
margin-right: 20px;
}
#codeada{
font-family:'Courier New', cursive;
color: #1a1a1a;
font-size: 20px;
text-align: left;
margin-left: 60px;
font-weight: bold;
}
#pekhint {
color: #1a1a1a;
text-align: center;
}
#fondenigma{
text-align: right;
color: #1a1a1a;
font-size: 10px;
margin-right: 8px;
}
#hidea:hover {
text-shadow: 0 0 4px #e9b82f;
}
strong {
font-weight: bold;
@ -226,7 +155,7 @@ td {
.copyright {
color: #fff;
font-size: 0.9rem;
font-size: 1.2rem;
text-shadow: #000 0 0 4px;
}
@ -399,14 +328,19 @@ Full-Width Styles
padding: 50px 0 50px 0;
}
.com-container {
margin: 5% 0 50px 5%;
width: 90%;
border: 1px solid #494949;
}
#table-coms {
width: 100%;
table-layout: auto;
text-align: center;
border: 1px solid #494949;
border-left: 0px;
margin-bottom: 0px;
border: none;
margin-bottom: 0;
}
@ -543,94 +477,14 @@ Full-Width Styles
color: #535353;
}
#teamButtonContainer {
display: block;
}
.team-button {
border-radius: 10px;
font-size: 20px;
cursor: pointer;
padding: 10px;
margin: 10px;
}
.team-button#buttonGli {
color: #9c000a;
background-color: rgb(255, 135, 142);
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-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: #917100;
background-color: #fafd78;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-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;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-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: #1226a7;
background-color: #60bdff;
border-color: #9be7ff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonVer:hover {
color: #0008a5;
background-color: #48a7ff;
border-color: #1f6fce;
box-shadow: 0 0 10px #2060ff;
}
/* Popup background */
/* Popups */
.jconfirm-bg {
background-color: rgba(26, 26, 26, 0.8) !important;
background-color: rgba(26, 26, 26, 0.9) !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
font-family: Harry-P, fantasy;
font-size: 3rem;
}
.jconfirm .jconfirm-box.loading {
@ -656,6 +510,15 @@ Full-Width Styles
font-size: 2rem;
}
.quote {
font-family: 'Allura', cursive;
font-size: 2rem;
}
#menuLink:hover {
text-shadow: 0 0 10px #bd8a39;
}
/*******************************************************************************
Small Device Styles
*******************************************************************************/

2
assets/js/statsDisplay.js
View file

@ -19,7 +19,7 @@ function nameTeam(team){
function showScores(team) {
console.log(team);
$.alert({
title: nameTeam(team),
title: "<span id='title_" + team + "'>" + nameTeam(team) + "</span>",
content: function () {
let self = this;
let object = {

209
blouse.php
View file

@ -1,107 +1,130 @@
<?php
ob_start(); // Start reading html
?>
<div class="inner">
<h1>La Blouse</h1>
<p>Salut à toi PPA !</p>
<p>Tu te demandes sûrement pourquoi un article entier est dédié́ à la blouse. À l’INSARD, la blouse, et je dis
bien LA blouse, ce n’est pas du bizutage loin de là, c’est une tradition ancestrale que les Moldus ne
peuvent pas comprendre. Mais toi, par contre, il va vite falloir que tu t’y habitues.
Attention Potionniste Pauvrement Accoutré ! Il ne s’agit pas seulement d’un Tablier de protection lors de
tes cours de potions mais plutôt d’une sorte de cape d’invisibilité qui te suivra tout au long de ton aventure.
</p>
<p> Il faut savoir que chaque promotion est caractérisée par des couleurs de blouses. Et chaque blouse
<strong>doit être teintée et décorée </strong> d’après le thème de ta promo. </p>
<p>
<p>Par exemple, les autres promotions étaient : </p>
<ul id="list-blouse">
<li> En <strong style="color: #1a5dad">Bleu Galactique</strong> et
<strong style="color: #ee293d">Rouge Intersidéral</strong> (c’est nous, les Généreux Démons Attirants qui vous ont
concocté une semaine d’accueil mémorable !) comme les soldats de la Guerre Froide que nous
représentons </li>
<li> Tout en <strong style="color: #ee78d8">Rose</strong> comme les petits cochons de la ferme
(pour nos parrains et marraines) </li>
</ul>
<p> Comme tu as été accepté à l’INSA, le Choixpeau t’a attribué une Maison, ceci étant, cette robe,
que dis-je ? Cette toge, cette ma-gni-fi-que Blouse est essentielle pour déterminer ton acceptation finale
à l’INSARD, l’Institut Novateur des Sorciers Apprentis Roguiens ou Dumbledoriens.
<br>
Cette année, tu vas devoir faire tes preuves dès la rentrée en customisant toi-même l’uniforme scolaire aux
couleurs de ta famille, et te surpasser ! C’est hyper-méga-supra important que tu l’aie, elle te sera
indispensable pendant la semaine d’accueil, et obligatoire pour les joyeux TP qui t’attendent...
Alors hop hop hop, on se retrousse les manches, on prend un fil une aiguille et on lit attentivement les
lignes qui suivent car elles vont déterminer tes chances de devenir Miss ou Mister Blouse !
</p>
<div class="inner">
<h1>La Blouse</h1>
<p>Salut à toi PPA !</p>
<p>Tu te demandes sûrement pourquoi un article entier est dédié́ à la blouse. À l’INSARD, la blouse, et je dis
bien LA blouse, ce n’est pas du bizutage loin de là, c’est une tradition ancestrale que les Moldus ne
peuvent pas comprendre. Mais toi, par contre, il va vite falloir que tu t’y habitues.
Attention Potionniste Pauvrement Accoutré ! Il ne s’agit pas seulement d’un Tablier de protection lors de
tes cours de potions mais plutôt d’une sorte de cape d’invisibilité qui te suivra tout au long de ton aventure.
</p>
<p> Il faut savoir que chaque promotion est caractérisée par des couleurs de blouses. Et chaque blouse
<strong>doit être teintée et décorée </strong> d’après le thème de ta promo. </p>
<p>
<p>Par exemple, les autres promotions étaient : </p>
<ul id="list-blouse">
<li> En <strong style="color: #1a5dad">Bleu Galactique</strong> et
<strong style="color: #ee293d">Rouge Intersidéral</strong> (c’est nous, les Généreux Démons Attirants qui
vous ont
concocté une semaine d’accueil mémorable !) comme les soldats de la Guerre Froide que nous
représentons
</li>
<li> Tout en <strong style="color: #ee78d8">Rose</strong> comme les petits cochons de la ferme
(pour nos parrains et marraines)
</li>
</ul>
<p> Comme tu as été accepté à l’INSA, le Choixpeau t’a attribué une Maison, ceci étant, cette robe,
que dis-je ? Cette toge, cette ma-gni-fi-que Blouse est essentielle pour déterminer ton acceptation finale
à l’INSARD, l’Institut Novateur des Sorciers Apprentis Roguiens ou Dumbledoriens.
<br>
Cette année, tu vas devoir faire tes preuves dès la rentrée en customisant toi-même l’uniforme scolaire aux
couleurs de ta famille, et te surpasser ! C’est hyper-méga-supra important que tu l’aie, elle te sera
indispensable pendant la semaine d’accueil, et obligatoire pour les joyeux TP qui t’attendent...
Alors hop hop hop, on se retrousse les manches, on prend un fil une aiguille et on lit attentivement les
lignes qui suivent car elles vont déterminer tes chances de devenir Miss ou Mister Blouse !
</p>
<P>
Cette année le thème c’est <strong> Harry Potter</strong> donc en gros la magie et tout ça au cas où
tu n’aurais toujours pas compris… Les vacances sont terminées, tu as une tâche bien plus importante
désormais, donc au boulot !
</P>
<p> Comment s’y prendre ? Voici nos explications pour résoudre ce mystère : </p>
<ul id="list-blouse">
<li>Achète ou récupère une blouse de chimie tout ce qu’il y a de plus classique
(pour l’instant…). Bon, tu suis toujours ? Alors on monte dans la difficulté </li>
<li>Teints ta blouse avec une teinture <strong style="color: #60bdff">Bleu envoûtant</strong> si tu es un Verredaigle,
en un <strong style="color: #fafd78">Jaune Magnétique</strong> si tu représentes les Boomsouffles, si tu es un Glissfondor prends
du <strong style="color: #FF5F5F">Rouge Surnaturel</strong> et enfin pour les Peksentards ce sera du
<strong style="color: #7FFD78">Vert Subjuguant</strong>.
<br> <strong style="color: #ff000f"> C’est la couleur de ta plaquette qui définit ta maison.</strong></li>
<li>Décore ta blouse en brodant et cousant selon le thème et ton équipe. Mais attention, tu ne
peux pas faire n’importe quoi, il y a des règles strictes à l’INSARD (on ne rigole pas ici).</li>
</ul>
<h3>
Voici donc un petit recap’ des regles si tu
veux etre aussi style(e) que Fleur Delacour !
<P>
Cette année le thème c’est <strong> Harry Potter</strong> donc en gros la magie et tout ça au cas où
tu n’aurais toujours pas compris… Les vacances sont terminées, tu as une tâche bien plus importante
désormais, donc au boulot !
</P>
<p> Comment s’y prendre ? Voici nos explications pour résoudre ce mystère : </p>
<ul id="list-blouse">
<li>Achète ou récupère une blouse de chimie tout ce qu’il y a de plus classique
(pour l’instant…). Bon, tu suis toujours ? Alors on monte dans la difficulté
</li>
<li>Teints ta blouse avec une teinture <strong style="color: #60bdff">Bleu envoûtant</strong> si tu es un
Verredaigle,
en un <strong style="color: #fafd78">Jaune Magnétique</strong> si tu représentes les Boomsouffles, si tu es
un Glissfondor prends
du <strong style="color: #FF5F5F">Rouge Surnaturel</strong> et enfin pour les Peksentards ce sera du
<strong style="color: #7FFD78">Vert Subjuguant</strong>.
<br> <strong style="color: #ff000f"> C’est la couleur de ta plaquette qui définit ta maison.</strong></li>
<li>Décore ta blouse en brodant et cousant selon le thème et ton équipe. Mais attention, tu ne
peux pas faire n’importe quoi, il y a des règles strictes à l’INSARD (on ne rigole pas ici).
</li>
</ul>
<h3>
Voici donc un petit recap’ des regles si tu
veux etre aussi style(e) que Fleur Delacour !
</h3>
<h2>Les 5 commandements de la blouse :</h2>
<ul id="list-blouse">
<li>
Uniquement fils et aiguilles tu utiliseras.
</li>
<li>
Par toi-même décorer ta blouse tu devras, l’aide de maman et mamie tu ne demanderas donc pas. Il est aussi interdit d’utiliser n’importe quel type de magie : potions ou sortilèges. (Et oui, on y est tous passé, à ton tour maintenant)
</li>
<li>
Pas de marqueurs ou de feutres, ils sont réservés aux Géniaux Druides Autoritaires que nous sommes pour t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
</li>
<li>
Comme sur le schéma qui suit, et avec les consignes qui suivent; tu devras décorer ta blouse :
<ul>
<li>
On veut voir sur le devant de ta blouse, ton prénom, le blason et le nom de ton bled d’origine. </li>
<li>
A l’arrière de ta blouse, il est indispensable de mettre ton surnom (en gros et bien visible) et “INSA 57” en très gros, car tu aimes ta promo. </li>
<li>
Quant aux espaces vides, aux poches et aux manches, il faudra les combler de broderies et fantaisies sur le thème magique d’Harry Potter aux couleurs DE TA MAISON ! On doit pouvoir reconnaître si tu es un vicieux Peksentard, un Verredaigle éclairé, un valeureux Glissefondor ou un chaleureux Boomsouffle ! </li>
</ul>
</li>
</h3>
<h2>Les 5 commandements de la blouse :</h2>
<ul id="list-blouse">
<li>
Uniquement fils et aiguilles tu utiliseras.
</li>
<li>
Par toi-même décorer ta blouse tu devras, l’aide de maman et mamie tu ne demanderas donc pas. Il est aussi
interdit d’utiliser n’importe quel type de magie : potions ou sortilèges. (Et oui, on y est tous passé, à
ton tour maintenant)
</li>
<li>
Pas de marqueurs ou de feutres, ils sont réservés aux Géniaux Druides Autoritaires que nous sommes pour
t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
</li>
<li>
Comme sur le schéma qui suit, et avec les consignes qui suivent; tu devras décorer ta blouse :
<ul>
<li>
On veut voir sur le devant de ta blouse, ton prénom, le blason et le nom de ton bled d’origine.
</li>
<li>
A l’arrière de ta blouse, il est indispensable de mettre ton surnom (en gros et bien visible) et
“INSA 57” en très gros, car tu aimes ta promo.
</li>
<li>
Quant aux espaces vides, aux poches et aux manches, il faudra les combler de broderies et fantaisies
sur le thème magique d’Harry Potter aux couleurs DE TA MAISON ! On doit pouvoir reconnaître si tu es
un vicieux Peksentard, un Verredaigle éclairé, un valeureux Glissefondor ou un chaleureux
Boomsouffle !
</li>
</ul>
</li>
<li>
Sois créatif et original, des bonus sont à la clé. Et n’oublies pas de faire preuve d’humour ! Et on ne le dira jamais assez … GARE AUX TRICHEURS !
</li>
</ul>
<p>Applique-toi bien car qui sait, tu seras peut-être élu Miss ou Mister Blouse pendant la COM Nimbus 2001.</p>
<p>Ci-dessous, un exemple illustratif de ta blouse après customisation pour la team Peksentard, le but étant de s’en inspirer mais pas de la reproduire…</p>
<p>
<li>
Sois créatif et original, des bonus sont à la clé. Et n’oublies pas de faire preuve d’humour ! Et on ne le
dira jamais assez … GARE AUX TRICHEURS !
</li>
</ul>
<p>Applique-toi bien car qui sait, tu seras peut-être élu Miss ou Mister Blouse pendant la COM Nimbus 2001.</p>
<p>Ci-dessous, un exemple illustratif de ta blouse après customisation pour la team Peksentard, le but étant de s’en
inspirer mais pas de la reproduire…</p>
<p>
<img src="assets/images/blouse/blouse_exemple.jpg" alt="exemple blouse">
<h3>
Pour te motiver, voici ce que notre Miss Blouse avait fait l'annee derniere :
</h3>
<h3>
Pour te motiver, voici ce que notre Miss Blouse avait fait l'annee derniere :
</h3>
<img src="assets/images/blouse/blouse_devant_sarah.jpg" alt="blouse sarah devant">
<img src="assets/images/blouse/blouse_dos_sarah.jpg" alt="blouse sarah dos">
<img src="assets/images/blouse/blouse_devant_sarah.jpg" alt="blouse sarah devant">
<img src="assets/images/blouse/blouse_dos_sarah.jpg" alt="blouse sarah dos">
<h3>
Et voici la blouse de notre Mister Blouse :
</h3>
<h3>
Et voici la blouse de notre Mister Blouse :
</h3>
<img src="assets/images/blouse/blouse_devant_maxime.jpg" alt="blouse maxime devant">
<img src="assets/images/blouse/blouse_dos_maxime.jpg" alt="blouse maxime dos">
<img src="assets/images/blouse/blouse_devant_maxime.jpg" alt="blouse maxime devant">
<img src="assets/images/blouse/blouse_dos_maxime.jpg" alt="blouse maxime dos">
<p>“ Ce qu’il nous faudrait, poursuivit lentement Dumbledore, c’est un peu plus de temps…” Harry Potter et le prisonnier d’Azkaban.</p>
</div>
<p>
<span class="quote">“ Ce qu’il nous faudrait, poursuivit lentement Dumbledore, c’est un peu plus de temps…”</span><br>
Harry Potter et le prisonnier d’Azkaban.
</p>
</div>
<?php

2
boomsouffle.php
View file

@ -3,7 +3,7 @@ ob_start(); // Start reading html
?>
<div class="inner"><h1>Boomsouffle</h1>
Bienvenue dans la plus belle des maisons ! A contrario des autres, nos valeurs son<a id="hidea" href="enigma.php">t</a> les plus belles
Bienvenue dans la plus belle des maisons ! A contrario des autres, nos valeurs sont les plus belles
: loyauté, sincérité, persévérance... La liste est encore
bien longue... Comme à ton habitude, tu te donneras à fond pour que l'on remporte cette Coupe !
Et je ne doute aucunement de tes capacités ! Alors je compte sur toi et ton gaz, et te donne rendez-vous

4
classes/dao.php
View file

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

113
enigma.php
View file

@ -1,15 +1,15 @@
<?php
if (!isset($relativePath))
$relativePath='';
$relativePath = '';
if (!isset($customBackgroundId))
$customBackgroundId='';
$customBackgroundId = '';
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset='utf-8'>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=2">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
@ -17,7 +17,8 @@ if (!isset($customBackgroundId))
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Eagle+Lake|Raleway|Russo+One" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/enigma.css">
<link href="https://fonts.googleapis.com/css?family=Vollkorn|Cutive+Mono" rel="stylesheet">
<link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title>L'énigme d'Arthurus Rogue</title>
<!-- Matomo -->
@ -27,48 +28,76 @@ if (!isset($customBackgroundId))
_paq.push(['disableCookies']);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//etud.insa-toulouse.fr/~accueil_insa/analytics/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
(function () {
var u = "//etud.insa-toulouse.fr/~accueil_insa/analytics/";
_paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'piwik.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<div class="background" id="bg_pekhint"></div>
</html>
<br>
<p id="pekhint">Si jamais le Sphinx t'as fait un grand sourire, s'est écarté, et t'as laissé l'opportunité d'arriver ici,
c'est que tu as bien mérité un sacré bonus. Mais il te reste une dernière épreuve : trouve-moi, et ensuite on
verra quoi faire.</p><br><br>
<p id="poemerimbaud">En amont du temps sur son ordi il passa,</p><br>
<p id="poemerimbaud">Loin, en vacances, il partit pour se ressourcer,</p><br>
<p id="poemerimbaud">De retour, des émotions il se remettait,</p><br>
<p id="poemerimbaud">Pensant à ta semaine arrivant à grand pas.</p><br><br>
<p id="poemerimbaud">Hors de son service de son tee-shirt blanc vêtu,</p><br>
<p id="poemerimbaud">Jamais sans son tablier aux heures du midi,</p><br>
<p id="poemerimbaud">Ravivant les flammes grâce à l’Incendio connu,</p><br>
<p id="poemerimbaud">Et se rafraîchissant grâce à l’Aguamenti.</p><br>
<P id="finnormalenigme"> Arthur Rimbaud, Une semaine d'enfer, 1873</p>
<br><br>
<p id="citationgary">"La Coupe des 4 Maisons est un jeu simple, 4 équipes courent après les points pendant un certain temps et,
à la fin, Peksentard gagne toujours."</p><br>
<p id="finnormalenigme">Gary Londubat, après la Coupe des Quatre Maisons de 1990</p>
<p id="petitefincitationgary">T'as vu, même les Glissefondor le disent...</p>
<br>
<p id="codeada">procedure meilleure_maison (maison:string) is
<div class="inner">
<p id="pekHint">Si jamais le Sphinx t'as fait un grand sourire, s'est écarté, et t'as laissé l'opportunité d'arriver
ici,
c'est que tu as bien mérité un sacré bonus. Mais il te reste une dernière épreuve : trouve-moi, et ensuite on
verra quoi faire.</p><br><br>
<p id="poemeRimbaud">
En amont du temps sur son ordi il passa,<br>
Loin, en vacances, il partit pour se ressourcer,<br>
De retour, des émotions il se remettait,<br>
Pensant à ta semaine arrivant à grand pas.<br><br>
Hors de son service de son tee-shirt blanc vêtu,<br>
Jamais sans son tablier aux heures du midi,<br>
Ravivant les flammes grâce à l’Incendio connu,<br>
Et se rafraîchissant grâce à l’Aguamenti.<br>
</p>
<P id="finNormalEnigme">
Arthur Rimbaud, Une semaine d'enfer, 1873
</p>
<br><br>
<p id="citationGary">"La Coupe des 4 Maisons est un jeu simple, 4 équipes courent après les points pendant un
certain
temps et,
à la fin, Peksentard gagne toujours."
</p>
<p id="finNormalEnigme">
Gary Londubat, après la Coupe des Quatre Maisons de 1990
</p>
<p id="petiteFinCitationGary">T'as vu, même les Glissefondor le disent...</p>
<br>
begin<br>
case maison is<br>
when Peksentard => Txt.Put("La meilleure maison, et bien sûr le meilleur respo");<br>
when others => Txt.Put("Du même niveau que la saison 8 de GoT");<br>
end case;<br>
end meilleure_team;</p><br>
<p id="finnormalenigme">Inscriptions trouvées dans un carnet d'Alan Turing, probablement écrites dans les années 40</p>
<br><br>
<p id="pekhint">Je pense que toutes ces informations te permettront de me retrouver. Si cependant je suis trop souvent
dans le Ministère de la Magie, ou que je m'amuse encore avec ma nouvelle cape d'invisibilité, tu peux m'envoyer une lettre. Une belle invention ces chouettes virtuelles...</p>
<br>
<p id="fondenigma">Image de fond trouvée sur <a id="hideb" href="https://www.pexels.com/photo/abstract-ancient-antique-art-235985/"> Pexels</a></p>
<p id="codeAda">procedure meilleure_maison (maison:string) is
<br>
begin<br>
case maison is<br>
when Peksentard => Txt.Put("La meilleure maison, et bien sûr le meilleur respo");<br>
when others => Txt.Put("Du même niveau que la saison 8 de GoT");<br>
end case;<br>
end meilleure_team;
</p>
<p id="finNormalEnigme">Inscriptions trouvées dans un carnet d'Alan Turing, probablement écrites dans les années
40</p>
<br><br>
<p id="pekHint">Je pense que toutes ces informations te permettront de me retrouver. Si cependant je suis trop
souvent
dans le Ministère de la Magie, ou que je m'amuse encore avec ma nouvelle cape d'invisibilité, tu peux m'envoyer
une
lettre. Une belle invention ces chouettes virtuelles...</p>
<br>
</div>
<p id="creditBg">Image de fond trouvée sur
<a id="hideb" href="https://www.pexels.com/photo/abstract-ancient-antique-art-235985/">
Pexels</a>
</p>
</body>
</html>

4
glissefondor.php
View file

@ -3,7 +3,7 @@ ob_start(); // Start reading html
?>
<div class="inner"> <h1>Glissefondor</h1>
Tu fais partie de la fabuleuse maison Glissefondor ! Comme tu le sais, notre prest<a id="hidea" href="enigma.php">i</a>ge a été maintes
Tu fais partie de la fabuleuse maison Glissefondor ! Comme tu le sais, notre prestige a été maintes
et maintes fois au cours du temps. Nous sommes aussi les plus
intelligents, les plus forts, et nous le démontrerons durant cette semaine. Depuis plusieurs
années nous ramenons la Coupe à la maison, et nous comptons de nouveau le faire cette année !
@ -20,4 +20,4 @@ $pageContent = ob_get_clean(); // Store html content in variable
$customBackgroundId = "bg_gli";
$pageTitle = "Glissefondor";
include("includes/template.php"); // Display template with variable content
?>
?>

49
includes/com_template.php
View file

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

6
includes/template.php
View file

@ -12,10 +12,6 @@ require_once $relativePath.'includes/score_functions.php';
?>
<!DOCTYPE html>
<html lang="fr">
<head>
@ -30,7 +26,7 @@ require_once $relativePath.'includes/score_functions.php';
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/sidenav.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/score.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/baguette.css">
<link href="https://fonts.googleapis.com/css?family=Eagle+Lake|Raleway|Russo+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Vollkorn|Allura" rel="stylesheet">
<link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title><?= $pageTitle ?> | INSAT Accueil</title>
<!-- Matomo -->

2
includes/top_bar.php
View file

@ -6,7 +6,7 @@
<div id="star3"></div>
<div id="star4"></div>
</div>
<a id="menu-link" href="<?= $relativePath ?>index.php">
<a id="menuLink" href="<?= $relativePath ?>index.php">
<img src="<?= $relativePath ?>assets/images/logos/logo-site-accueil.svg" id="menu-icon">
<h4 id="menu-title">INSA Toulouse 2019</h4>
</a>

2
index.php
View file

@ -19,7 +19,7 @@ require_once 'includes/score_functions.php';
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/score.css">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/sidenav.css">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/baguette.css">
<link href="https://fonts.googleapis.com/css?family=Eagle+Lake|Raleway|Russo+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<title>Semaine d'Accueil | INSA Toulouse</title>
<!-- Matomo -->

18
info.php
View file

@ -12,7 +12,7 @@ ob_start(); // Start reading html
</p>
<br id="sarah">
<h5>Pour les questions concernant la semaine, adresse-toi directement a la Prez, elle saura surement t'aider :</h5>
<h4>Pour les questions concernant la semaine, adresse-toi directement a la Prez, elle saura surement t'aider :</h4>
<ul>
<li>
<strong>Mail :</strong> rahmouni@etud.insa-toulouse.fr (ou sarlopez1998@gmail.com)
@ -24,24 +24,25 @@ ob_start(); // Start reading html
<strong>Facebook :</strong> Sarah Rahmouni
</li>
</ul>
<br id="arthur">
<h5>Sinon, pour des questions a propos du site :</h5>
<br id="arthur">
<h4>Pour des questions a propos du site :</h4>
<ul>
<li>
<strong>Mail :</strong> boivert@etud.insa-toulouse.fr
</li>
<br id="arnaud">
<li>
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)
Sinon y'a Arnaud, le créateur du site, mais là il est en Suède donc il aura autre chose a faire
(mais tu peux toujours le contacter si tu veux: vergnet@etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook)
</li>
</ul>
<br>
<h6>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a
<h4>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a
href="coms.php">Com's</a>
pour
contacter les responsables.
</h6>
</h4>
<br>
<p>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une
@ -51,10 +52,11 @@ ob_start(); // Start reading html
<h1>Credits</h1>
<p>
J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si quelqu'un
J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si
quelqu'un
est chaud pour le reprendre pour l'année prochaine, contactez-moi ! (Y'a pas besoin de connaissances préalables,
perso j'ai tout appris en faisant, et c'est pas bien dur !).
</p>
</p>
<br>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul id="credits-list">

2
peksentard.php
View file

@ -2,7 +2,7 @@
ob_start(); // Start reading html
?>
<div class="inner"><h1>Peksentard</h1>
Tu as l’immense honneur de faire partie de la maison Peksentard ! Lorsque les aut<a id="hidea" href="enigma.php">r</a>es nous qualifierons
Tu as l’immense honneur de faire partie de la maison Peksentard ! Lorsque les autres nous qualifierons
de sournois, vicieux, ou malintentionnés, nous préférons nous dire malins, agiles et rusés. Notre
puissance sans égale nous a permis de nous faufiler au sommet, ne laissant que des miettes à nos
adversaires. Notre sélection étant la plus stricte, nous arrivons à conserver des valeurs comme

8
stats.php
View file

@ -35,10 +35,10 @@ function get_stats($team)
<strong>Clique sur une équipe pour voir le détail de son score</strong>
</p>
<div id="teamButtonContainer">
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
<span class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</span>
<span class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</span>
<span class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</span>
<span class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</span>
</div>
</div>

2
verredaigle.php
View file

@ -2,7 +2,7 @@
ob_start(); // Start reading html
?>
<div class="inner"><h1>Verredaigle</h1>
<p>Tu as rejoint la maison qui, sur le plan intellectuel, domine largement tout Insa<a id="hidea" href="enigma.php">r</a>d,
<p>Tu as rejoint la maison qui, sur le plan intellectuel, domine largement tout Insard,
alors ce sera par notre génie que l'on mettra en œuvre toute sorte de plan afin de se
hisser au sommet mais aussi de rabaisser les autres. Ainsi, tel l'aigle guettant ses proies,
apeurées, nous nous sentirons dans le ciel alors que l'adversaire se situera encore sur le sol.