Browse Source

on avance...

master
chankalan 2 years ago
parent
commit
11b4fc4609
  1. 2
      formulaires/recherche.html
  2. 0
      formulaires/recherche.php
  3. 2
      squelettes/inclure/head.html
  4. 2
      squelettes/inclure/liste/articles-resume.html
  5. 28
      squelettes/javascript/script.js
  6. 4
      squelettes/scss/blocs/_content.scss
  7. 2
      squelettes/scss/blocs/_header.scss
  8. 13
      squelettes/scss/styles/_styles.scss
  9. 8
      squelettes/scss/utils/_mixins.scss
  10. 2
      squelettes/scss/utils/_variables.scss

2
squelettes/formulaires/recherche.html → 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>

0
squelettes/formulaires/recherche.php → formulaires/recherche.php

2
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)" />]

2
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}}]

28
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) {

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

2
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; */

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

8
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

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

Loading…
Cancel
Save