coms mise en page

This commit is contained in:
Baptiste 2022-04-08 17:42:31 +02:00
parent 417d24e8eb
commit 2bf2098b5a
5 changed files with 188 additions and 121 deletions

View file

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

View file

@ -7,15 +7,3 @@
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;
}

View file

@ -26,6 +26,7 @@ main {
#title_in_box {
padding: 25px;
color: black;
}
.circle {
@ -49,3 +50,26 @@ main {
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;
}

207
coms.php
View file

@ -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>";
}
?>
}
echo "</ul>";
echo "</section>";
}
?>
<?php
respo(
"Respo des coms",
["Sarah"],
["Gouled"],
["sarah.gouled@orange.fr"]);
<?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");

View file

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