recherche - footer - rezo - notes de config

This commit is contained in:
chankalan 2021-03-11 16:30:51 +01:00
parent e8ba1b75d5
commit bfab5c7e0c
9 changed files with 137 additions and 32 deletions

View File

@ -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 :

View File

@ -19,7 +19,7 @@
<label for="nobot_abomailman"><:antispam_champ_vide:></label>
<input type="text" class="text" name="nobot" id="nobot_abomailman" value="#ENV{nobot}" size="10" />
</p>
<input type="submit" class="submit" value="<:bouton_valider:>" />
<button type="submit" class="submit"><:bouton_valider:></button>
</div>
</form>
]

View File

@ -8,13 +8,15 @@
<form method="post" action="#ENV{action}">
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<ul class="editer-groupe">
[(#SAISIE{case,exemple,
label=<:baz_april:exemple_label:>,
explication=<:baz_april:exemple_explications:>,
defaut=non})]
</ul>
<div class="editer-groupe">
Pour linstant, il ny a rien à configurer.
</div>
<p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:/>" /></p>
</div>
<div class="explication">
<:baz_april:configurer_explication:>
</div>
</form>
</div>

View File

@ -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' => 'Sinscrire à la lettre dinformation',
'configurer_explication' => '
<br />
<h3>Notes dutilisation et paramétrage de baz_april</h3>
<hr />
<h4>courriels</h4>
Mailcrypt est un plugin qui protège les courriels, il est installé et vous pouvez écrire <code>adresse@email.ext</code> ou <code>[->adresse@email.ext]</code> pour la rendre cliquable.
<hr />
<h4>Les menus du site</h4>
<p>1- Le menu des rubriques est construit avec les rubriques racines du site, comme dans lespace dadministration, par ordre des numéros du titre.
<br />
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 lactiver.
<br />
3- Les menus verticaux en pied de page : 5 menus saffichent si présent, nommés pied1, pied2, pied3, pied4, pied5
<br />
4- Le menu horizontal en fin du pied de page : cest 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]}}
</p>
<hr />
{{Pour les logos}}
Pour les logos et cest 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 lencart 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 dintérêt dune image qui doit être recadrée : il y a une petite croix sur les vignettes dans lespace privé, il faut juste déplacé cette petite croix et le recadrage se fera autour de cet emplacement.
Donc limage peut bien être verticale ou horizontale, le recadrage carré sera centré sur lemplacement de la petite croix.
<hr />
<h4>Les actualités</h4>
La rubrique doit avoir la composition "blog".
{{résumés darticles}}
Par défaut, les résumés darticles 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.
<hr />
<h4>notes de dev</h4>
-* 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
<code>RedirectMatch /local/adapt-img/([0-9]+)/([a-z0-9-]+)/IMG/(.*)$ /local/adapt-img/$1/$2/sites/lal.spip/IMG/$3</code>
-* lalerte du fichier .htaccess inopérant () est due à labsence de ce fichier, par contre toutes les règles sont intégrées dans le paramétrage du vhost (si jai bien compris...)
-* la recherche FULLTEXT sur les mots-clefs empêche la saisie dun 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.',
);

View File

@ -1,7 +1,7 @@
<paquet
prefix="baz_april"
categorie="squelette"
version="2.4.6"
version="2.4.7"
schema="1.0.0"
etat="stable"
compatibilite="[3.2.0;3.3.*]"

View File

@ -7,14 +7,14 @@
#INCLURE{fond=inclure/menu, env, identifiant=pied5}
</div>
#FORMULAIRE_RECHERCHE{'',recherche_footer}
<B_pied><div class="article">
<BOUCLE_pied(ARTICLES){page=pied}>
[<div class="#EDIT{chapo} article__chapo">(#CHAPO|image_reduire{350})</div>]
[<div class="#EDIT{texte} article__texte">(#TEXTE|image_reduire{350})</div>]
</BOUCLE_pied>
</div></B_pied>
<div class="colophon">
<span class="april"><img src="#CHEMIN{images/logo_april_b.png}" alt="logo APRIL" /></span>
<INCLURE{fond=inclure/rezo} />
#INCLURE{fond=inclure/menu, env, identifiant=pied}
</div>

View File

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

View File

@ -36,16 +36,17 @@
.formulaire_spip.formulaire_recherche {
margin:2rem 0;
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;
form {
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;

View File

@ -27,6 +27,7 @@ $grayLightL5: lighten($grayLight,5%);
$grayLighter: #eee;
$white: #fff;
$blancTransparent: rgba($white,0.7);
// Accent colors