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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
35
coms.php
35
coms.php
|
|
@ -1,23 +1,17 @@
|
|||
<?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>
|
||||
<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>
|
||||
<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>
|
||||
<div class='title_com'>Le Bureau</div>
|
||||
<?php
|
||||
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
||||
$prenom = ["Maxence", "Sarah", "Paul", "Ilona"];
|
||||
|
|
@ -27,9 +21,9 @@ ob_start(); // Start reading html
|
|||
echo "<ul>";
|
||||
for($i = 0; $i < count($prenom); $i++) {
|
||||
echo "<li>";
|
||||
echo "<h2>".$fonction[$i]."</h2>";
|
||||
echo "<div id='fonction_bureau'>".$fonction[$i]."</div>";
|
||||
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>";
|
||||
|
|
@ -39,12 +33,12 @@ ob_start(); // Start reading html
|
|||
<?php
|
||||
function respo($name, $prenom, $nom, $mail) {
|
||||
echo "<section>";
|
||||
echo "<h1><b>".$name."</b></h1>";
|
||||
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>";
|
||||
|
|
@ -138,6 +132,7 @@ ob_start(); // Start reading html
|
|||
["rebillar@insa-toulouse.fr", "gjoffre@insa-toulouse.fr"]);
|
||||
|
||||
?>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<?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