ORGANISATION-KA-INTERNATIONALE/kaubuntu.re
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: use include for header, sidebar & footer

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2025-04-09 16:04:50 +04:00
parent f794e06bde
commit efb567fb5e
7 changed files with 108 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files
video.php
+3 -93
View File
@@ -125,85 +125,11 @@ if (empty($videoData) || isset($videoData['error'])) {
<?php endif; ?>
</head>
<body>
<!-- Sidebar de navigation -->
<div class="sidebar">
<a href="index.php" class="logo">
<img src="img/logo.png" alt="Kaubuntu.re">
</a>
<nav class="sidebar-nav">
<a href="index.php" class="nav-item" data-title="Accueil">
<i class="fas fa-home"></i> <span>Accueil</span>
</a>
<a href="#" class="nav-item" data-title="Direct">
<i class="fas fa-broadcast-tower"></i> <span>Direct</span>
</a>
<div class="nav-divider"></div>
<a href="#" class="nav-item" data-title="Explorer">
<i class="fas fa-compass"></i> <span>Explorer</span>
</a>
<a href="#" class="nav-item" data-title="Actualité">
<i class="fas fa-globe"></i> <span>Actualité</span>
</a>
<a href="#" class="nav-item" data-title="Musique">
<i class="fas fa-music"></i> <span>Musique</span>
</a>
<a href="#" class="nav-item" data-title="Histoire">
<i class="fas fa-monument"></i> <span>Histoire</span>
</a>
<a href="#" class="nav-item" data-title="Sport">
<i class="fas fa-running"></i> <span>Sport</span>
</a>
<div class="nav-divider"></div>
<div class="category-title">
<i class="fas fa-hashtag"></i> <span>Hashtags</span>
</div>
<a href="#" class="tag-item" data-title="Interview">
<div class="tag-dot"></div> <span>Interview</span>
</a>
<a href="#" class="tag-item" data-title="Conférence">
<div class="tag-dot"></div> <span>Conférence</span>
</a>
<a href="#" class="tag-item" data-title="Colonialisme">
<div class="tag-dot"></div> <span>Colonialisme</span>
</a>
<a href="#" class="tag-item" data-title="La Réunion">
<div class="tag-dot"></div> <span>La Réunion</span>
</a>
<a href="#" class="tag-item" data-title="Afrique">
<div class="tag-dot"></div> <span>Afrique</span>
</a>
</nav>
</div>
<?php include 'includes/sidebar.php'; ?>
<!-- Contenu principal -->
<div class="main-content">
<!-- Header avec barre de recherche et icônes -->
<div class="header">
<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>
<div class="social-icons">
<a href="#" class="icon-button"><i class="fab fa-facebook"></i></a>
<a href="#" class="icon-button"><i class="fab fa-youtube"></i></a>
<a href="#" class="icon-button"><i class="fab fa-instagram"></i></a>
<a href="#" class="icon-button"><i class="fas fa-ellipsis-h"></i></a>
</div>
<div class="action-icons">
<a href="#" class="icon-button"><i class="fas fa-film"></i></a>
<button class="dark-mode-toggle"><i class="fas fa-moon"></i></button>
</div>
</div>
<?php include 'includes/header.php'; ?>
<?php if (isset($videoNotFound)): ?>
<!-- Message d'erreur si la vidéo n'existe pas -->
@@ -382,23 +308,7 @@ if (empty($videoData) || isset($videoData['error'])) {
</div>
</div>
<?php endif; ?>
<!-- Footer -->
<div class="footer">
<div class="footer-logo">
<img src="img/logo.png" alt="Kaubuntu.re">
</div>
<div class="footer-social">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-tiktok"></i></a>
</div>
<div class="footer-contact">CONTACT</div>
<div class="footer-email"><?php echo CONTACT_EMAIL; ?></div>
</div>
<?php include 'includes/footer.php'; ?>
</div>
<!-- Menu mobile (masqué par défaut) -->