New images and Parrainage/Blouse pages

這個提交存在於:
Arthur 2019-06-08 13:00:46 +02:00
父節點 bda630d9bb
當前提交 2cd33ed26a
共有 26 個檔案被更改,包括 194 行新增114 行删除

未顯示二進位檔案。

未顯示二進位檔案。

查看文件

@ -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 {

查看文件

@ -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;

查看文件

@ -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 */

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 52 KiB

之後

寬度:  |  高度:  |  大小: 48 KiB

未顯示二進位檔案。

之後

寬度:  |  高度:  |  大小: 820 KiB

二進制
assets/images/blouse_devant_sarah.jpg 一般檔案

未顯示二進位檔案。

之後

寬度:  |  高度:  |  大小: 558 KiB

二進制
assets/images/blouse_dos_maxime.jpg 一般檔案

未顯示二進位檔案。

之後

寬度:  |  高度:  |  大小: 676 KiB

二進制
assets/images/blouse_dos_sarah.jpg 一般檔案

未顯示二進位檔案。

之後

寬度:  |  高度:  |  大小: 472 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 227 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 946 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 88 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 130 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 67 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 31 KiB

未顯示二進位檔案。

之前

寬度:  |  高度:  |  大小: 13 KiB

查看文件

@ -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. À 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
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 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, 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>
<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 qu’il nous faudrait, poursuivit lentement Dumbledore, c’est un peu plus de temps…” Harry Potter et le prisonnier d’Azkaban.</p>
</div>

查看文件

@ -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";

查看文件

@ -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";

查看文件

@ -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

查看文件

@ -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>

查看文件

@ -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;

查看文件

@ -3,6 +3,26 @@ ob_start(); // Start reading html
?>
<div class="inner">
<h1>Le Parrainage</h1>
Tu viens de recevoir ta lettre d’admission dans la plus prestigieuse école des sorciers, l’INSARD et l’inquiétude
s’empare de toi. Mais rassure-toi, Pauvre Potter Abandonné, la Com Sirius Black est pour t’accueillir. Alors fais
tes bagages et prends vite ta place dans l’INSARD express ; nous, Grands Détraqueurs Attentionnés, serons pour
t’accueillir.
<br>
<br>
Christine, Renaud et leur équipe t’attendent de pied ferme pour te présenter le parrain ou la marraine parfait(e),
celui ou celle qui t’empêchera de te retrouver prisonnier à Azkaban aka Le PEKS; mais aussi qui t’accompagnera 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 (n’est-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'>n’hésite pas à nous
envoyer une chouette</a>, à dos de notre balai magique
nous viendrons t’éclairer.
<br><br>
Siriusment vôtre !
</div>
<?php

查看文件

@ -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
?>
?>

查看文件

@ -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";