Browse Source

nettoyage

master
chankalan 2 years ago
parent
commit
32cc1decc2
  1. 2
      paquet.xml
  2. 46
      squelettes/content/mot.html
  3. 10
      squelettes/content/sommaire.html
  4. 2
      squelettes/head/mot.html
  5. 20
      squelettes/inclure/article-resume.html
  6. 14
      squelettes/inclure/liste/articles-resume.html
  7. 29
      squelettes/inclure/resume/article.html
  8. 78
      squelettes/javascript/script.js
  9. 7
      squelettes/scss/blocs/_content.scss

2
paquet.xml

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

46
squelettes/content/mot.html

@ -0,0 +1,46 @@
<BOUCLE_content(MOTS) {id_mot} {doublons}>
<article>
<header class="cartouche">
<h1 class="#EDIT{titre}">[(#LOGO_MOT|image_reduire)]#TITRE</h1>
</header>
<div class="main">
[<div class="#EDIT{texte} chapo">(#TEXTE|image_reduire{700,*})</div>]
</div>
<aside>
[(#REM) Articles lies au mot-cle ]
<INCLURE{fond=inclure/liste/articles-resume,env,ajax,id_mot,titre=<:baz_april:articles_lies:>} />
[(#REM) Rubriques liees au mot-cle ]
<B_rubriques>
<div class="liste_rubriques">
<h2 class="h2"><:rubriques:></h2>
<ul class="liste-items">
<BOUCLE_rubriques(RUBRIQUES) {id_mot} {par titre} {pagination 50}>
<li class="item"><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_rubriques>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_rubriques>
[(#REM) Sites web lies au mot-cle ]
<B_sites>
<div class="liste_sites">
<h2 class="h2"><:sites_web:></h2>
<ul class="liste-items">
<BOUCLE_sites(SITES) {id_mot} {par nom_site} {pagination 50}>
<li class="item"><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li>
</BOUCLE_sites>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_sites>
</aside>
[<footer>
<div class="notes"><hr />(#NOTES)</div>
</footer>]
</article>
</BOUCLE_content>

10
squelettes/content/sommaire.html

@ -1,10 +1,2 @@
<div class="liste_articles">
<B_articles>
#ANCRE_PAGINATION
<BOUCLE_articles(ARTICLES){!par date} {pagination 5}>
#INCLURE{fond=inclure/article-resume, id_article, longueur=480}
</BOUCLE_articles>
[<p class="pagination">(#PAGINATION{page_precedent_suivant})</p>]
</B_articles>
</div>
<INCLURE{fond=inclure/liste/articles-resume,env,ajax,parpage=2} />

2
squelettes/head/mot.html

@ -2,4 +2,4 @@
<title>[(#TITRE|textebrut)][ - (#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#DESCRIPTIF|couper{150}|textebrut)" />]
[<link rel="canonical" href="(#URL_MOT|url_absolue)" />]
</BOUCLE_article_head>
</BOUCLE_mot_head>

20
squelettes/inclure/article-resume.html

@ -1,20 +0,0 @@
<BOUCLE_articles(ARTICLES) {id_article}>
<article class="article-resume[ article-resume--(#ENV{class})] block-link-parent">
<div class="article-resume__logo">
[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/nologo.png}}|image_recadre{#CONST{_IMAGE_RATIO},-}|image_reduire{#CONST{_CONTENT_WIDTH}|div{2}} )]
</div>
<div class="article-resume__texte">
<h2 class="article-resume__titre"><a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]">#TITRE</a></h2>
<div class="article-resume__infos">
[<span class="article-resume__rubrique">(#INFO_TITRE{rubrique,#ID_RUBRIQUE})</span>]
#SET{heure,#DATE|heures|concat{h}}
#SET{minutes,#DATE|minutes}
[(#GET{minutes}|=={00}|non)#SET{heure,#GET{heure}|concat{#GET{minutes}}}]
[<span class="article-resume__date">(#DATE|nom_jour|ucfirst) [(#DATE|affdate)] [(#ENV{class}|=={vertical}|non)à #GET{heure}]</span>]
</div>
<div class="article-resume__intro">
[(#INTRODUCTION{#ENV{longueur,180}}|PtoBR)]
</div>
</div>
</article>
</BOUCLE_articles>

14
squelettes/inclure/liste/articles-resume.html

@ -1,10 +1,10 @@
<B_articles>
<div class="liste_articles">
#ANCRE_PAGINATION
<h2 class="h2">[(#ENV{titre,<:derniers_articles:>})]</h2>
<ul class="liste-items">
<BOUCLE_articles(ARTICLES){id_rubrique!=-1}{id_rubrique?}{id_secteur?}{id_mot?}{lang}{!par date}{pagination #ENV{nb,10}}>
<li class="item clearfix">#INCLURE{fond=inclure/resume/article,id_article,env}</li>
</BOUCLE_articles>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
[<h2 class="h2">(#ENV{titre})</h2>]
<BOUCLE_articles(ARTICLES){id_rubrique!=-1}{id_rubrique?}{id_secteur?}{id_mot?}{lang}{!par date}{pagination #ENV{parpage,10}}>
#INCLURE{fond=inclure/resume/article, id_article, env, couper=#ENV{couper}}
</BOUCLE_articles>
[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
</div>
</B_articles>

29
squelettes/inclure/resume/article.html

@ -1,13 +1,20 @@
[(#REM)
Squelette Presentation resumee d'un article dans une liste
Distribue sous licence GPL
]
<BOUCLE_articles(ARTICLES) {id_article} {statut?}>
<article class="entry article hentry[(#COMPOSITION|=={blog}|oui) blog]">
<p class="publication">[<time datetime="[(#DATE|date_iso)]">(#DATE|affdate)</time>]</p>
<h3 class="h3 entry-title"><a href="[(#URL_ARTICLE|parametre_url{debut_articles_rubrique,@#ID_ARTICLE}|parametre_url{recherche,#ENV{recherche}})]" rel="bookmark">[(#ENV{logo_rubrique,' '}|?{#LOGO_ARTICLE_RUBRIQUE,#LOGO_ARTICLE}|image_reduire{#ENV{largeur_logo,-1},#ENV{hauteur_logo,-1}}|responsive_logo)]<span>#TITRE</span></a></h3>
[<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION{#ENV{coupe,300}})</div>]
<BOUCLE_articles(ARTICLES) {id_article}>
<article class="article-resume[ article-resume--(#ENV{class})] block-link-parent">
<div class="article-resume__logo">
[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/nologo.png}}|image_recadre{#CONST{_IMAGE_RATIO},-}|image_reduire{#CONST{_CONTENT_WIDTH}|div{2}} )]
</div>
<div class="article-resume__texte">
<h2 class="article-resume__titre"><a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]">#TITRE</a></h2>
<div class="article-resume__infos">
[<span class="article-resume__rubrique">(#INFO_TITRE{rubrique,#ID_RUBRIQUE})</span>]
#SET{heure,#DATE|heures|concat{h}}
#SET{minutes,#DATE|minutes}
[(#GET{minutes}|=={00}|non)#SET{heure,#GET{heure}|concat{#GET{minutes}}}]
[<span class="article-resume__date">(#DATE|nom_jour|ucfirst) [(#DATE|affdate)] [(#ENV{class}|=={vertical}|non)à #GET{heure}]</span>]
</div>
<div class="article-resume__intro">
[(#INTRODUCTION{#ENV{longueur,180}}|PtoBR)]
</div>
</div>
</article>
</BOUCLE_articles>

78
squelettes/javascript/script.js

@ -30,45 +30,45 @@ $(function() {
$('.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');
});
}
});
/// 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');
});
}
});
// smooth scroll
$('a[href^="#"], .js-scrollTo').on('click', function(e) {
if($(this).hasClass('js-noscroll')) {
return;
}
var hash = this.hash;
var $target = $(hash);
var offset = $target.offset();
if(!offset) {
$target = $('a[name='+hash.replace(/#/,'')+']');
offset = $target.offset();
}
if(offset) {
e.preventDefault();
var newPos = offset.top - 10;
$('html, body').stop().animate(
{'scrollTop': newPos}, 750, 'swing', function() {
window.location.hash = hash;
});
}
});
// smooth scroll
$('a[href^="#"], .js-scrollTo').on('click', function(e) {
if($(this).hasClass('js-noscroll')) {
return;
}
var hash = this.hash;
var $target = $(hash);
var offset = $target.offset();
if(!offset) {
$target = $('a[name='+hash.replace(/#/,'')+']');
offset = $target.offset();
}
if(offset) {
e.preventDefault();
var newPos = offset.top - 10;
$('html, body').stop().animate(
{'scrollTop': newPos}, 750, 'swing', function() {
window.location.hash = hash;
});
}
});
});

7
squelettes/scss/blocs/_content.scss

@ -101,6 +101,11 @@
.mots {
ul {
@include list-separator;
li {
width:20%;
}
li:nth-child(10n) {
float:left;
}
}
}

Loading…
Cancel
Save