From bfab5c7e0c4f6e6192fddfde8afa39a68f81816a Mon Sep 17 00:00:00 2001 From: chankalan Date: Thu, 11 Mar 2021 16:30:51 +0100 Subject: [PATCH] recherche - footer - rezo - notes de config --- baz_april_pipelines.php | 2 +- formulaires/abomailman_mini_une_liste.html | 2 +- formulaires/configurer_baz_april.html | 14 ++-- lang/baz_april_fr.php | 49 ++++++++++++- paquet.xml | 2 +- squelettes/footer/dist.html | 12 ++-- squelettes/scss/blocs/_footer.scss | 6 +- squelettes/scss/styles/_styles.scss | 81 +++++++++++++++++++--- squelettes/scss/utils/_variables.scss | 1 + 9 files changed, 137 insertions(+), 32 deletions(-) diff --git a/baz_april_pipelines.php b/baz_april_pipelines.php index a135e46..dacb8b6 100644 --- a/baz_april_pipelines.php +++ b/baz_april_pipelines.php @@ -23,7 +23,7 @@ function baz_april_pre_typo($texte) { -// ordonner la liste comme on veut +// // ordonner la liste comme on veut function baz_april_sociaux_maliste($flux) { /** * On reprend les éléments initiaux de la v1 du plugin : diff --git a/formulaires/abomailman_mini_une_liste.html b/formulaires/abomailman_mini_une_liste.html index 46ed6b9..f9f3d04 100644 --- a/formulaires/abomailman_mini_une_liste.html +++ b/formulaires/abomailman_mini_une_liste.html @@ -19,7 +19,7 @@

- + ] diff --git a/formulaires/configurer_baz_april.html b/formulaires/configurer_baz_april.html index 0422400..4e83887 100644 --- a/formulaires/configurer_baz_april.html +++ b/formulaires/configurer_baz_april.html @@ -8,13 +8,15 @@
#ACTION_FORMULAIRE{#ENV{action}} -
    - [(#SAISIE{case,exemple, - label=<:baz_april:exemple_label:>, - explication=<:baz_april:exemple_explications:>, - defaut=non})] -
+
+ + Pour l’instant, il n’y a rien à configurer. + +

 

+
+ <:baz_april:configurer_explication:> +
diff --git a/lang/baz_april_fr.php b/lang/baz_april_fr.php index e0d75ff..b446d8f 100644 --- a/lang/baz_april_fr.php +++ b/lang/baz_april_fr.php @@ -34,7 +34,7 @@ $GLOBALS[ $GLOBALS['idx_lang'] ] = array( 'tri_periodique' => 'Tri périodique', 'references' => 'Références', - 'signaler_une_erreur'=> 'Signaler une erreur, poser une question', + 'signaler_une_erreur' => 'Signaler une erreur, poser une question', 'memes_themes' => 'Transcriptions sur les mêmes thèmes :', 'memes_personnes' => 'Transcriptions avec les mêmes personnes :', @@ -46,4 +46,51 @@ $GLOBALS[ $GLOBALS['idx_lang'] ] = array( 's_inscrire_a_la_lettre_d_information' => 'S’inscrire à la lettre d’information', + + 'configurer_explication' => ' +
+

Notes d’utilisation et paramétrage de baz_april

+ +
+ +

courriels

+Mailcrypt est un plugin qui protège les courriels, il est installé et vous pouvez écrire adresse@email.ext ou [->adresse@email.ext] pour la rendre cliquable. + +
+ +

Les menus du site

+

1- Le menu des rubriques est construit avec les rubriques racines du site, comme dans l’espace d’administration, par ordre des numéros du titre. +
+2- Le menu "initiatives" tout en haut est construit avec le plugin menus, il se gère dans {{Squelettes > Menus du site}}. Un export a été fait avec la liste entière et est enregistré dans le plugin baz_april. Il faut que le site sur lequel on est ait la classe "on" sur le lien pour l’activer. +
+3- Les menus verticaux en pied de page : 5 menus s’affichent si présent, nommés pied1, pied2, pied3, pied4, pied5 +
+4- Le menu horizontal en fin du pied de page : c’est le menu nommé "pied" tout simplement, il est placé à droite des réseaux sociaux, qui eux sont gérés avec le plugin {{[Liens sociaux->/ecrire/?exec=configurer_sociaux]}} +

+ +
+ +{{Pour les logos}} +Pour les logos et c’est valable pour tous les documents partout dans le site : il vaut mieux éviter de charger plusieurs fois le même document, et donc utiliser au maximum ceux qui sont déjà présents dans la médiathèque... +Le logo de "Libre à vous" est le document n°659 : dans l’encart du logo en haut de la colonne gauche, faire ajouter un document "depuis la médiathèque" et taper "659" et valider. + +{{Recadrage}} : il est possible de choisir le centre d’intérêt d’une image qui doit être recadrée : il y a une petite croix sur les vignettes dans l’espace privé, il faut juste déplacé cette petite croix et le recadrage se fera autour de cet emplacement. +Donc l’image peut bien être verticale ou horizontale, le recadrage carré sera centré sur l’emplacement de la petite croix. + +
+ +

Les actualités

+La rubrique doit avoir la composition "blog". +{{résumés d’articles}} +Par défaut, les résumés d’articles sont composés des 180 premiers caractères des champs chapeau + texte, et si le champ descriptif rapide est utilisé, ce sera ce champ uniquement et en entier. + +
+ +

notes de dev

+-* Le groupe de mot des personnes intervenant dans les transcriptions : dans le code on est fixé sur id_groupe=5 car ça risque moins de changer que le titre du groupe (personne⋅s) +-* Le plugin Adptive Images a besoin de modifier le htaccess dans une mutualisation : pour chaque site adapter une ligne de ce type +RedirectMatch /local/adapt-img/([0-9]+)/([a-z0-9-]+)/IMG/(.*)$ /local/adapt-img/$1/$2/sites/lal.spip/IMG/$3 +-* l’alerte du fichier .htaccess inopérant () est due à l’absence de ce fichier, par contre toutes les règles sont intégrées dans le paramétrage du vhost (si j’ai bien compris...) +-* la recherche FULLTEXT sur les mots-clefs empêche la saisie d’un mot-clef qui fait seulement trois lettres : ne pas indexer les mots-clefs dans Fulltext ou sinon autoriser la recherche sur les mots de trois lettres.', + ); diff --git a/paquet.xml b/paquet.xml index 77cfc7c..3938863 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,7 +1,7 @@ -#FORMULAIRE_RECHERCHE{'',recherche_footer} +
+ + [
(#CHAPO|image_reduire{350})
] + [
(#TEXTE|image_reduire{350})
] + +
- logo APRIL - - - #INCLURE{fond=inclure/menu, env, identifiant=pied} -
diff --git a/squelettes/scss/blocs/_footer.scss b/squelettes/scss/blocs/_footer.scss index 64ff051..d104e68 100644 --- a/squelettes/scss/blocs/_footer.scss +++ b/squelettes/scss/blocs/_footer.scss @@ -36,12 +36,8 @@ } } .formulaire_spip.formulaire_recherche { - max-width:em(400px); +/* max-width:em(400px); */ margin-top:$spacer; - input[type="search"] { - line-height:3em; - min-height:3em; - } input.placeholder, textarea.placeholder { color: $couleurPrincipale; diff --git a/squelettes/scss/styles/_styles.scss b/squelettes/scss/styles/_styles.scss index b4c4539..5558ce5 100644 --- a/squelettes/scss/styles/_styles.scss +++ b/squelettes/scss/styles/_styles.scss @@ -36,16 +36,17 @@ .formulaire_spip.formulaire_recherche { margin:2rem 0; + max-width:500px; form { - position: relative; - border: 1px solid #B3B3B3; - border-radius: $spacer/2; - padding: 0.5rem 1.5em 0.5rem 2.5em; - width: 100%; - max-width:500px; - display: flex; - align-items: center; - background: white; + position:relative; + border:1px solid #B3B3B3; + border-radius:$spacer/2; + padding:0.5rem 1.5em 0.5rem 2.5em; + width:100%; + max-width:100%; + @include flex; + align-items:center; + background:white; &:before { @extend .fa-search; @@ -61,7 +62,7 @@ background: none; } } - button, label { + label { @include visuallyhidden; } input[type=search], @@ -78,6 +79,64 @@ } } +// abonnement newsletter +.formulaire_spip .abonnement, .formulaire_recherche { + position:relative; + label { + color:$blancTransparent; + font-size:0.8rem; + } + input.text { + padding-right:30px; + background:#f4f4f4; + &:hover, &:focus, &:active { + background:white; + } + } + button { + position: absolute; + right:0; + bottom:0; + height:100%; + width:30px; + padding:0; + overflow:hidden; + text-indent:30px; + background:none; + &:after { + @include triangle(right, #5b758e, 0.5rem, 0.8); + position:absolute; + right:0.6rem; + bottom:50%; + margin-bottom:-0.5rem; + } + &:hover, &:focus, &:active { + background:none; + } + &:hover { + &:after { + border-left-color:$couleurPrincipaleOn; + } + } + } +} +.formulaire_spip .abonnement { + button { + height:55%; + &::after { + bottom:0.5rem; + margin-bottom:0; + } + } + input.text { + &::placeholder { + font-size:0.8rem; + } + } +} + + + a.back-to-top { display: none; @include media($bp-large-up) { @@ -102,7 +161,7 @@ a.back-to-top { // ------------------------------------------------ .champ.afficher { - display: flex; + @include flex; margin-bottom: 0.5em; .label { margin-right: 1em; diff --git a/squelettes/scss/utils/_variables.scss b/squelettes/scss/utils/_variables.scss index b683947..37e6947 100644 --- a/squelettes/scss/utils/_variables.scss +++ b/squelettes/scss/utils/_variables.scss @@ -27,6 +27,7 @@ $grayLightL5: lighten($grayLight,5%); $grayLighter: #eee; $white: #fff; +$blancTransparent: rgba($white,0.7); // Accent colors