From 613776264cec0be9204ad1da638a885cc521bd80 Mon Sep 17 00:00:00 2001
From: leosw <leo@lstronic.com>
Date: Sun, 13 Jul 2025 15:10:56 +0200
Subject: [PATCH] =?UTF-8?q?Changement=20du=20menu=20pour=20mes=20nouvelles?=
 =?UTF-8?q?=20activit=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/blocks/d.nav.html | 16 ++++++++++++----
 views/css/d.index.css   | 16 ++++++++++++++++
 views/js/d.header.js    | 16 ++++++++++++++--
 3 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/views/blocks/d.nav.html b/views/blocks/d.nav.html
index 8e45292..8e9b06c 100755
--- a/views/blocks/d.nav.html
+++ b/views/blocks/d.nav.html
@@ -5,10 +5,18 @@
 				</a>
 				<nav>
 					<ul>
-						<li class="on-bar"><a class="on-bar" href="<?=$config['rel_root_folder']?>map">Carte</a></li>
-<!-- 						<li class="on-bar"><a class="on-bar" href="<?=$config['rel_root_folder']?>search">Recherche</a></li>
-						<li class="on-bar"><a class="on-bar" href="<?=$config['rel_root_folder']?>news">Nouveautés</a></li> -->
-						<li class="on-bar"><a class="on-bar" href="<?=$config['rel_root_folder']?>community">Contribuer</a></li>
+ 						<li class="on-bar with-subtitle"><a class="on-bar" href="<?=$config['rel_root_folder']?>restauration-de-refuges">Restauration<br>
+ 							<span class="subtitle">de refuges pastoraux</span></a></li>
+						<li class="on-bar with-subtitle"><a class="on-bar" href="<?=$config['rel_root_folder']?>metallerie">Métallerie<br>
+							<span class="subtitle">agricole</span></a></li>
+						<li class="on-bar has-sub with-subtitle">
+							<a class="on-bar" href="<?=$config['rel_root_folder']?>map">Inventaire<br>
+								<span class="subtitle">des cabanes de montagne</span></a>
+							<ul>
+								<li><a href="<?=$config['rel_root_folder']?>map">Carte</a></li>
+								<li><a href="<?=$config['rel_root_folder']?>community">Contribuer</a></li>
+							</ul>
+						</li>
 						<li class="on-bar has-sub">
 							<? if ($user->id == 0) { ?>
 							<a class="on-bar" href="#"><i class="icon fas fa-user"></i></a>
diff --git a/views/css/d.index.css b/views/css/d.index.css
index 361d85f..d62d708 100755
--- a/views/css/d.index.css
+++ b/views/css/d.index.css
@@ -122,6 +122,16 @@ header li a {
 header li a:hover, header li a:focus-within {
 	color: white;
 }
+header li.with-subtitle a {
+	padding: 15px 15px 25px;
+}
+
+header li .subtitle {
+	font-size: 80%;
+	font-style: italic;
+	white-space: nowrap;
+	padding-left: 5px;
+}
 
 header li:hover a, header li:focus-within a {
 	border-bottom: 6px solid blue;
@@ -160,6 +170,12 @@ header li.has-sub ul {
 	background: #212121;
 }
 
+header li.with-subtitle ul {
+	right: unset;
+	position: relative;
+	min-width: 100%;
+}
+
 header li.has-sub ul li {
 	display: block;
 	height: 46px;
diff --git a/views/js/d.header.js b/views/js/d.header.js
index 742521d..904b5cd 100755
--- a/views/js/d.header.js
+++ b/views/js/d.header.js
@@ -21,12 +21,18 @@ function reduce() {
 		}, 100, function() {
 			// Animation complete.
 	});
-	$( "header a.on-bar" ).animate({
+	$( "header li:not(.with-subtitle) a.on-bar" ).animate({
 		paddingTop: "15px",
 		paddingBottom: "5px"
 		}, 100, function() {
 			// Animation complete.
 	});
+	$( "header li.with-subtitle a.on-bar" ).animate({
+		paddingTop: "5px",
+		paddingBottom: "15px"
+		}, 100, function() {
+			// Animation complete.
+	});
 }
 
 function enlarge() {
@@ -50,12 +56,18 @@ function enlarge() {
 		}, 100, function() {
 			// Animation complete.
 	});
-	$( "header a.on-bar" ).animate({
+	$( "header li:not(.with-subtitle) a.on-bar" ).animate({
 		paddingTop: "25px",
 		paddingBottom: "15px"
 		}, 100, function() {
 			// Animation complete.
 	});
+	$( "header li.with-subtitle a.on-bar" ).animate({
+		paddingTop: "15px",
+		paddingBottom: "25px"
+		}, 100, function() {
+			// Animation complete.
+	});
 }
 
 $(window).scroll(function() {