84 lines
3.5 KiB
PHP
84 lines
3.5 KiB
PHP
<!-- Menu mobile (masqué par défaut) -->
|
|
<div class="mobile-menu">
|
|
<button class="mobile-menu-close">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
|
|
<div class="search-container">
|
|
<form action="search.php" method="get">
|
|
<input type="text" name="q" placeholder="Recherche">
|
|
<button type="submit"><i class="fas fa-search"></i></button>
|
|
</form>
|
|
</div>
|
|
|
|
<a href="index.php" class="nav-item">
|
|
<i class="fas fa-home"></i> Accueil
|
|
</a>
|
|
<a href="direct.php" class="nav-item">
|
|
<i class="fas fa-broadcast-tower"></i> Direct
|
|
</a>
|
|
|
|
<div class="nav-divider"></div>
|
|
|
|
<?php
|
|
// Afficher les catégories prioritaires
|
|
if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
|
|
// Tableau associatif des icônes pour les catégories
|
|
$categoryIcons = [
|
|
1 => 'fas fa-music', // Musique
|
|
5 => 'fas fa-running', // Sport
|
|
11 => 'fas fa-globe', // Actualité & Politique
|
|
2 => 'fas fa-film', // Films
|
|
3 => 'fas fa-video', // Émissions & Séries
|
|
4 => 'fas fa-gamepad', // Jeux
|
|
6 => 'fas fa-laugh', // Humour
|
|
7 => 'fas fa-palette', // Art
|
|
8 => 'fas fa-spa', // Bien-être
|
|
9 => 'fas fa-tshirt', // Mode
|
|
10 => 'fas fa-random', // Divers
|
|
12 => 'fas fa-dollar-sign', // Finance
|
|
13 => 'fas fa-graduation-cap', // Education
|
|
14 => 'fas fa-fist-raised', // Activism
|
|
15 => 'fas fa-microscope', // Science & Technology
|
|
16 => 'fas fa-paw', // Animals
|
|
17 => 'fas fa-child', // Kids
|
|
18 => 'fas fa-utensils' // Food
|
|
];
|
|
|
|
foreach (PRIORITY_CATEGORIES as $id => $name) {
|
|
$icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
|
|
echo '<a href="categories.php?id=' . $id . '" class="nav-item">';
|
|
echo '<i class="' . $icon . '"></i> ' . htmlspecialchars($name);
|
|
echo '</a>';
|
|
}
|
|
}
|
|
?>
|
|
|
|
<div class="nav-divider"></div>
|
|
|
|
<h3 class="mobile-section-title">Hashtags populaires</h3>
|
|
<a href="#" class="nav-item">
|
|
<i class="fas fa-hashtag"></i> Colonialisme
|
|
</a>
|
|
<a href="#" class="nav-item">
|
|
<i class="fas fa-hashtag"></i> La Réunion
|
|
</a>
|
|
<a href="#" class="nav-item">
|
|
<i class="fas fa-hashtag"></i> Panafricanisme
|
|
</a>
|
|
<a href="#" class="nav-item">
|
|
<i class="fas fa-hashtag"></i> Conférence
|
|
</a>
|
|
|
|
<div class="nav-divider"></div>
|
|
|
|
<h3 class="mobile-section-title">Suivez-nous</h3>
|
|
<div class="mobile-social-icons">
|
|
<a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
|
|
<a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
|
|
<a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
|
|
<a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
|
|
<a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
|
|
</div>
|
|
</div>
|