liste du menu sur téléphone

This commit is contained in:
Baptiste Rebillard 2022-06-10 23:05:06 +02:00
parent 3f148d2c4f
commit a668823f04

View file

@ -161,175 +161,49 @@ if(!isset($relativepath)) {
</svg> </svg>
<!-- The actual menu * mobile/tiny screens -->
<!-- Sur téléphone -->
<nav class="mobile-menu" id="mobile-menu"> <nav class="mobile-menu" id="mobile-menu">
<div class="containerF3g"> <div class="containerF3g">
<div class="mobile-grid"> <div class="mobile-grid">
<a href="#" class="mobile-menu-link"> <?php
<svg class="mobile-brick menu-link" viewBox="-2 -2 51 21">
$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", "Parrainage", "Homework", "Chansons", "Les stats", "Boomario", "PKpeach", "Photos"];
$lien_y_0 = ["index.php", "planning.php", "map.php", "blouse.php", "parrainage.php", "vacances.php", "chansons.php", "stats.php", "team.php?team=boomario", "team.php?team=pkpeach", "photos.php"];
for($i = 0; $i <= 10; $i++) {
echo
'<a href="'.$lien_y_0[$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"/> <use xlink:href="#Brick" width="47" height="17" x="0" y="0"/>
<text x="23.8" y="8.5"> <text x="23.8" y="8.5">
LIENNN '.$texte_y_0[$i].'
</text> </text>
</svg> </svg>
</a> </a>';
}
<a href="#" class="mobile-menu-link"> $co_y_1 = [-23.5, 25.35,74.2, 123.05, 171.9, 220.75, 269.6, 318.45, 367.3, 416.15, 465];
<svg class="mobile-brick menu-link" viewBox="-2 -2 51 21"> $texte_y_1 = ["Lydia/Izly", "Les clubs", "Prévention", "Com'ville", "", "", "", "", "Download", "Les com's", "Infos"];
$lien_y_1 = ["lydia.php", "clubs.php", "prevs.php", "map_com_ville.php", "", "", "", "", "downloads.php", "coms.php", "info.php"];
for($i = 0; $i <= 10; $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"/> <use xlink:href="#Brick" width="47" height="17" x="0" y="0"/>
<text x="23.8" y="8.5"> <text x="23.8" y="8.5">
LIENNN '.$texte_y_1[$i].'
</text> </text>
</svg> </svg>
</a> </a>';
}
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
<a href="#" 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">
LIENNN
</text>
</svg>
</a>
?>
</div> </div>
</div> </div>