menu

assets/css/page/com_page.css

@@ -0,0 +1,20 @@
+a {
+    text-decoration: none;
+}
+
+a span {
+	display: block;
+    background-color: rgba(255,255,255,0.5);
+    color: black;
+    padding: 20px;
+    margin: 30px;
+    font-size: 1.5rem;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50vw;
+}
+
+a span:hover {
+    transform: scale(1.1);
+    transition: 0.3s ease;
+}

com_page.php

@@ -0,0 +1,41 @@
+<?php
+ob_start(); // Start reading html
+
+//include "assets/fonts/color.php";
+?>
+<main>
+
+    <div class="box-jaune">
+        <span class="corners corners-top"></span>
+        <span class="corners corners-bottom"></span>
+
+        <div class="title">Messages des COM's</div>
+
+        <span class="circles circles-top"></span>
+        <span class="circles circles-bottom"></span>
+    </div>
+
+    <a href="parrainage.php">
+        <span>
+            Le parrainage
+        </span>
+    </a>
+
+    <a href="anim.php">
+        <span>
+            Com'anim
+        </span>
+    </a>
+
+    <a href="map_com_ville.php">
+        <span>
+            Com'ville<br>
+            <font color="red">Pas encore disponible</font>   
+        </span>
+    </a>
+
+</main>
+<?php
+$infopage = ["", "Page des com's", ob_get_clean(), "", "com_page"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
+include("structure/template.php");
+?>

structure/menu.php

@@ -130,8 +130,8 @@ if(!isset($relativepath)) {
     <!-- Top layer (LtR) -->
     <?php
     $co_y_0 = [0, 48.85, 97.7, 146.55, 195.4, 244.25, 293.1, 341.95, 390.8, 439.65, 488.5];
-    $texte_y_0 = ["Accueil", "Planning", "Plan", "Blouse", "Lydia/Izly", "Homework", "Chansons", "Pkpeach", "Boomario", "Les stats", ""];
-    $lien_y_0 = ["index.php", "planning.php", "map.php", "blouse.php", "lydia.php", "vacances.php", "chansons.php", "team.php?team=pkpeach", "team.php?team=boomario", "stats.php", ""];
+    $texte_y_0 = ["Accueil", "Planning", "Plan", "Lydia/Izly", "Blouse", "Pkpeach", "Boomario", "Les stats", "", "Prévention", ""];
+    $lien_y_0 = ["index.php", "planning.php", "map.php", "lydia.php", "blouse.php", "team.php?team=pkpeach", "team.php?team=boomario", "stats.php", "", "prevs.php", ""];
     for($i = 0; $i <= 10; $i++) {
         echo
         '<a href="'.$lien_y_0[$i].'" class="menu-link">
@@ -144,8 +144,8 @@ if(!isset($relativepath)) {
         </a>';
     }
     $co_y_1 = [-23.5, 25.35,74.2, 123.05, 171.9, 220.75, 269.6, 318.45, 367.3, 416.15, 465];
-    $texte_y_1 = ["", "Photos","Les clubs", "Parrainage", "Prévention", "Com'ville", "Com'anim", "", "Download", "Les com's", "Infos"];
-    $lien_y_1 = ["", "photos.php","clubs.php", "parrainage.php", "prevs.php", "map_com_ville.php", "anim.php", "", "downloads.php", "coms.php", "info.php"];
+    $texte_y_1 = ["", "Photos","Les clubs", "Com's", "", "Homework", "Chansons", "", "Download", "Contact", "Infos"];
+    $lien_y_1 = ["", "photos.php","clubs.php", "com_page.php", "", "vacances.php", "chansons.php", "", "downloads.php", "coms.php", "info.php"];
     for($i = 0; $i <= 10; $i++) {
         echo
         '<a href="'.$lien_y_1[$i].'" class="menu-link menu-bottom-line">
@@ -172,35 +172,26 @@ if(!isset($relativepath)) {
         <div class="mobile-grid">
 
             <?php
-
-            $texte_y_0 = ["Accueil", "Planning", "Plan", "Blouse", "Lydia/Izly", "Homework", "Chansons", "Les stats", "Boomario", "PKpeach", "Photos"];
-            $lien_y_0 = ["index.php", "planning.php", "map.php", "blouse.php", "lydia.php", "vacances.php", "chansons.php", "stats.php", "team.php?team=boomario", "team.php?team=pkpeach", "photos.php"];
-            for($i = 0; $i <= 10; $i++) {
+            for($i = 0; $i <= 19; $i++) {
+                if($i%2 == 0) {
+                    // pair
+                    $link = $lien_y_0[$i/2];
+                    $text = $texte_y_0[$i/2];
+                } else {
+                    //impair
+                    $link = $lien_y_1[($i-1)/2];
+                    $text = $texte_y_1[($i-1)/2];
+                }
                 echo
-                '<a href="'.$lien_y_0[$i].'" class="mobile-menu-link">
+                '<a href="'.$link.'" class="mobile-menu-link">
                     <svg class="mobile-brick menu-link" viewBox="-2 -2 51 21">
                     <use xlink:href="#Brick" width="47" height="17" x="0" y="0"/>
                         <text x="23.8" y="8.5">
-                            '.$texte_y_0[$i].'
+                            '.$text.'
                         </text>
                     </svg>
                 </a>';
             }
-
-            $texte_y_1 = ["Les clubs", "Parrainage", "Prévention", "Com'ville", "Com'anim", "Download", "Les com's", "", "Infos"];
-            $lien_y_1 = ["clubs.php", "parrainage.php", "prevs.php", "map_com_ville.php", "anim.php", "downloads.php", "coms.php", "", "info.php"];
-            for($i = 0; $i <= 8; $i++) {
-                echo
-                '<a href="'.$lien_y_1[$i].'" class="mobile-menu-link">
-                    <svg class="mobile-brick menu-link" viewBox="-2 -2 51 21">
-                    <use xlink:href="#Brick" width="47" height="17" x="0" y="0"/>
-                        <text x="23.8" y="8.5">
-                            '.$texte_y_1[$i].'
-                        </text>
-                    </svg>
-                </a>';
-            }
-
             ?>
         </div>
     </div>