rebillar/site-accueil-insa
1
1
Fork 1
forked from vergnet/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 # Turn mod_rewrite on
RewriteEngine 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 { #tablePlanning {
margin: auto; margin: auto auto 20px auto;
display: flex; display: flex;
} }
.planning-header { .planning-header {
font-family: Harry-P, fantasy;
border: none; border: none;
border-radius: 5px; border-radius: 0.2rem;
background: #414141; background: #414141;
font-weight: bold; font-size: 2rem;
font-size: 17px;
padding: 5px; padding: 5px;
margin: 5px 0; margin: 5px 0;
height: 50px; height: 50px;
@ -41,19 +41,19 @@
display: flex; display: flex;
} }
.event:hover {
color: #e9b82f;
}
.event-color { .event-color {
border-radius: 10px; border-radius: 0.2rem;
transition: 0.2s;
border: none; border: none;
margin: 5px 0; margin: 5px 0;
display: flex; display: flex;
width: 100%; width: 100%;
} }
.event-color:hover {
border-radius: 1rem;
transform: scale(1.05);
}
.event-text { .event-text {
margin: auto; margin: auto;
@ -63,4 +63,4 @@
position: relative; position: relative;
min-width: 150px; min-width: 150px;
margin: 0 5px; margin: 0 5px;
} }

29
assets/css/score.css
View file

@ -52,40 +52,46 @@
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
align-items: center; 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 { .winning {
font-size: 23px; font-size: 23px;
} }
.score-gli{ .score-gli {
color: #ff5f5f; color: #ff5f5f;
background-size: auto 100%; background-size: auto 100%;
text-shadow: 0 0 10px #000;
margin: 0 10px; margin: 0 10px;
} }
.score-pek{ .score-pek {
color: #7ffd78; color: #7ffd78;
background-size: auto 100%; background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px; margin: 0 10px;
} }
.score-boo{
.score-boo {
color: #fafd78; color: #fafd78;
background-size: auto 100%; background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px; margin: 0 10px;
} }
.score-ver{
.score-ver {
color: #60bdff; color: #60bdff;
background-size: auto 100%; background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px; margin: 0 10px;
} }
.score-separator{ .score-separator {
background-color: #d9d9d9; background-color: #d9d9d9;
width: 5px; width: 5px;
height: 5px; height: 5px;
@ -99,8 +105,9 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#top-bar-score { #top-bar-score {
display: none; display: none;
} }
#mobile-score { #mobile-score {
display: block; 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 { .score-entry {
width: 100%; width: 100%;
} }
.score-entry-text { .score-entry-text {
margin-right: 20px; margin-right: 20px;
} }
.score-entry-points { .score-entry-points {
@ -11,42 +95,9 @@ margin-right: 20px;
} }
.positive { .positive {
font-weight: bold;
color: white; color: white;
} }
.negative { .negative {
color: #bf021c; 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 { body {
box-sizing: border-box; box-sizing: border-box;
color: #b5b5b5; color: #b5b5b5;
font-size: 1.3rem; font-size: 1.4rem;
font-family: 'Eagle Lake', cursive; font-family: 'Vollkorn', cursive;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-align: center; text-align: center;
@ -101,77 +101,6 @@ a:hover, a:focus {
text-shadow: 0 0 4px #bd8a39; 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 { strong {
font-weight: bold; font-weight: bold;
@ -226,7 +155,7 @@ td {
.copyright { .copyright {
color: #fff; color: #fff;
font-size: 0.9rem; font-size: 1.2rem;
text-shadow: #000 0 0 4px; text-shadow: #000 0 0 4px;
} }
@ -399,14 +328,19 @@ Full-Width Styles
padding: 50px 0 50px 0; padding: 50px 0 50px 0;
} }
.com-container {
margin: 5% 0 50px 5%;
width: 90%;
border: 1px solid #494949;
}
#table-coms { #table-coms {
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: center; text-align: center;
border: 1px solid #494949; border: none;
border-left: 0px; margin-bottom: 0;
margin-bottom: 0px;
} }
@ -543,94 +477,14 @@ Full-Width Styles
color: #535353; color: #535353;
} }
/* Popups */
#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 */
.jconfirm-bg { .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 { .jconfirm .jconfirm-box.loading {
@ -656,6 +510,15 @@ Full-Width Styles
font-size: 2rem; font-size: 2rem;
} }
.quote {
font-family: 'Allura', cursive;
font-size: 2rem;
}
#menuLink:hover {
text-shadow: 0 0 10px #bd8a39;
}
/******************************************************************************* /*******************************************************************************
Small Device Styles Small Device Styles
*******************************************************************************/ *******************************************************************************/

