New images and Parrainage/Blouse pages

This commit is contained in:
Arthur 2019-06-08 13:00:46 +02:00
parent bda630d9bb
commit 2cd33ed26a
26 changed files with 194 additions and 114 deletions

Binary file not shown.

Binary file not shown.

View file

@ -146,27 +146,25 @@
/* Mouse hovers the baguette */
.change-hover #bar2 {
background-color: #254a33;
background-color: #ff5f5f;
}
.change-hover #bar3 {
background-color: #254a33;
background-color: #7ffd78;
}
.change-hover #bar4 {
background-color: #254a33;
background-color: #fafd78;
}
.change-hover #bar5 {
background-color: #254a33;
background-color: #e9b82f;
}
/*.change-hover #bar6 {
background-color: #254a33;
}*/
.change-hover #bar7 {
background-color: #254a33;
background-color: #60bdff;
}
.change-hover #bar1 {
background-color: #ad9500;
background-color: #e9b82f;
}
.change-hover #bar8 {

View file

@ -55,26 +55,26 @@
}
.score-gli{
color: #d9341c;
color: #ff5f5f;
background-size: auto 100%;
text-shadow: 0 0 10px #000;
margin: 0 10px;
}
.score-pek{
color: #41fb32;
color: #7ffd78;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;
}
.score-boo{
color: #fbce15;
color: #fafd78;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;
}
.score-ver{
color: #4bc3fb;
color: #60bdff;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
margin: 0 10px;

View file

@ -98,6 +98,10 @@ a:hover, a:focus {
color: #f2f2f2;
}
#hidea:hover{
text-shadow: 0 0 4px #7ffd78;
}
strong {
font-weight: bold;
@ -290,6 +294,26 @@ Full-Width Styles
background-size: cover;
}
#bg_gli {
background: url("../images/bg_gli.jpg");
background-size: cover;
}
#bg_ver {
background: url("../images/bg_ver.jpg") ;
background-size: cover;
}
#bg_boo {
background: url("../images/bg_boo.jpg") ;
background-size: cover;
}
#bg_pek {
background: url("../images/bg_pek.jpg") ;
background-size: cover;
}
#main-fading-top-edge {
height: 200px;
background: linear-gradient(to top, #1c1c1c, transparent 90%);
@ -449,13 +473,7 @@ Full-Width Styles
color: #535353;
}
#hint-peksentard {
font-size: 12px;
color: #535353;
text-align: left;
display: inline-table;
}
.team-button{
border-radius: 10px 10px 0 0;
@ -463,8 +481,8 @@ Full-Width Styles
cursor: pointer;
}
.team-button#buttonGli{
color: #2ce20b;
background-color: #1a5dad;
color: #ff000f;
background-color: rgb(255, 135, 142);
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
@ -473,14 +491,14 @@ border-color: #1a5dad;
transition: 0.3s;
}
.team-button#buttonGli:hover {
color: #ff1200;
background-color: #1f6fce;
color: #b30006;
background-color: #ff7d7f;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
box-shadow: 0 0 10px #ff506d;
}
.team-button#buttonBoo{
color: #2ce20b;
background-color: #1a5dad;
color: #c29d00;
background-color: #fafd78;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
@ -489,14 +507,14 @@ transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonBoo:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
color: #a28100;
background-color: #f7fd51;
border-color: #fdf71e;
box-shadow: 0 0 10px #fdf71e;
}
.team-button#buttonPek{
color: #2ce20b;
background-color: #1a5dad;
color: #0d7b00;
background-color: #7ffd78;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
@ -505,15 +523,15 @@ transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonPek:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
color: #0c5700;
background-color: #6bfd5f;
border-color: #8afd6b;
box-shadow: 0 0 10px #7efd34;
}
.team-button#buttonVer{
color: #2ce20b;
background-color: #1a5dad;
border-color: #1a5dad;
color: #1b3aff;
background-color: #60bdff;
border-color: #9be7ff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
@ -521,10 +539,10 @@ transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonVer:hover {
color: #ff1200;
background-color: #1f6fce;
color: #0008a5;
background-color: #48a7ff;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
box-shadow: 0 0 10px #2060ff;
}
/* Popup background */

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 820 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 558 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 676 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 472 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 946 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -3,6 +3,103 @@ 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. À lINSARD, la blouse, et je dis
bien LA blouse, ce nest pas du bizutage loin de là, cest une tradition ancestrale que les Moldus ne
peuvent pas comprendre. Mais toi, par contre, il va vite falloir que tu ty habitues.
Attention Potionniste Pauvrement Accoutré ! Il ne sagit pas seulement dun Tablier de protection lors de
tes cours de potions mais plutôt dune sorte de cape dinvisibilité 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> daprè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> (cest nous, les Généreux Démons Attirants qui vous ont
concocté une semaine daccueil 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é à lINSA, le Choixpeau ta 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
lINSARD, lInstitut 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 luniforme scolaire aux
couleurs de ta famille, et te surpasser ! Cest hyper-méga-supra important que tu laie, elle te sera
indispensable pendant la semaine daccueil, et obligatoire pour les joyeux TP qui tattendent...
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 cest <strong> Harry Potter</strong> donc en gros la magie et tout ça au cas
tu naurais toujours pas compris… Les vacances sont terminées, tu as une tâche bien plus importante
désormais, donc au boulot !
</P>
<p> Comment sy 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 quil y a de plus classique
(pour linstant…). 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"> Cest 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 nimporte quoi, il y a des règles strictes à lINSARD (on ne rigole pas ici).</li>
</ul>
<h3>
Voici donc un petit récap des règles si tu
veux être aussi stylé(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, laide de maman et mamie tu ne demanderas donc pas. Il est aussi interdit dutiliser nimporte 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 toctroyer 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 dorigine. </li>
<li>
A larriè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 dHarry 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 noublies pas de faire preuve dhumour ! 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 sen inspirer mais pas de la reproduire…</p>
<p>
<h3>
Pour te motiver, voici ce que notre Miss Blouse avait fait l'année dernière :
</h3>
<img src="assets/images/blouse_devant_sarah.jpg">
<img src="assets/images/blouse_dos_sarah.jpg">
<h3>
Et voici la blouse de notre Mister Blouse :
</h3>
<img src="assets/images/blouse_devant_maxime.jpg">
<img src="assets/images/blouse_dos_maxime.jpg">
<p> Ce quil nous faudrait, poursuivit lentement Dumbledore, cest un peu plus de temps…” Harry Potter et le prisonnier dAzkaban.</p>
</div>

View file

@ -1,7 +1,7 @@
<?php
ob_start(); // Start reading html
?>
<h1>Boomsouffle</h1>
<div class="inner"><h1>Boomsouffle</h1></div>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
$customBackgroundId = "bg_boo";

View file

@ -10,29 +10,21 @@ $comId = "";
$comTitle = "La Respo des Com's";
$comDescription = "Prête à tous les possibles pendant cette semaine inténsement gazive !";
$comRespo = "Léa Raucroy";
$comRespoFacebook="";
$comRespoNumero ="0677529943";
$comRespoId = "learaucroy@orange.fr";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "";
$comRespo2Id = "";
$comRespo2Facebook="";
$comRespo2Numero="";
$comRespo2Photo = "";
include("includes/coms/com_template.php");
$comId = "";
$comId = "ComSiriusBlack";
$comTitle = "Com Sirius Black";
$comDescription = "Presque prêts pour vous accueillir !!!";
$comRespo = "Christine Berho";
$comRespoFacebook="";
$comRespoNumero ="0750957714";
$comRespoId = "christineberho@gmail.com";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Renaud Kempf";
$comRespo2Id = "kempfnono@orange.fr";
$comRespo2Facebook="";
$comRespo2Numero="0604473048";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
@ -40,14 +32,10 @@ $comId = "";
$comTitle = "Com Animagus";
$comDescription = "Mot d'ordre : Incendio";
$comRespo = "Célestine Paillé";
$comRespoFacebook="";
$comRespoNumero ="0777343233";
$comRespoId = "celestinepaille@gmail.com";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Gaston Opler";
$comRespo2Id = "gastonopler#@gmail.com";
$comRespo2Facebook="";
$comRespo2Numero="0652733863";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
@ -55,14 +43,10 @@ $comId = "ComPatronus";
$comTitle = "Com Patronus";
$comDescription = "";
$comRespo = "Yann Tremblay";
$comRespoFacebook="";
$comRespoNumero ="0618861682";
$comRespoId = "tremblayyann88@gmail.com ";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Florian Hoorelbeke";
$comRespo2Id = "";
$comRespo2Facebook="";
$comRespo2Numero="0647336095";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
@ -70,14 +54,10 @@ $comId = "";
$comTitle = "Com Stupéfix";
$comDescription = "";
$comRespo = "Shivaree Pimenta";
$comRespoFacebook="";
$comRespoNumero ="0678365847";
$comRespoId = "shivareepimenta@gmail.com";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "";
$comRespo2Id = "";
$comRespo2Facebook="";
$comRespo2Numero="";
$comRespo2Photo = "";
include("includes/coms/com_template.php");
@ -85,29 +65,20 @@ $comId = "";
$comTitle = "Com Maraudeur";
$comDescription = "";
$comRespo = "Louis Roasio";
$comRespoFacebook="";
$comRespoNumero ="0652137937";
$comRespoId = "louis.roasio@gmail.com";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Nicolas Julia";
$comRespo2Id = "nicolas.julia81@hotmail.com";
$comRespo2Facebook="";
$comRespo2Numero="0684811031";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
$comId = "";
$comTitle = "Com Pré-au-Lard";
$comDescription = "";
$comRespo = "Mathis Ribette";
$comRespoFacebook="";
$comRespoNumero ="0679063124";
$comRespoId = "mathis.ribette@gmail.com";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Lucas Marchant";
$comRespo2Id = "marchant0lucas@gmail.com";
$comRespo2Facebook="";
$comRespo2Numero="0781778384";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
@ -115,14 +86,10 @@ $comId = "";
$comTitle = "Com Ravitaillement";
$comDescription = "Ici, c'est la Compote qui vous ravit !";
$comRespo = "Hugo Franceschi";
$comRespoFacebook="";
$comRespoNumero ="0625877539";
$comRespoId = "hugo.fransceschi.bros@gmail.com ";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Abdessalem Guedouar";
$comRespo2Id = "guedouarabdessalem@gmail.com ";
$comRespo2Facebook="";
$comRespo2Numero="0618354552";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
@ -130,14 +97,10 @@ $comId = "";
$comTitle = "Spé'Bar";
$comDescription = "Des potions pour en voir de toutes les couleurs";
$comRespo = "Alban Charonnat";
$comRespoFacebook="";
$comRespoNumero ="";
$comRespoId = "charonna@etud.insa-toulouse.fr";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "";
$comRespo2Id = "";
$comRespo2Facebook="";
$comRespo2Numero="";
$comRespo2Photo = "";
include("includes/coms/com_template.php");
@ -145,17 +108,14 @@ $comId = "";
$comTitle = "Com Nimbus 2001";
$comDescription = "";
$comRespo = "Benjamin Fol";
$comRespoFacebook="";
$comRespoNumero ="0645136606";
$comRespoId = "benjifol@hotmail.fr";
$comRespoPhoto = "assets/images/usa_logo.png";
$comRespo2 = "Clément Paillet";
$comRespo2Id = "cpaillet@etud.insa-toulouse.fr ";
$comRespo2Facebook="";
$comRespo2Numero="0781510959";
$comRespo2Photo = "assets/images/usa_logo.png";
include("includes/coms/com_template.php");
?>
<div class="inner"></div>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
$pageTitle = "Com's";

View file

@ -1,7 +1,7 @@
<?php
ob_start(); // Start reading html
?>
<h1>Glissefondor</h1>
<div class="inner"> <h1>Glissefondor</h1></div>
<?php
$pageContent = ob_get_clean(); // Store html content in variable

View file

@ -1,35 +1,23 @@
<h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
<table id="table-coms">
<tr>
<td colspan="8" class="com-description"><?= $comDescription ?></td>
<td colspan="4" class="com-description"><?= $comDescription ?></td>
</tr>
<tr>
<td rowspan="4" class="spacer"></td>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo ?></td>
<td rowspan="4"><img src="<?= $comRespoPhoto ?>"></td>
<td rowspan="4" class="spacer"></td>
</tr>
<tr>
<td><?= $comRespoFacebook ?></td>
</tr>
<tr>
<td><?= $comRespoNumero ?></td>
<td rowspan="2"><img src="<?= $comRespoPhoto ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr>
<tr>
<td><?= $comRespoId ?></td>
</tr>
<?php if ($comRespo2 != ""): ?>
<tr>
<td rowspan="4" class="spacer"></td>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo2 ?></td>
<td rowspan="4"><img src="<?= $comRespo2Photo ?>"></td>
<td rowspan="4" class="spacer"></td>
</tr>
<tr>
<td><?= $comRespoFacebook ?></td>
</tr>
<tr>
<td><?= $comRespo2Numero ?></td>
<td rowspan="2"><img src="<?= $comRespo2Photo ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr>
<tr>
<td><?= $comRespo2Id ?></td>

View file

@ -88,25 +88,25 @@ require_once 'includes/score_functions.php';
$is_image = true;
$link = "glissefondor.php";
$icon = "assets/images/urss_logo.png";
$text = "La clique de Drago";
$text = "Glissefondor";
include("includes/main_button_template.php");
$is_image = true;
$link = "peksentard.php";
$icon = "assets/images/usa_logo.png";
$text = "Les potes d'Harry";
$text = "Peksentard";
include("includes/main_button_template.php");
$is_image = true;
$link = "boomsouffle.php";
$icon = "assets/images/urss_logo.png";
$text = "La clique de Drago";
$text = "Boomsouffle";
include("includes/main_button_template.php");
$is_image = true;
$link = "verredaigle.php";
$icon = "assets/images/urss_logo.png";
$text = "La clique de Drago";
$text = "Verredaigle";
include("includes/main_button_template.php");
$is_image = false;

View file

@ -3,6 +3,26 @@ ob_start(); // Start reading html
?>
<div class="inner">
<h1>Le Parrainage</h1>
Tu viens de recevoir ta lettre dadmission dans la plus prestigieuse école des sorciers, lINSARD et linquiétude
sempare de toi. Mais rassure-toi, Pauvre Potter Abandonné, la Com Sirius Black est pour taccueillir. Alors fais
tes bagages et prends vite ta place dans lINSARD express ; nous, Grands Détraqueurs Attentionnés, serons pour
taccueillir.
<br>
<br>
Christine, Renaud et leur équipe tattendent de pied ferme pour te présenter le parrain ou la marraine parfait(e),
celui ou celle qui tempêchera de te retrouver prisonnier à Azkaban aka Le PEKS; mais aussi qui taccompagnera au
long de ces années magiques.
Ton parrain sera ton préfet, ton Ron ou ta Hermione. Pour une parfaite alchimie avec lui/elle voire même une
relation privilégiée (nest-ce pas Chrichri ?), tu as le devoir de remplir le parchemin de parrainage en toute
sincérité et avec soin si tu ne veux pas braver la forêt interdite seul(e).
Alors sors ta plus belle plume et compose une copie qui ravirait même les examinateurs des B.U.S.E !
<br> <br>
Si tu as loupé le coche ou foncé dans le mur <a href='coms.php#ComSiriusBlack'>nhésite pas à nous
envoyer une chouette</a>, à dos de notre balai magique
nous viendrons téclairer.
<br><br>
Siriusment vôtre !
</div>
<?php

View file

@ -1,13 +1,11 @@
<?php
ob_start(); // Start reading html
?>
<h1>Peks<a id="hidea" href="peksentardhint.php">e</a>ntard</h1>
<div class="inner"><h1>Peks<a id="hidea" href="peksentardhint.php">e</a>ntard</h1></div>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
$customBackgroundId = "bg_pek";
$pageTitle = "Peksentard";
include("includes/template.php"); // Display template with variable content
?>
?>

View file

@ -1,7 +1,8 @@
<?php
ob_start(); // Start reading html
?>
<h1>Verredaigle</h1>
<div class="inner"><h1>Verredaigle</h1></div>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
$customBackgroundId = "bg_ver";