forked from vergnet/site-accueil-insa
coms mise en page
This commit is contained in:
Baptiste
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;
|
margin-right: auto;
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
font-size: 23px;
|
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 {
|
#title_in_box {
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle {
|
.circle {
|
||||||
|
|
@ -48,4 +49,27 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 13%;
|
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
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
?>
|
?>
|
||||||
<style type="text/css">
|
<main align="center">
|
||||||
body {
|
<div id="boxjaune">
|
||||||
color: white;
|
<div id="circle_l" class="circle"></div>
|
||||||
background-color: white;
|
<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>
|
||||||
section {
|
<div id="circle_l" class="circle"></div>
|
||||||
background-color: black;
|
<div id="circle_r" class="circle"></div>
|
||||||
margin: 10px solid white;
|
</div>
|
||||||
}
|
<div id="main_content">
|
||||||
</style>
|
<section>
|
||||||
<main>
|
<div class='title_com'>Le Bureau</div>
|
||||||
<section>
|
<?php
|
||||||
<h1>Les Com's</h1>
|
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
||||||
<p>La liste de toutes les com's de ta semaine d'accueil, avec les contacts des responsables.</p>
|
$prenom = ["Maxence", "Sarah", "Paul", "Ilona"];
|
||||||
</section>
|
$nom = ["Papion", "Martin", "Alnet", "Gerard"];
|
||||||
<section>
|
$mail = ["maxencepapion@gmail.com", "sarah.mrtp@gmail.com", "alnet@insa-toulouse.fr", "igerard@insa-toulouse.fr"];
|
||||||
<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"];
|
|
||||||
|
|
||||||
echo "<ul>";
|
echo "<ul>";
|
||||||
for($i = 0; $i < count($prenom); $i++) {
|
for($i = 0; $i < count($prenom); $i++) {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
echo "<h2>".$fonction[$i]."</h2>";
|
echo "<div id='fonction_bureau'>".$fonction[$i]."</div>";
|
||||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
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 "</li>";
|
||||||
}
|
}
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
?>
|
?>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
function respo($name, $prenom, $nom, $mail) {
|
function respo($name, $prenom, $nom, $mail) {
|
||||||
echo "<section>";
|
echo "<section>";
|
||||||
echo "<h1><b>".$name."</b></h1>";
|
echo "<div class='title_com'>".$name."</div>";
|
||||||
echo "<ul>";
|
echo "<ul>";
|
||||||
for($i = 0; $i < count($prenom); $i++) {
|
for($i = 0; $i < count($prenom); $i++) {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
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 "</li>";
|
||||||
}
|
}
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
echo "</section>";
|
echo "</section>";
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
respo(
|
respo(
|
||||||
"Respo des coms",
|
"Respo des coms",
|
||||||
["Sarah"],
|
["Sarah"],
|
||||||
["Gouled"],
|
["Gouled"],
|
||||||
["sarah.gouled@orange.fr"]);
|
["sarah.gouled@orange.fr"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com wini",
|
"Respo com wini",
|
||||||
["Alexandre"],
|
["Alexandre"],
|
||||||
["Goirand"],
|
["Goirand"],
|
||||||
["alexandre.goirand25@gmail.com"]);
|
["alexandre.goirand25@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com prev",
|
"Respo com prev",
|
||||||
["Camille", "Ezzedine"],
|
["Camille", "Ezzedine"],
|
||||||
["Dessemond", "Aoun"],
|
["Dessemond", "Aoun"],
|
||||||
["dessemon@insa-toulouse.fr", "eaoun2002@gmail.com"]);
|
["dessemon@insa-toulouse.fr", "eaoun2002@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com parrainage",
|
"Respo com parrainage",
|
||||||
["Lucille", "Estelle"],
|
["Lucille", "Estelle"],
|
||||||
["Pedoussat", "Brunel"],
|
["Pedoussat", "Brunel"],
|
||||||
["pedoussa@insa-toulouse.fr", "estelle.brunel09@gmail.com"]);
|
["pedoussa@insa-toulouse.fr", "estelle.brunel09@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com anim",
|
"Respo com anim",
|
||||||
["Julie", "Andréa"],
|
["Julie", "Andréa"],
|
||||||
["Bourgeais", "Ladin"],
|
["Bourgeais", "Ladin"],
|
||||||
["bourgeai@insa-toulouse.fr", "andrea.ladin33@gmail.com"]);
|
["bourgeai@insa-toulouse.fr", "andrea.ladin33@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com ville",
|
"Respo com ville",
|
||||||
["Mailys", "Armand"],
|
["Mailys", "Armand"],
|
||||||
["Feuillerat", "Ghionda"],
|
["Feuillerat", "Ghionda"],
|
||||||
["mailys.feuillerat@gmail.com", "ghionda.armand@gmail.com"]);
|
["mailys.feuillerat@gmail.com", "ghionda.armand@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com rallye",
|
"Respo com rallye",
|
||||||
["Grégoire", "Ilona"],
|
["Grégoire", "Ilona"],
|
||||||
["Drenou", "Robin"],
|
["Drenou", "Robin"],
|
||||||
["greg.drenou@gmail.com", "iloro3185@yahoo.fr"]);
|
["greg.drenou@gmail.com", "iloro3185@yahoo.fr"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo soirée des talents",
|
"Respo soirée des talents",
|
||||||
["Thibault", "Marie-Line"],
|
["Thibault", "Marie-Line"],
|
||||||
["Pouyanne", "Da Costa Bento"],
|
["Pouyanne", "Da Costa Bento"],
|
||||||
["pouyanne@insa-toulouse.fr", "marieline.dacosta@gmail.com"]);
|
["pouyanne@insa-toulouse.fr", "marieline.dacosta@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com plaquette",
|
"Respo com plaquette",
|
||||||
["Pierre", "Agathe", "Weltzer"],
|
["Pierre", "Agathe", "Weltzer"],
|
||||||
["Chezeau", "Perez", "Elise"],
|
["Chezeau", "Perez", "Elise"],
|
||||||
["chezeaum@insa-toulouse.fr", "a.perezvottero@gmail.com ", "elise.weltzer@orange.fr"]);
|
["chezeaum@insa-toulouse.fr", "a.perezvottero@gmail.com ", "elise.weltzer@orange.fr"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com bene",
|
"Respo com bene",
|
||||||
["Thomas", "Jérémie"],
|
["Thomas", "Jérémie"],
|
||||||
["Ecobichon", "Monjou"],
|
["Ecobichon", "Monjou"],
|
||||||
["thomas.ecobichon1@gmail.com", "jeremie.monjou@gmail.com"]);
|
["thomas.ecobichon1@gmail.com", "jeremie.monjou@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com photo",
|
"Respo com photo",
|
||||||
["Vicky"],
|
["Vicky"],
|
||||||
["Benos"],
|
["Benos"],
|
||||||
["vic.hand8.vb@gmail.com"]);
|
["vic.hand8.vb@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com ravit",
|
"Respo com ravit",
|
||||||
["Elisa", "Fanny"],
|
["Elisa", "Fanny"],
|
||||||
["Aubin", "Hazera"],
|
["Aubin", "Hazera"],
|
||||||
["elisaubin22@gmail.com", "fannyhazerasup@gmail.com"]);
|
["elisaubin22@gmail.com", "fannyhazerasup@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
"Respo com graphisme",
|
"Respo com graphisme",
|
||||||
["Guilhem", "Akinlami-Gallagher"],
|
["Guilhem", "Akinlami-Gallagher"],
|
||||||
["Rebejac", "Ciaran"],
|
["Rebejac", "Ciaran"],
|
||||||
["rebejac@insa-toulouse.fr", "clj.akinlami@gmail.com"]);
|
["rebejac@insa-toulouse.fr", "clj.akinlami@gmail.com"]);
|
||||||
|
|
||||||
respo(
|
respo(
|
||||||
'Respo info (com graphisme)',
|
'Respo info (com graphisme)',
|
||||||
["Baptiste", "Guillaume"],
|
["Baptiste", "Guillaume"],
|
||||||
["Rébillard", "Joffre"],
|
["Rébillard", "Joffre"],
|
||||||
["rebillar@insa-toulouse.fr", "gjoffre@insa-toulouse.fr"]);
|
["rebillar@insa-toulouse.fr", "gjoffre@insa-toulouse.fr"]);
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
</div>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
<?php
|
<?php
|
||||||
$infopage = ["", "Com's", ob_get_clean(), "", "coms"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
$infopage = ["", "Com's", ob_get_clean(), "", "coms"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||||
include("structure/template.php");
|
include("structure/template.php");
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@ ob_start(); // Start reading html
|
||||||
ou <a href="pkpeach.php" class="link">pkpeach</a>.
|
ou <a href="pkpeach.php" class="link">pkpeach</a>.
|
||||||
</p>
|
</p>
|
||||||
<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>
|
||||||
<p>
|
<p>
|
||||||
Si tu souhaite voir le détail des scores, <a href="stats.php" class="link">c'est par ici</a>.
|
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