forked from vergnet/site-accueil-insa
coms mise en page
This commit is contained in:
parent
417d24e8eb
commit
2bf2098b5a
5 changed files with 188 additions and 121 deletions
|
@ -0,0 +1,60 @@
|
|||
body {
|
||||
color: white;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
section h1 {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
section h4 {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#main_content {
|
||||
display: block;
|
||||
background-color: rgba(255,255,255,0); //pour mettre un magnifique fond
|
||||
width: 40%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 30px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
section {
|
||||
display: block;
|
||||
width: 80%;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
border: 5px solid white;
|
||||
}
|
||||
|
||||
section ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
section li {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
section .title_com {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
padding: 10px 0px 10px 0px;
|
||||
|
||||
}
|
||||
|
||||
#fonction_bureau {
|
||||
display: inline-block;
|
||||
background-color: white;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
margin-top: 40px;
|
||||
font-size: 30px;
|
||||
}
|
|
@ -6,16 +6,4 @@
|
|||
margin-right: auto;
|
||||
padding: 50px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
a.link {
|
||||
text-decoration: none;
|
||||
color: #FFDC00;
|
||||
-webkit-text-stroke: 1px black;
|
||||
}
|
||||
|
||||
a.link:hover {
|
||||
color: white;
|
||||
-webkit-text-stroke: 1px white;
|
||||
}
|
||||
|
||||
}
|
|
@ -26,6 +26,7 @@ main {
|
|||
|
||||
#title_in_box {
|
||||
padding: 25px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.circle {
|
||||
|
@ -48,4 +49,27 @@ main {
|
|||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 13%;
|
||||
}
|
||||
|
||||
a.link {
|
||||
text-decoration: none;
|
||||
color: #FFDC00;
|
||||
-webkit-text-stroke: 1px black;
|
||||
}
|
||||
|
||||
a.link:hover {
|
||||
color: white;
|
||||
-webkit-text-stroke: 1px white;
|
||||
}
|
||||
|
||||
a.linkmail {
|
||||
font-family: arial, sans-serif;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: #FFDC00;
|
||||
}
|
||||
|
||||
a.linkmail:hover {
|
||||
color: white;
|
||||
-webkit-text-stroke: 1px white;
|
||||
}
|
209
coms.php
209
coms.php
|
@ -1,145 +1,140 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: white;
|
||||
background-color: white;
|
||||
}
|
||||
section {
|
||||
background-color: black;
|
||||
margin: 10px solid white;
|
||||
}
|
||||
</style>
|
||||
<main>
|
||||
<section>
|
||||
<h1>Les Com's</h1>
|
||||
<p>La liste de toutes les com's de ta semaine d'accueil, avec les contacts des responsables.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h1><b>Le Bureau</b></h1>
|
||||
<?php
|
||||
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
||||
$prenom = ["Maxence", "Sarah", "Paul", "Ilona"];
|
||||
$nom = ["Papion", "Martin", "Alnet", "Gerard"];
|
||||
$mail = ["maxencepapion@gmail.com", "sarah.mrtp@gmail.com", "alnet@insa-toulouse.fr", "igerard@insa-toulouse.fr"];
|
||||
<main align="center">
|
||||
<div id="boxjaune">
|
||||
<div id="circle_l" class="circle"></div>
|
||||
<div id="circle_r" class="circle"></div>
|
||||
<div id="title_in_box"><h1>Les Com's</h1><br>La liste des responsables (les meilleurs, objectivement ^^)</div>
|
||||
<div id="circle_l" class="circle"></div>
|
||||
<div id="circle_r" class="circle"></div>
|
||||
</div>
|
||||
<div id="main_content">
|
||||
<section>
|
||||
<div class='title_com'>Le Bureau</div>
|
||||
<?php
|
||||
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
||||
$prenom = ["Maxence", "Sarah", "Paul", "Ilona"];
|
||||
$nom = ["Papion", "Martin", "Alnet", "Gerard"];
|
||||
$mail = ["maxencepapion@gmail.com", "sarah.mrtp@gmail.com", "alnet@insa-toulouse.fr", "igerard@insa-toulouse.fr"];
|
||||
|
||||
echo "<ul>";
|
||||
for($i = 0; $i < count($prenom); $i++) {
|
||||
echo "<li>";
|
||||
echo "<h2>".$fonction[$i]."</h2>";
|
||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
||||
echo "<a href='mailto:".$mail[$i]."'>".$mail[$i]."</a>";
|
||||
echo "</li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
?>
|
||||
</section>
|
||||
echo "<ul>";
|
||||
for($i = 0; $i < count($prenom); $i++) {
|
||||
echo "<li>";
|
||||
echo "<div id='fonction_bureau'>".$fonction[$i]."</div>";
|
||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
||||
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
|
||||
echo "</li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
?>
|
||||
</section>
|
||||
|
||||
<?php
|
||||
function respo($name, $prenom, $nom, $mail) {
|
||||
echo "<section>";
|
||||
echo "<h1><b>".$name."</b></h1>";
|
||||
echo "<ul>";
|
||||
for($i = 0; $i < count($prenom); $i++) {
|
||||
<?php
|
||||
function respo($name, $prenom, $nom, $mail) {
|
||||
echo "<section>";
|
||||
echo "<div class='title_com'>".$name."</div>";
|
||||
echo "<ul>";
|
||||
for($i = 0; $i < count($prenom); $i++) {
|
||||
echo "<li>";
|
||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
||||
echo "<a href='mailto:".$mail[$i]."'>".$mail[$i]."</a>";
|
||||
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
|
||||
echo "</li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
echo "</section>";
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
respo(
|
||||
"Respo des coms",
|
||||
["Sarah"],
|
||||
["Gouled"],
|
||||
["sarah.gouled@orange.fr"]);
|
||||
}
|
||||
echo "</ul>";
|
||||
echo "</section>";
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
respo(
|
||||
"Respo des coms",
|
||||
["Sarah"],
|
||||
["Gouled"],
|
||||
["sarah.gouled@orange.fr"]);
|
||||
|
||||
respo(
|
||||
"Respo com wini",
|
||||
["Alexandre"],
|
||||
["Goirand"],
|
||||
["alexandre.goirand25@gmail.com"]);
|
||||
"Respo com wini",
|
||||
["Alexandre"],
|
||||
["Goirand"],
|
||||
["alexandre.goirand25@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com prev",
|
||||
["Camille", "Ezzedine"],
|
||||
["Dessemond", "Aoun"],
|
||||
["dessemon@insa-toulouse.fr", "eaoun2002@gmail.com"]);
|
||||
"Respo com prev",
|
||||
["Camille", "Ezzedine"],
|
||||
["Dessemond", "Aoun"],
|
||||
["dessemon@insa-toulouse.fr", "eaoun2002@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com parrainage",
|
||||
["Lucille", "Estelle"],
|
||||
["Pedoussat", "Brunel"],
|
||||
["pedoussa@insa-toulouse.fr", "estelle.brunel09@gmail.com"]);
|
||||
"Respo com parrainage",
|
||||
["Lucille", "Estelle"],
|
||||
["Pedoussat", "Brunel"],
|
||||
["pedoussa@insa-toulouse.fr", "estelle.brunel09@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com anim",
|
||||
["Julie", "Andréa"],
|
||||
["Bourgeais", "Ladin"],
|
||||
["bourgeai@insa-toulouse.fr", "andrea.ladin33@gmail.com"]);
|
||||
"Respo com anim",
|
||||
["Julie", "Andréa"],
|
||||
["Bourgeais", "Ladin"],
|
||||
["bourgeai@insa-toulouse.fr", "andrea.ladin33@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com ville",
|
||||
["Mailys", "Armand"],
|
||||
["Feuillerat", "Ghionda"],
|
||||
["mailys.feuillerat@gmail.com", "ghionda.armand@gmail.com"]);
|
||||
"Respo com ville",
|
||||
["Mailys", "Armand"],
|
||||
["Feuillerat", "Ghionda"],
|
||||
["mailys.feuillerat@gmail.com", "ghionda.armand@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com rallye",
|
||||
["Grégoire", "Ilona"],
|
||||
["Drenou", "Robin"],
|
||||
["greg.drenou@gmail.com", "iloro3185@yahoo.fr"]);
|
||||
"Respo com rallye",
|
||||
["Grégoire", "Ilona"],
|
||||
["Drenou", "Robin"],
|
||||
["greg.drenou@gmail.com", "iloro3185@yahoo.fr"]);
|
||||
|
||||
respo(
|
||||
"Respo soirée des talents",
|
||||
["Thibault", "Marie-Line"],
|
||||
["Pouyanne", "Da Costa Bento"],
|
||||
["pouyanne@insa-toulouse.fr", "marieline.dacosta@gmail.com"]);
|
||||
"Respo soirée des talents",
|
||||
["Thibault", "Marie-Line"],
|
||||
["Pouyanne", "Da Costa Bento"],
|
||||
["pouyanne@insa-toulouse.fr", "marieline.dacosta@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com plaquette",
|
||||
["Pierre", "Agathe", "Weltzer"],
|
||||
["Chezeau", "Perez", "Elise"],
|
||||
["chezeaum@insa-toulouse.fr", "a.perezvottero@gmail.com ", "elise.weltzer@orange.fr"]);
|
||||
"Respo com plaquette",
|
||||
["Pierre", "Agathe", "Weltzer"],
|
||||
["Chezeau", "Perez", "Elise"],
|
||||
["chezeaum@insa-toulouse.fr", "a.perezvottero@gmail.com ", "elise.weltzer@orange.fr"]);
|
||||
|
||||
respo(
|
||||
"Respo com bene",
|
||||
["Thomas", "Jérémie"],
|
||||
["Ecobichon", "Monjou"],
|
||||
["thomas.ecobichon1@gmail.com", "jeremie.monjou@gmail.com"]);
|
||||
"Respo com bene",
|
||||
["Thomas", "Jérémie"],
|
||||
["Ecobichon", "Monjou"],
|
||||
["thomas.ecobichon1@gmail.com", "jeremie.monjou@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com photo",
|
||||
["Vicky"],
|
||||
["Benos"],
|
||||
["vic.hand8.vb@gmail.com"]);
|
||||
"Respo com photo",
|
||||
["Vicky"],
|
||||
["Benos"],
|
||||
["vic.hand8.vb@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com ravit",
|
||||
["Elisa", "Fanny"],
|
||||
["Aubin", "Hazera"],
|
||||
["elisaubin22@gmail.com", "fannyhazerasup@gmail.com"]);
|
||||
"Respo com ravit",
|
||||
["Elisa", "Fanny"],
|
||||
["Aubin", "Hazera"],
|
||||
["elisaubin22@gmail.com", "fannyhazerasup@gmail.com"]);
|
||||
|
||||
respo(
|
||||
"Respo com graphisme",
|
||||
["Guilhem", "Akinlami-Gallagher"],
|
||||
["Rebejac", "Ciaran"],
|
||||
["rebejac@insa-toulouse.fr", "clj.akinlami@gmail.com"]);
|
||||
"Respo com graphisme",
|
||||
["Guilhem", "Akinlami-Gallagher"],
|
||||
["Rebejac", "Ciaran"],
|
||||
["rebejac@insa-toulouse.fr", "clj.akinlami@gmail.com"]);
|
||||
|
||||
respo(
|
||||
'Respo info (com graphisme)',
|
||||
["Baptiste", "Guillaume"],
|
||||
["Rébillard", "Joffre"],
|
||||
["rebillar@insa-toulouse.fr", "gjoffre@insa-toulouse.fr"]);
|
||||
respo(
|
||||
'Respo info (com graphisme)',
|
||||
["Baptiste", "Guillaume"],
|
||||
["Rébillard", "Joffre"],
|
||||
["rebillar@insa-toulouse.fr", "gjoffre@insa-toulouse.fr"]);
|
||||
|
||||
?>
|
||||
?>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</main>
|
||||
<?php
|
||||
$infopage = ["", "Com's", ob_get_clean(), "", "coms"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||
include("structure/template.php");
|
||||
|
|
|
@ -38,7 +38,7 @@ ob_start(); // Start reading html
|
|||
ou <a href="pkpeach.php" class="link">pkpeach</a>.
|
||||
</p>
|
||||
<p>
|
||||
Fais gagner des points à ton équipe durant la semaine pour lui faire remporter l'aventure !
|
||||
Fais gagner des points à ton équipe durant la semaine pour lui faire remporter les INSAGames !
|
||||
</p>
|
||||
<p>
|
||||
Si tu souhaite voir le détail des scores, <a href="stats.php" class="link">c'est par ici</a>.
|
||||
|
|
Loading…
Reference in a new issue