Browse Source

un menu pour les initiatives

master
chankalan 2 years ago
parent
commit
a6236042eb
  1. 47
      menus/menu-initiatives.yaml
  2. 34
      menus/menu-pied1.yaml
  3. 2
      squelettes/body.html
  4. 9
      squelettes/inclure/initiatives.html
  5. 8
      squelettes/javascript/script.js
  6. 6
      squelettes/scss/styles/_layout.scss
  7. 23
      squelettes/scss/styles/_nav.scss

47
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: ''

34
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: ''

2
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">

9
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>

8
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

6
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;

23
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;
}
}
}

Loading…
Cancel
Save