recherche - footer - rezo - notes de config

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 :

formulaires/abomailman_mini_une_liste.html

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

formulaires/configurer_baz_april.html

@@ -8,13 +8,15 @@
 	<form method="post" action="#ENV{action}">
 	<div>
 		#ACTION_FORMULAIRE{#ENV{action}}
-		<ul class="editer-groupe">
+		<div class="editer-groupe">
-			[(#SAISIE{case,exemple,
+			
-				label=<:baz_april:exemple_label:>,
+			Pour l’instant, il n’y a rien à configurer.
-				explication=<:baz_april:exemple_explications:>,
+			
-				defaut=non})]
+		</div>
-		</ul>
 		<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>

lang/baz_april_fr.php

@@ -46,4 +46,51 @@ $GLOBALS[ $GLOBALS['idx_lang'] ] = array(
 	
 	's_inscrire_a_la_lettre_d_information' => 'S’inscrire à la lettre d’information',
 	
+	
+	'configurer_explication' => '
+			<br />
+			<h3>Notes d’utilisation 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 l’espace d’administration, 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 l’activer.
+<br />
+3- Les menus verticaux en pied de page : 5 menus s’affichent si présent, nommés pied1, pied2, pied3, pied4, pied5
+<br />
+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]}}
+</p>
+
+<hr />
+
+{{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. 
+
+<hr />
+
+<h4>Les actualités</h4>
+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.
+
+<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>
+-* 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.',
+	
 );

paquet.xml

@@ -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.*]"

squelettes/footer/dist.html

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

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;

squelettes/scss/styles/_styles.scss

@@ -36,14 +36,15 @@
 
 .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;
+		max-width:100%;
-        display:       flex;
+        @include flex;
         align-items:center;
         background:white;
 		
@@ -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;

squelettes/scss/utils/_variables.scss

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