2
assets/js/statsDisplay.js
View file

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

209
blouse.php
View file

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

2
boomsouffle.php
View file

@ -3,7 +3,7 @@ ob_start(); // Start reading html
?> ?>
<div class="inner"><h1>Boomsouffle</h1> <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 : 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 ! 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 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) public function __construct($path_to_password)
{ {
if ($this->debug) { if ($this->debug) {
$username = 'root'; $username = 'phpmyadmin';
$password = ''; $password = 'coucou';
$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';

113
enigma.php
View file

@ -1,15 +1,15 @@
<?php <?php
if (!isset($relativePath)) if (!isset($relativePath))
$relativePath=''; $relativePath = '';
if (!isset($customBackgroundId)) if (!isset($customBackgroundId))
$customBackgroundId=''; $customBackgroundId = '';
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=2"> <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" <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/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" 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 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"> <link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title>L'énigme d'Arthurus Rogue</title> <title>L'énigme d'Arthurus Rogue</title>
<!-- Matomo --> <!-- Matomo -->
@ -27,48 +28,76 @@ if (!isset($customBackgroundId))
_paq.push(['disableCookies']); _paq.push(['disableCookies']);
_paq.push(['trackPageView']); _paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']); _paq.push(['enableLinkTracking']);
(function() { (function () {
var u="//etud.insa-toulouse.fr/~accueil_insa/analytics/"; var u = "//etud.insa-toulouse.fr/~accueil_insa/analytics/";
_paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', '1']); _paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'piwik.js';
s.parentNode.insertBefore(g, s);
})(); })();
</script> </script>
<!-- End Matomo Code --> <!-- End Matomo Code -->
</head> </head>
<body>
<div class="background" id="bg_pekhint"></div> <div class="background" id="bg_pekhint"></div>
</html> <div class="inner">
<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
<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, 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 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> verra quoi faire.</p><br><br>
<p id="poemerimbaud">En amont du temps sur son ordi il passa,</p><br> <p id="poemeRimbaud">
<p id="poemerimbaud">Loin, en vacances, il partit pour se ressourcer,</p><br> En amont du temps sur son ordi il passa,<br>
<p id="poemerimbaud">De retour, des émotions il se remettait,</p><br> Loin, en vacances, il partit pour se ressourcer,<br>
<p id="poemerimbaud">Pensant à ta semaine arrivant à grand pas.</p><br><br> De retour, des émotions il se remettait,<br>
<p id="poemerimbaud">Hors de son service de son tee-shirt blanc vêtu,</p><br> Pensant à ta semaine arrivant à grand pas.<br><br>
<p id="poemerimbaud">Jamais sans son tablier aux heures du midi,</p><br> Hors de son service de son tee-shirt blanc vêtu,<br>
<p id="poemerimbaud">Ravivant les flammes grâce à l’Incendio connu,</p><br> Jamais sans son tablier aux heures du midi,<br>
<p id="poemerimbaud">Et se rafraîchissant grâce à l’Aguamenti.</p><br> Ravivant les flammes grâce à l’Incendio connu,<br>
<P id="finnormalenigme"> Arthur Rimbaud, Une semaine d'enfer, 1873</p> Et se rafraîchissant grâce à l’Aguamenti.<br>
<br><br> </p>
<p id="citationgary">"La Coupe des 4 Maisons est un jeu simple, 4 équipes courent après les points pendant un certain temps et, <P id="finNormalEnigme">
à la fin, Peksentard gagne toujours."</p><br> Arthur Rimbaud, Une semaine d'enfer, 1873
<p id="finnormalenigme">Gary Londubat, après la Coupe des Quatre Maisons de 1990</p> </p>
<p id="petitefincitationgary">T'as vu, même les Glissefondor le disent...</p>
<br> <br><br>
<p id="codeada">procedure meilleure_maison (maison:string) is
<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> <br>
begin<br> <p id="codeAda">procedure meilleure_maison (maison:string) is
case maison is<br> <br>
when Peksentard => Txt.Put("La meilleure maison, et bien sûr le meilleur respo");<br> begin<br>
when others => Txt.Put("Du même niveau que la saison 8 de GoT");<br> case maison is<br>
end case;<br> when Peksentard => Txt.Put("La meilleure maison, et bien sûr le meilleur respo");<br>
end meilleure_team;</p><br> when others => Txt.Put("Du même niveau que la saison 8 de GoT");<br>
<p id="finnormalenigme">Inscriptions trouvées dans un carnet d'Alan Turing, probablement écrites dans les années 40</p> end case;<br>
<br><br> end meilleure_team;
<p id="pekhint">Je pense que toutes ces informations te permettront de me retrouver. Si cependant je suis trop souvent </p>
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> <p id="finNormalEnigme">Inscriptions trouvées dans un carnet d'Alan Turing, probablement écrites dans les années
<br> 40</p>
<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> <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> <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 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 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 ! 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"; $customBackgroundId = "bg_gli";
$pageTitle = "Glissefondor"; $pageTitle = "Glissefondor";
include("includes/template.php"); // Display template with variable content 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> <div class="com-container">
<table id="table-coms"> <h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
<tr> <table id="table-coms">
<td class="com-description"><?= $comDescription ?></td> <tr>
</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 != ""): ?>
<tr> <tr>
<td><br></td> <td><br></td>
</tr> </tr>
<tr> <tr>
<td><?= $comRespo2?></td> <td><?= $comRespo ?></td>
</tr> </tr>
<tr> <tr>
<td><?= $comRespo2Id ?></td> <td><?= $comRespoId ?></td>
</tr>
</tr> </tr>
<?php endif; ?> <?php if ($comRespo2 != ""): ?>
</table> <tr>
<br> <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> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <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/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/score.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/baguette.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"> <link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title><?= $pageTitle ?> | INSAT Accueil</title> <title><?= $pageTitle ?> | INSAT Accueil</title>
<!-- Matomo --> <!-- Matomo -->

2
includes/top_bar.php
View file

@ -6,7 +6,7 @@
<div id="star3"></div> <div id="star3"></div>
<div id="star4"></div> <div id="star4"></div>
</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"> <img src="<?= $relativePath ?>assets/images/logos/logo-site-accueil.svg" id="menu-icon">
<h4 id="menu-title">INSA Toulouse 2019</h4> <h4 id="menu-title">INSA Toulouse 2019</h4>
</a> </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/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/sidenav.css">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/baguette.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"> <link rel="shortcut icon" href="favicon.ico">
<title>Semaine d'Accueil | INSA Toulouse</title> <title>Semaine d'Accueil | INSA Toulouse</title>
<!-- Matomo --> <!-- Matomo -->

18
info.php
View file

@ -12,7 +12,7 @@ ob_start(); // Start reading html
</p> </p>
<br id="sarah"> <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> <ul>
<li> <li>
<strong>Mail :</strong> rahmouni@etud.insa-toulouse.fr (ou sarlopez1998@gmail.com) <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 <strong>Facebook :</strong> Sarah Rahmouni
</li> </li>
</ul> </ul>
<br id="arthur"> <br id="arthur">
<h5>Sinon, pour des questions a propos du site :</h5> <h4>Pour des questions a propos du site :</h4>
<ul> <ul>
<li> <li>
<strong>Mail :</strong> boivert@etud.insa-toulouse.fr <strong>Mail :</strong> boivert@etud.insa-toulouse.fr
</li> </li>
<br id="arnaud"> <br id="arnaud">
<li> <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> </li>
</ul> </ul>
<br> <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> href="coms.php">Com's</a>
pour pour
contacter les responsables. contacter les responsables.
</h6> </h4>
<br> <br>
<p> <p>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une 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> <h1>Credits</h1>
<p> <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, 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 !). perso j'ai tout appris en faisant, et c'est pas bien dur !).
</p> </p>
<br> <br>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p> <p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul id="credits-list"> <ul id="credits-list">

2
peksentard.php
View file

@ -2,7 +2,7 @@
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<div class="inner"><h1>Peksentard</h1> <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 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 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 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> <strong>Clique sur une équipe pour voir le détail de son score</strong>
</p> </p>
<div id="teamButtonContainer"> <div id="teamButtonContainer">
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div> <span class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</span>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div> <span class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</span>
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div> <span class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</span>
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div> <span class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</span>
</div> </div>
</div> </div>

2
verredaigle.php
View file

@ -2,7 +2,7 @@
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<div class="inner"><h1>Verredaigle</h1> <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 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, 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. apeurées, nous nous sentirons dans le ciel alors que l'adversaire se situera encore sur le sol.