un menu pour les initiatives

menus/menu-initiatives.yaml

@@ -0,0 +1,47 @@
+-
+  type_entree: texte_libre
+  parametres:
+    contenu: 'Des initiatives de l''April'
+    css: titre_initiatives
+-
+  type_entree: lien
+  parametres:
+    titre: April
+    url: 'https://www.april.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: Expolibre
+    url: 'https://www.expolibre.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: Chapril
+    url: 'https://www.chapril.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: 'Libre à vous'
+    url: 'https://www.libreavous.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: 'Libre à lire'
+    url: 'https://www.librealire.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: Candidat.fr
+    url: 'https://www.candidat.fr'
+    css: ''
+    css_lien: ''

menus/menu-pied1.yaml

@@ -0,0 +1,34 @@
+-
+  type_entree: texte_libre
+  parametres:
+    contenu: 'Galaxie April'
+    css: h4
+  sous_menu: {  }
+-
+  type_entree: lien
+  parametres:
+    titre: agendadulibre.org
+    url: 'https://agendadulibre.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: candidats.fr
+    url: 'https://candidats.fr'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: chapril.org
+    url: 'https://chapril.org'
+    css: ''
+    css_lien: ''
+-
+  type_entree: lien
+  parametres:
+    titre: enventelibre.org
+    url: 'https://enventelibre.org'
+    css: ''
+    css_lien: ''

squelettes/body.html

@@ -5,7 +5,7 @@
 			<div class="page_container page_header_container">
 				<INCLURE{fond=header/#ENV{type-page},env}>
 			</div>
-			<INCLURE{fond=inclure/boussole} />
+			<INCLURE{fond=inclure/initiatives} />
 		</header>
 		
 		<div class="page_main">

squelettes/inclure/initiatives.html

@@ -0,0 +1,9 @@
+<BOUCLE_menu(MENUS){identifiant=initiatives}>
+</BOUCLE_menu><div class="header_initiatives">
+	<div class="page_container">
+		<button type="button" class="btn-initiatives"><:baz_april:site_april:></button>
+		<nav class="nav">
+			<INCLURE{fond=inclure/menu,env,identifiant=initiatives} />
+		</nav>
+	</div>
+</div></B_menu>

squelettes/javascript/script.js

@@ -15,8 +15,8 @@ $(function() {
 // 			});
 // 		});
 // 	});
-	// afficher/masquer la boussole < medium
+	// afficher/masquer la initiatives < medium
-	$('.btn-boussole').on('click', function(){
+	$('.btn-initiatives').on('click', function(){
 		$(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert');
 		$('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert');
 	});
@@ -26,8 +26,8 @@ $(function() {
 	// afficher/masquer le menu
 	$('.principale .btn-nav').on('click', function(){
 		$(this).toggleClass('actif').siblings('ul').toggleClass('ouvert');
-		$('.btn-boussole').removeClass('actif');
+		$('.btn-initiatives').removeClass('actif');
-		$('.header_boussole .nav').removeClass('ouvert');
+		$('.header_initiatives .nav').removeClass('ouvert');
 	});
 
     /// styler les boutons radios et checkboxes

squelettes/scss/styles/_layout.scss

@@ -20,7 +20,7 @@ html, body {
     flex-direction:  column;
     justify-content: space-between;
     min-height:          100vh;
-	// hauteur invariable de la boussole
+	// hauteur invariable de la initiatives
 	border-top:44px solid $couleurPrincipale;
 	
 }
@@ -35,8 +35,8 @@ html, body {
     margin-bottom: 2em;
 }
 
-// boussole
+// initiatives
-.page_header .header_boussole { 
+.page_header .header_initiatives { 
 	position:absolute; 
 	top:0; 
 	left:0; 

squelettes/scss/styles/_nav.scss

@@ -34,7 +34,7 @@
 		text-decoration: none; 
 		line-height:1.4; 
 		border-bottom:3px solid white;
-		.header_boussole & {
+		.header_initiatives & {
 			font-weight:400;
 			padding:1em;
 			margin:0;
@@ -47,7 +47,7 @@
 		&:hover,
 		&:active { 
 			border-color:$couleurSecondaire;
-			.header_boussole & {
+			.header_initiatives & {
 				background:$couleurSecondaire;
 			}
 		}
@@ -144,8 +144,8 @@
 }
 
 
-// boussole
+// initiatives
-.page_header .header_boussole { 
+.page_header .header_initiatives { 
 	position:absolute; 
 	top:0; 
 	left:0; 
@@ -153,10 +153,10 @@
 	background-color:$couleurPrincipale;
 	color:white;
 	
-	.btn-boussole {
+	.btn-initiatives {
 		font-size:0.8rem;
 		display:none;
-		padding:($spacer/1.6) 0 0 $spacer;
+		padding:$spacer;
 		margin-left:-$spacer;
 		background:$couleurPrincipale;
 		color:white;
@@ -179,15 +179,12 @@
 	}
 	.initiatives {
 		font-size:0.8rem;
+	}
+	.titre_initiatives {
 		float:right;
-		margin-top:$spacer;
+		padding:$spacer;
 		@media ($bp-medium) {
-			color:$couleurPrincipaleDowner;
+			display:none;
-			font-size:0.6em;
-			margin:0;
-			position:absolute;
-			bottom:-$spacer;
-			left:$spacer*1.6;
 		}
 	}
 }