banderolle discord

assets/css/page/clubs.css

@@ -2,13 +2,35 @@ body {
 	text-align: center;
 }
 
+#alert {
+	position: absolute;
+	display: block;
+	top: 0;
+	width: 100vw;
+	height: 60px;
+	background-color: white;
+	z-index: 1;
+	padding: 15px;
+}
+
+a.link2 {
+	text-decoration: none;
+	color: #FFDC00;
+	-webkit-text-stroke: 1px black;
+}
+
+a.link2:hover {
+	color: black;
+	-webkit-text-stroke: 1px black;
+}
+
 .iframe_amicale {
 	position: absolute;
 	overflow: hidden;
 	width: 100vw;
 	height: 100%;
 	margin: 0;
-	top: 0;
+	top: 60px;
 	left: 0;
 }
 

clubs.php

@@ -2,6 +2,11 @@
 ob_start(); // Start reading html
 ?>
 <main>
+
+    <div id="alert">
+        <a href="https://wiki.etud.insa-toulouse.fr/books/rejoindre-les-associations/page/rejoindre-les-serveurs-dassociations" class="link2" target="_wiki">Comment rejoindre une association</a>
+    </div>
+
         <div class="box-jaune">
             <span class="corners corners-top"></span>
             <span class="corners corners-bottom"></span>
@@ -11,9 +16,8 @@ ob_start(); // Start reading html
             <span class="circles circles-top"></span>
             <span class="circles circles-bottom"></span>
         </div>
-	<section>
+
 		<iframe src="https://amicale-insat.fr/clubs" class="iframe_amicale" allow="fullscreen" scrolling="auto"></iframe>
-	</section>
 </main>
 <?php
 $infopage = ["", "Les clubs", ob_get_clean(), "", "clubs"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6