From 2bf2098b5ace5b84a05f27a98926770f3897aaf9 Mon Sep 17 00:00:00 2001
From: Baptiste <baptiste.rebillard@outlook.fr>
Date: Fri, 8 Apr 2022 17:42:31 +0200
Subject: [PATCH] coms mise en page

---
 assets/css/page/coms.css  |  60 +++++++++++
 assets/css/page/index.css |  14 +--
 assets/css/template.css   |  24 +++++
 coms.php                  | 209 +++++++++++++++++++-------------------
 index.php                 |   2 +-
 5 files changed, 188 insertions(+), 121 deletions(-)

diff --git a/assets/css/page/coms.css b/assets/css/page/coms.css
index e69de29..da4f400 100644
--- a/assets/css/page/coms.css
+++ b/assets/css/page/coms.css
@@ -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;
+}
\ No newline at end of file
diff --git a/assets/css/page/index.css b/assets/css/page/index.css
index 709ef49..e7a9e8b 100644
--- a/assets/css/page/index.css
+++ b/assets/css/page/index.css
@@ -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;
-}
-
+}
\ No newline at end of file
diff --git a/assets/css/template.css b/assets/css/template.css
index 333c2e9..b5cd692 100644
--- a/assets/css/template.css
+++ b/assets/css/template.css
@@ -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;
 }
\ No newline at end of file
diff --git a/coms.php b/coms.php
index 149d4e8..8b0514f 100755
--- a/coms.php
+++ b/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");
diff --git a/index.php b/index.php
index 516a38d..6e24294 100755
--- a/index.php
+++ b/index.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>.