From a6236042eb6e902f4d2c47076db26cb8a0d25b56 Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Fri, 5 Jun 2020 11:11:09 +0200
Subject: [PATCH] un menu pour les initiatives

---
 menus/menu-initiatives.yaml         | 47 +++++++++++++++++++++++++++++
 menus/menu-pied1.yaml               | 34 +++++++++++++++++++++
 squelettes/body.html                |  2 +-
 squelettes/inclure/initiatives.html |  9 ++++++
 squelettes/javascript/script.js     |  8 ++---
 squelettes/scss/styles/_layout.scss |  6 ++--
 squelettes/scss/styles/_nav.scss    | 23 ++++++--------
 7 files changed, 108 insertions(+), 21 deletions(-)
 create mode 100644 menus/menu-initiatives.yaml
 create mode 100644 menus/menu-pied1.yaml
 create mode 100644 squelettes/inclure/initiatives.html

diff --git a/menus/menu-initiatives.yaml b/menus/menu-initiatives.yaml
new file mode 100644
index 0000000..c52a99c
--- /dev/null
+++ b/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: ''
diff --git a/menus/menu-pied1.yaml b/menus/menu-pied1.yaml
new file mode 100644
index 0000000..d7e0216
--- /dev/null
+++ b/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: ''
diff --git a/squelettes/body.html b/squelettes/body.html
index 29197c4..4d036bc 100755
--- a/squelettes/body.html
+++ b/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">
diff --git a/squelettes/inclure/initiatives.html b/squelettes/inclure/initiatives.html
new file mode 100644
index 0000000..efd79ee
--- /dev/null
+++ b/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>
diff --git a/squelettes/javascript/script.js b/squelettes/javascript/script.js
index d4ef765..fe89dfb 100644
--- a/squelettes/javascript/script.js
+++ b/squelettes/javascript/script.js
@@ -15,8 +15,8 @@ $(function() {
 // 			});
 // 		});
 // 	});
-	// afficher/masquer la boussole < medium
-	$('.btn-boussole').on('click', function(){
+	// afficher/masquer la initiatives < medium
+	$('.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');
-		$('.header_boussole .nav').removeClass('ouvert');
+		$('.btn-initiatives').removeClass('actif');
+		$('.header_initiatives .nav').removeClass('ouvert');
 	});
 
     /// styler les boutons radios et checkboxes
diff --git a/squelettes/scss/styles/_layout.scss b/squelettes/scss/styles/_layout.scss
index 0d7bad2..92cd5fd 100644
--- a/squelettes/scss/styles/_layout.scss
+++ b/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
-.page_header .header_boussole { 
+// initiatives
+.page_header .header_initiatives { 
 	position:absolute; 
 	top:0; 
 	left:0; 
diff --git a/squelettes/scss/styles/_nav.scss b/squelettes/scss/styles/_nav.scss
index c31e299..78605e4 100644
--- a/squelettes/scss/styles/_nav.scss
+++ b/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
-.page_header .header_boussole { 
+// initiatives
+.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;
-			font-size:0.6em;
-			margin:0;
-			position:absolute;
-			bottom:-$spacer;
-			left:$spacer*1.6;
+			display:none;
 		}
 	}
 }