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

add current page highlight on footer

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2025-04-11 07:27:14 +04:00
parent c7124f89cb
commit 60823a6c03
2 changed files with 68 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+29
View File
@@ -1103,6 +1103,35 @@ img {
transform: translateX(5px); transform: translateX(5px);
} }
/* Style pour le lien actif dans le footer */
.footer-links a.active {
color: var(--primary-red);
font-weight: 600;
position: relative;
}
.footer-links a.active::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
var(--primary-red) 20%,
var(--primary-red) 80%,
transparent 100%);
opacity: 0.8;
transform-origin: center;
transition: transform 0.3s, opacity 0.3s;
}
.footer-links a.active:hover::after {
opacity: 1;
transform: scaleX(1.1);
}
.footer-links a i { .footer-links a i {
margin-right: 8px; margin-right: 8px;
} }
includes/footer.php
+39 -29
View File
@@ -14,44 +14,54 @@
<div class="footer-columns"> <div class="footer-columns">
<div class="footer-column"> <div class="footer-column">
<h3 class="footer-title">Catégories</h3> <h3 class="footer-title">Catégories</h3>
<ul class="footer-links"> <div>
<li><a href="index.php">Accueil</a></li> <ul class="footer-links">
<li><a href="direct.php">Direct</a></li> <li><a href="index.php" <?php echo ($currentPage === 'index.php') ? 'class="active"' : ''; ?>>Accueil</a></li>
<li><a href="direct.php" <?php echo ($currentPage === 'direct.php') ? 'class="active"' : ''; ?>>Direct</a></li>
<?php
if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) { <?php
foreach (PRIORITY_CATEGORIES as $id => $name) { if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
echo '<li><a href="categories.php?id=' . $id . '">' . htmlspecialchars($name) . '</a></li>'; foreach (PRIORITY_CATEGORIES as $id => $name) {
$isActive = ($currentPage === 'categories.php' && $currentCategoryId === $id);
echo '<li><a href="categories.php?id=' . $id . '"' . ($isActive ? ' class="active"' : '') . '>' . htmlspecialchars($name) . '</a></li>';
}
} }
} ?>
?> </ul>
</ul> </div>
</div> </div>
<div class="footer-column"> <div class="footer-column">
<h3 class="footer-title">Hashtags</h3> <h3 class="footer-title">Hashtags</h3>
<ul class="footer-links"> <div>
<?php <ul class="footer-links">
if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)): <?php
foreach (IMPORTANT_TAGS as $tag): if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
$encodedTag = urlencode('#' . $tag); foreach (IMPORTANT_TAGS as $tag):
?> $encodedTag = urlencode('#' . $tag);
<li><a href="recherche.php?q=<?php echo $encodedTag; ?>"><?php echo htmlspecialchars($tag); ?></a></li> $isActive = ($isTagSearch && strtolower($currentTag) === strtolower($tag));
<?php ?>
endforeach; <li><a href="recherche.php?q=<?php echo $encodedTag; ?>" <?php echo $isActive ? 'class="active"' : ''; ?>><?php echo htmlspecialchars($tag); ?></a></li>
endif; <?php
?> endforeach;
</ul> endif;
?>
</ul>
</div>
</div> </div>
<div class="footer-column"> <div class="footer-column">
<h3 class="footer-title">Informations légales</h3> <h3 class="footer-title">Informations légales</h3>
<ul class="footer-links"> <div>
<li><a href="mentions-legales.php">Mentions légales</a></li> <ul class="footer-links">
<li><a href="<?php echo LEGAL_SOURCE_CODE_URL; ?>" target="_blank" rel="noopener noreferrer"> <li><a href="mentions-legales.php" <?php echo ($currentPage === 'mentions-legales.php') ? 'class="active"' : ''; ?>>Mentions légales</a></li>
<i class="fab fa-git-alt"></i> Code source <li>
</a></li> <a href="<?php echo LEGAL_SOURCE_CODE_URL; ?>" target="_blank" rel="noopener noreferrer">
</ul> <i class="fab fa-git-alt"></i> Code source
</a>
</li>
</ul>
</div>
</div> </div>
</div> </div>