New images and Parrainage/Blouse pages

assets/css/baguette.css

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

assets/css/score.css

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

assets/css/style.css

@@ -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;
+    color: #ff000f;
-background-color: #1a5dad;
+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;
+    color: #b30006;
-    background-color: #1f6fce;
+    background-color: #ff7d7f;
     border-color: #1f6fce;
-    box-shadow: 0 0 10px #1f6fce;
+    box-shadow: 0 0 10px #ff506d;
 }
 .team-button#buttonBoo{
-    color: #2ce20b;
+    color: #c29d00;
-    background-color: #1a5dad;
+    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;
+    color: #a28100;
-    background-color: #1f6fce;
+    background-color: #f7fd51;
-    border-color: #1f6fce;
+    border-color: #fdf71e;
-    box-shadow: 0 0 10px #1f6fce;
+    box-shadow: 0 0 10px #fdf71e;
 }
 .team-button#buttonPek{
-    color: #2ce20b;
+    color: #0d7b00;
-    background-color: #1a5dad;
+    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;
+    color: #0c5700;
-    background-color: #1f6fce;
+    background-color: #6bfd5f;
-    border-color: #1f6fce;
+    border-color: #8afd6b;
-    box-shadow: 0 0 10px #1f6fce;
+    box-shadow: 0 0 10px #7efd34;
 }
 .team-button#buttonVer{
-    color: #2ce20b;
+    color: #1b3aff;
-    background-color: #1a5dad;
+    background-color: #60bdff;
-    border-color: #1a5dad;
+    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;
+    color: #0008a5;
-    background-color: #1f6fce;
+    background-color: #48a7ff;
     border-color: #1f6fce;
-    box-shadow: 0 0 10px #1f6fce;
+    box-shadow: 0 0 10px #2060ff;
 }
 
 /* Popup background */

blouse.php

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

boomsouffle.php

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

coms.php

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

glissefondor.php

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

includes/coms/com_template.php

@@ -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="2"><img src="<?= $comRespoPhoto ?>"></td>
-        <td rowspan="4" class="spacer"></td>
+        <td rowspan="2" class="spacer"></td>
-    </tr>
-    <tr>
-        <td><?= $comRespoFacebook ?></td>
-    </tr>
-    <tr>
-        <td><?= $comRespoNumero ?></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="2"><img src="<?= $comRespo2Photo ?>"></td>
-            <td rowspan="4" class="spacer"></td>
+            <td rowspan="2" class="spacer"></td>
-        </tr>
-        <tr>
-            <td><?= $comRespoFacebook ?></td>
-        </tr>
-        <tr>
-            <td><?= $comRespo2Numero ?></td>
         </tr>
         <tr>
             <td><?= $comRespo2Id ?></td>

index.php

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

parrainage.php

@@ -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 là pour t’accueillir. Alors fais
+    tes bagages et prends vite ta place dans l’INSARD express ; nous, Grands Détraqueurs Attentionnés, serons là 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

peksentard.php

@@ -1,9 +1,7 @@
 <?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

verredaigle.php

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