on avance...

2020-10-07 19:03:07 +02:00 · 2020-10-07 19:03:07 +02:00 · 11b4fc4609
commit 11b4fc4609
parent a083c10ea2
10 changed files with 38 additions and 25 deletions
--- a/squelettes/formulaires/recherche.html
+++ b/squelettes/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>
--- a/squelettes/formulaires/recherche.php
+++ b/squelettes/formulaires/recherche.php
--- a/squelettes/inclure/head.html
+++ b/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)" />]
--- a/squelettes/inclure/liste/articles-resume.html
+++ b/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}}]
--- a/squelettes/javascript/script.js
+++ b/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');
@ -29,25 +30,22 @@ $(function() {
 		$('.btn-initiatives').removeClass('actif');
 		$('.header_initiatives .nav').removeClass('ouvert');
 	});
-
+	
 	/// styler les boutons radios et checkboxes
 	$('.formulaire_spip .choix label').each(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
 	$('a[href^="#"], .js-scrollTo').on('click', function(e) {
--- a/squelettes/scss/blocs/_content.scss
+++ b/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;
--- a/squelettes/scss/blocs/_header.scss
+++ b/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; */
--- a/squelettes/scss/styles/_styles.scss
+++ b/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;
--- a/squelettes/scss/utils/_mixins.scss
+++ b/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
--- a/squelettes/scss/utils/_variables.scss
+++ b/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;