index

assets/css/page/index.css

@@ -0,0 +1,21 @@
+#msg_acc {
+	display: block;
+	background-color: rgba(255,255,255,0.3);
+	width: 60%;
+	margin-left: auto;
+	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;
+}
+

assets/css/template.css

@@ -4,7 +4,7 @@ body {
 }
 
 main {
- padding-top: 30px;
+	align-content: center;
 }
 
 #boxjaune {
@@ -14,6 +14,7 @@ main {
 	box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.61);
 	border: 3px solid black;
 	margin: 40px;
+	font-size: 30px;
 }
 
 #title_in_box {
@@ -21,9 +22,9 @@ main {
 }
 
 .circle {
-	width: 5px;
-	height: 5px;
-    border-radius: 2.5px;
+	width: 10px;
+	height: 10px;
+    border-radius: 5px;
     background: black;
 }
 

index.php

@@ -11,36 +11,37 @@ ob_start(); // Start reading html
         <div id="circle_r" class="circle"></div>
     </div>
     
-    <div id="homeText">
+    <div id="msg_acc">
         <p>
             Bienvenue à l'INSA Toulouse jeune aventurier, pour ta magnifique semaine d'accueil.
             Ce site est fait pour t'aider à commencer l'aventure en toute sérénité.
         </p>
         <p>
-            Toutes les photos de ta semaine sont disponibles <a href="photos.php"> ici </a>! Pendant cette semaine tu
+            Toutes les photos de ta semaine sont disponibles <a href="photos.php" class="link"> ici </a>! Pendant cette semaine tu
             pourras découvrir toutes les photos prises par la Com Photo pour te remémorer plein de
             souvenirs.
         </p>
         <p>
             Tu vas pouvoir trouver ici des informations générales sur ta semaine, comme
-            <a href="planning.php">Le Planning</a>,
-            <a href="map.php">Le Plan Du Campus</a>, des détails sur
-            <a href="parrainage.php">Le Parrainage</a>,
-            ou encore des directives concernant ta magnifique <a href="blouse.php">Blouse</a>.
+            <a href="planning.php" class="link">Le Planning</a>,
+            <a href="map.php" class="link">Le Plan Du Campus</a>, des détails sur
+            <a href="parrainage.php" class="link">Le Parrainage</a>,
+            ou encore des directives concernant ta magnifique <a href="blouse.php" class="link">Blouse</a>.
         </p>
+        <br>
         <h3>INSAGames</h3>
         <p>
             Si tu as reçu (et lu!) ta plaquette, tu sais que tu fais partie d'une maison:
         </p>
         <p>
-            <a href="boomario.php">Boomario</a>,
-            ou de <a href="pkpeach.php" >pkpeach</a>.
-            <br>
-
+            <a href="boomario.php" class="link">Boomario</a>,
+            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 !
         </p>
         <p>
-            Si tu souhaite voir le détail des scores, <a href="stats.php">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>.
         </p>
     </div>
 </main>