on avance...

formulaires/recherche.html

@@ -3,7 +3,7 @@
 	[(#ENV{action}|form_hidden)]
 	[<input type="hidden" name="lang" value="(#ENV{lang})" />]
 	<label for="#ENV{_id_champ}"><:info_rechercher_02:/></label>
-	<input type="[(#HTML5|?{search,text})]" class="search text" size="10" name="recherche" placeholder="Rechercher" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" autocapitalize="off" autocorrect="off"/>
+	<input type="[(#HTML5|?{search,text})]" class="search text" size="10" name="recherche" placeholder="<:info_rechercher:/>" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" autocapitalize="off" autocorrect="off"/>
 	<button type="submit" class="submit"><:info_rechercher:/></button>
 </form>
 </div>

squelettes/inclure/head.html

@@ -17,8 +17,8 @@
 [<link rel="stylesheet" href="(#CSS{scss/theme.css})" type="text/css" />]
 
 [(#REM) scripts génériques ]
-[<script type="text/javascript" src="(#CHEMIN{javascript/sidr/jquery.sidr.min.js})"></script>]
 [<script type="text/javascript" src="(#CHEMIN{javascript/script.js}|timestamp)"></script>]
+[<script type="text/javascript" src="(#CHEMIN{javascript/perso.js}|timestamp)"></script>]
 
 [(#REM) flux RSS ]
 [<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:/>" href="(#URL_PAGE{backend}|url_absolue)" />]

squelettes/inclure/liste/articles-resume.html

@@ -3,7 +3,7 @@
 	#ANCRE_PAGINATION
 	[<h2 class="h2">(#ENV{titre})</h2>]
 	<BOUCLE_articles(ARTICLES){id_rubrique!=-1}{id_rubrique?}{id_secteur?}{id_mot?}{lang}{tri_rubrique}{!par date}{pagination #ENV{parpage,10}}>
-		#INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}}
+		#INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}, compteur=#COMPTEUR_BOUCLE}
 	</BOUCLE_articles>
 	[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
 	[(#ENV{voirtous}|oui)#MODELE{bouton,lienobjet=#ENV{objetlienvoirtous}|sinon{rubrique},lienidobjet=#ENV{lienvoirtous}|sinon{#ENV{id_rubrique}}|sinon{#ENV{id_secteur}},align=right,icone=fa-angle-right,texte=#ENV{voirtous}}]

squelettes/javascript/script.js

@@ -1,7 +1,7 @@
 $(function() {
 
 	
-	// masquer les mois des annees precedentes, les afficher au clic sur l'annee
+	// masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog
 // 	$.each( ['.annees.archive'], function(i,hi){
 // 		$( ".periode div" ).find(hi).each(function(index) {
 // 			// Creer un div apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant
@@ -15,7 +15,8 @@ $(function() {
 // 			});
 // 		});
 // 	});
-	// afficher/masquer la initiatives < medium
+	
+	// afficher/masquer le menu initiatives < medium
 	$('.btn-initiatives').on('click', function(){
 		$(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert');
 		$('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert');
@@ -35,18 +36,15 @@ $(function() {
 		$(this).prepend('<span><span></span></span>').parent().addClass('custom-radios');
 	});
 	
-	// liens sortant et PDF en target _blank + ajout d'une mention dans le title ou alt des images
-	$('a.spip_out, a.spip_url, a.spip_glossaire, a.external, a[href$=".pdf"], a[href$=".doc"]').each(function() {
-		$(this).attr('target', '_blank').attr('rel', 'noreferrer noopener');
-		if($(this).attr('title') && $(this).attr('title').length) {
-		$(this).attr('title', $(this).attr('title') + ' - Nouvelle fenêtre');
-		} else if($(this).text().trim().length) {
-		$(this).attr('title', $(this).text().trim() + ' - Nouvelle fenêtre');
-		} else {
-		$(this).children('img').each(function() {
-			$(this).attr('alt', $(this).attr('alt') + ' - Nouvelle fenêtre');
+    // liens sortant + ajout d'une mention dans le title ou alt des images
+    $('a.spip_out, a.spip_url, a.spip_glossaire, a.external').each(function() {
+        var url_ext = $(this).attr('href');
+		$(this).attr('rel', 'noreferrer noopener').attr("title",'Nouvelle fenêtre : '+url_ext+'').click(function(){
+			window.open(url_ext);
+			return false
+		}).children('img').each(function() {
+			$(this).attr('alt', $(this).attr('alt') + 'Nouvelle fenêtre : '+url_ext+'');
 		});
-		}
     });
 
 	// smooth scroll

squelettes/scss/blocs/_content.scss

@@ -50,14 +50,12 @@
 .article-resume {
     display: flex;
     @include text-block;
-	h2 {
-		margin-top:0;
-	}
 }
 
 .article-resume__titre {
     font-size:     em(22px);
     margin-bottom: 0;
+	margin-top:0;
     @include link-color-text;
     a:hover {
         text-decoration: none;

squelettes/scss/blocs/_header.scss

@@ -1,5 +1,5 @@
 .page_header {
-    padding:     em(24px) 0;
+    padding:     em(24px) 0 em(48px);
 /*     background:  $couleur-primaire; */
 /*     color:       white; */
 /*     white-space: nowrap; */

squelettes/scss/styles/_styles.scss

@@ -13,7 +13,16 @@
 		margin-right:$spacer;
 	}
 }
-
+// pour usage du btn, mais utile ailleurs eventuellement
+.taille1 {
+	font-size:0.8rem;
+}
+.taille2 {
+	font-size:1rem;
+}
+.taille3 {
+	font-size:1.5rem;
+}
 
 
 .formulaire_spip.formulaire_recherche {
@@ -21,7 +30,7 @@
         position:      relative;
         border:        1px solid #B3B3B3;
         border-radius: $spacer/2;
-        padding:       0 1.5em 0 2.5em;
+        padding:       0.5rem 1.5em 0.5rem 2.5em;
         width:         100%;
         display:       flex;
         align-items:   center;

squelettes/scss/utils/_mixins.scss

@@ -241,6 +241,14 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 }
 
 
+@mixin rotate ($deg) {
+	-webkit-transform: rotate($deg);
+	-moz-transform: 	 rotate($deg);
+	-ms-transform: 		 rotate($deg);
+	-o-transform: 		 rotate($deg);
+}
+
+
 /// Font Face
 /// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6#file-_mixins-scss
 /// simplification pour uniquement woff2 et woff

squelettes/scss/utils/_variables.scss

@@ -82,7 +82,7 @@ $couleur-border-form-focus: $couleur-primaire;
 // ------------------------------ 
 // Variables
 
-$container-width:           1000px;
+$container-width:           1200px;
 
 $typo-margin-vertical: ($typo-line-height)*1em;