ménages et bugfixes

* poursuite refactoring css
* on vire les vieux icônes par défaut et on intègre une dépendance à favicon (obj. qualité site)
* inclure/rubriques: intégration correcte de la class #EXPOSE
* extras: affinage markup

Reste encore quelques bizarrerries à régler ça et là, genre :
* sur la home: erreur 404 si pas d'article sommaire_description_longue
* rubriques: erreurs 404 si pas de #TEXTE
* terminer les extras sur la page mots aussi

Je suis presqu'ému de le dire après 5 années de zone (au propre comme au figuré) mais on approche d'une version (relativement) stable

.gitattributes

@@ -1,14 +1,4 @@
 * text=auto !eol
-/apple-touch-icon-114x114-precomposed.png -text
-/apple-touch-icon-114x114.png -text
-/apple-touch-icon-144x144-precomposed.png -text
-/apple-touch-icon-144x144.png -text
-/apple-touch-icon-57x57-precomposed.png -text
-/apple-touch-icon-57x57.png -text
-/apple-touch-icon-72x72-precomposed.png -text
-/apple-touch-icon-72x72.png -text
-/apple-touch-icon-precomposed.png -text
-/apple-touch-icon.png -text
 /article.html -text
 /auteur.html -text
 /backend.html -text
@@ -52,7 +42,6 @@ extra2/dist.html -text
 extra2/rubrique.html -text
 extra2/sommaire.html -text
 extra2/z_apl.html -text
-/favicon.ico -text
 foot_js/dist.html -text
 foot_js/sommaire.html -text
 foot_js/z_apl.html -text
@@ -78,7 +67,6 @@ head_js/site.html -text
 head_js/sommaire.html -text
 header/404.html -text
 header/article.html -text
-header/auteur.html -text
 header/dist.html -text
 header/mot.html -text
 header/rubrique.html -text

body.html

@@ -13,11 +13,11 @@
 	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 		<INCLURE{fond=inclure/nav-bs,env} />
 	</nav>
-	[<nav class="bs-extra" id="socialnav">(#INCLURE{fond=inclure/menu, env, identifiant=socialnav})</nav>]
+	[<nav class="bs-extra extra3">(#INCLURE{fond=inclure/menu, env, identifiant=socialnav})</nav>]
 	<footer class="bs-footer" id="footer" role="contentinfo">
 		<INCLURE{fond=footer/#ENV{type-page},env} />
 	</footer>
-	[<nav class="footernav">(#INCLURE{fond=inclure/menu, env, identifiant=footernav})</nav>]
+	[<nav class="bs-extra footernav">(#INCLURE{fond=inclure/menu, env, identifiant=footernav})</nav>]
 	[(#INCLURE{fond=inclure/remonter})]
 	[(#REM) Chargements scripts et plugins en pied de page (Exemple : Google analytics) ]
 	<INCLURE{fond=foot_js/#ENV{type-page},env} />

content/article.html

@@ -13,7 +13,6 @@
 				[<nav class="col-xs-12 col-sm-1 col-md-1 col-lg-1 text-center">(#INCLURE{fond=inclure/socialtags,env})</nav>]
 				[(#REM) contenu de l'article ]
 				<div class="col-lg-11">
-					[<p class="#EDIT{hyperlien} hyperlien"><a target="_blank" class="btn btn-lg btn-primary" href="(#URL_SITE)">[(#NOM_SITE|sinon{"<:voir_en_ligne:>"})]</a></p>]
 					[<section class="#EDIT{texte} surlignable">(#TEXTE|image_reduire{750,0}|abs_url)</section>]
 					[<aside class="well #EDIT{ps}">(#PS)</aside>]
 				</div>
@@ -26,12 +25,18 @@
 				car on part du principe que l'auteur principal du site est
 				- soit déjà suffisement référencé 
 				- soit il est juste webmaster et n'intervient pas en rédaction
-			]
-			<B_auteur>
+			]<B_auteur>
 			<BOUCLE_auteur(AUTEURS){id_article}{!id_auteur = 1}>
 				<INCLURE{fond=inclure/panel-auteur}{env}{id_auteur}
 			</BOUCLE_auteur>
 			</B_auteur>
+
+			[<div class="#EDIT{hyperlien} well">
+				<p class="h4"><i class="fa fa-fw fa-external-link" title="<:zktx:source:>"></i>[ (#NOM_SITE)]</p>
+				<p class="text-right">
+					<a class="btn btn-default spip_out" href="(#URL_SITE)"><:voir_en_ligne:></a>
+				</p>
+			</div>]
 			
 			[(#REM) portfolio & documents ]
 			[(#INCLURE{fond=inclure/documents}{id_article})]

css/zktx.css.html

@@ -18,7 +18,7 @@
 [(#SET{couleur_foncer_2,[(#GET{couleur}|couleur_foncer|couleur_foncer)]})]
 [(#SET{couleur_inverser,[(#GET{couleur}|couleur_inverser)]})]
 
-[(#REM) Liens ]
+[(#REM) Recolorisation de la couleur "primary" ]
 a:link, a:visited, a:active, a:hover, a:focus, button, .btn, button:hover, .btn:hover {
   -webkit-transition: All .6s ease-in;
   moz-transition: All .6s ease-in;
@@ -27,9 +27,12 @@ a:link, a:visited, a:active, a:hover, a:focus, button, .btn, button:hover, .btn:
 }
 a, a:active, a:visited { color: [#(#GET{couleur_foncer_1})]; }
 a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
-/*a.btn, a.fa { text-decoration:none!important; }*/
+.btn:hover { text-decoration:none; }
+.btn-primary, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
+  color:#FFFFFF!important;
+  background-color: [#(#GET{couleur})]!important;
+}
 .btn-primary {
-  background-color: [#(#GET{couleur})];
   background-image: -webkit-gradient(linear,left 0,left 100%,from([#(#GET{couleur})]),to([#(#GET{couleur_foncer_1})]));
   background-image: -webkit-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
   background-image: -moz-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
@@ -48,8 +51,7 @@ a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
 [(#REM) btn sociaux aux couleurs officielles 
 	à adapter (color ou background-color)
 	selon icons utilisés (socicon-*, fa-* ou fa-*-square)
-]
-	[(#REM) les + utilisés]
+]	[(#REM) les + utilisés]
 	a.btn-social {color:#FFFFFF!important;}
 	.btn-fb {background-color:#47639E;}
 	.btn-tw {background-color:#55ACEE;}
@@ -57,7 +59,6 @@ a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
 	.btn-gp {background-color:#DD4B39;}
 	.btn-yt {background-color:#e02a20;}
 	.btn-ig {background-color:#000000;}
-
 	[(#REM) services streaming]
 	.btn-bcp {background-color:#619aa9;}
 	.btn-scd {background-color:#fe3801;}
@@ -65,22 +66,31 @@ a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
 	.btn-spy {background-color:#7bb342;}
 	.btn-itu {background-color:#ff5e51;}
 
-p { margin:1em 0; }
-
-.pull-left {margin-right:1em;}
-.pull-right {margin-left:1em;}
 
+[(#REM) Navigations ]
 .navbar-brand {padding:10px 15px;}
-
 .top { position:fixed; bottom:1em; right:1em;}
 
 
-.bs-content, .bs-extra {padding:20px 0;}
-.bs-header {padding:80px 0;}
-.bs-footer {padding:40px 0;}
+[(#REM) Elements ]
+p { margin:1em 0; }
+
 
-.breadcrumb, .well, .jumbotron {background-color: [#(#GET{couleur_eclaircir_1})];}
-.bs-header .jumbotron {background-color:[#(#GET{couleur_foncer_2})];}
+[(#REM) Utilities ]
+.pull-left {margin-right:1em;}
+.pull-right {margin-left:1em;}
+
+
+[(#REM) Blocks de pages ]
+.bs-content { padding:20px 0; }
+.bs-header  { padding:80px 0; }
+.bs-extra   { padding:20px 0; background-color: #EFEFEF; }
+.bs-extra.extra2 { background-color: [#(#GET{couleur_eclaircir_2})]; } 
+.bs-extra.extra3 { background-color: [#(#GET{couleur_eclaircir_1})]; }
+.bs-footer  { padding:40px 0; }
+.breadcrumb, .well, .jumbotron { background-color: [#(#GET{couleur_eclaircir_1})]; }
+.bs-header .jumbotron, .bs-footer { background-color:[#(#GET{couleur_foncer_2})]; color: #FFFFFF; }
+.bs-footer a, .bs-header .jumbotron a { color:[#(#GET{couleur})]; }
 
 .bs-header {
   color:#FFFFFF;
@@ -95,13 +105,9 @@ p { margin:1em 0; }
                             |extraire_attribut{src}
                           )');]
 }
-.bs-extra { background-color: #EFEFEF; }
-.bs-extra#extra2 { background-color: [#(#GET{couleur_eclaircir_2})]; }
-.bs-footer { background-color: [#(#GET{couleur_foncer_2})]; color: #FFFFFF; }
 
 <BOUCLE_article_bs_header(ARTICLES){tout}>
   .bs-header.article#ID_ARTICLE { 
-
     background-color: [#(#GET{couleur})]; 
     [background-image:url('(#LOGO_ARTICLE_SURVOL
                               |sinon{#LOGO_RUBRIQUE_SURVOL}
@@ -112,8 +118,6 @@ p { margin:1em 0; }
                           )');]
   }
 </BOUCLE_article_bs_header>
-
-
 <BOUCLE_rubrique_bs_header(RUBRIQUES){tout}>
   .bs-header.rubrique#ID_RUBRIQUE { 
 
@@ -124,10 +128,8 @@ p { margin:1em 0; }
                               |image_gamma{-50}
                               |extraire_attribut{src}
                           )');]
-
   }
 </BOUCLE_rubrique_bs_header>
-
 <BOUCLE_mot_bs_header(MOTS){tout}>
   .bs-header.mot#ID_MOT { 
     [background-image:url('(#LOGO_MOT_SURVOL
@@ -137,7 +139,4 @@ p { margin:1em 0; }
                               |extraire_attribut{src}
                           )');]
   }
-</BOUCLE_mot_bs_header>
-
-
-
+</BOUCLE_mot_bs_header>

extra2/rubrique.html

@@ -7,9 +7,9 @@
 			ALORS on les affiche ici sous forme de navigation thématique
 			SINON on affiche le menu rubriques standard
 		]
-		<nav class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
+		<nav class="col-md-4">
 			<B_mots>
-				<span class="h4"><:mots_clefs:></span>
+				<p class="h4"><:mots_clefs:></p>
 				<ul class="list-group">
 					<BOUCLE_mots(MOTS) {id_rubrique} {par titre}>
 					<li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_MOT" rel="tag">#TITRE</a></li>
@@ -17,15 +17,15 @@
 				</ul>		
 			</B_mots>
 			[(#REM) Menu de navigation par rubriques ]
-			[(#INCLURE{fond=inclure/rubriques,id_rubrique})]
+			[(#INCLURE{fond=inclure/rubriques,id_rubrique,env})]
 			<//B_mots>
 		</nav>
 		
 		[(#REM) Breves du secteur ]
 		<B_breves>
-		<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
+		<aside class="col-md-4">
 			#ANCRE_PAGINATION
-			<span class="h4"><:breves:breves:></span>
+			<p class="h4"><:breves:breves:></p>
 			<ul class="list-group">
 					<BOUCLE_breves(BREVES) {id_rubrique}{!par date}{pagination 5}>
 					<li class="list-group-item[ active (#EXPOSE)]">[<time class="published" pubdate datetime="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</time> &ndash; ]<a href="#URL_BREVE">#TITRE</a></li>
@@ -34,20 +34,20 @@
 			[(#PAGINATION)]
 		</aside>
 		</B_breves>
-		
+
 		[(#REM) Sur le Web ]
 		<B_syndic>
-		<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
-			<span class="h4"><:nouveautes_web:></span>
+		<nav class="col-md-4">
+			<p class="h4"><:nouveautes_web:></p>
 			<ul class="list-group">
 				<BOUCLE_syndic(SYNDIC_ARTICLES){id_rubrique}{age<180}{!par date}{pagination 8}>
 				<li class="list-group-item">
-					[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr> &ndash; ]
-					<a class="spip_out" rel="external" href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"]>#TITRE</a>
+					[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate)</abbr> ][<span class="small">@ (#NOM_SITE)</span><br/>]
+					<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a>
 				</li>
 				</BOUCLE_syndic>
 			</ul>
-		</aside>
+		</nav>
 		</B_syndic>
 
 	</div> [(#REM) .row ]

extra2/sommaire.html

@@ -8,7 +8,7 @@
 		<B_breves>
 		<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
 			#ANCRE_PAGINATION
-			<span class="h4"><:breves:breves:></span>
+			<p class="h4"><:breves:breves:></p>
 			<ul class="list-group">
 					<BOUCLE_breves(BREVES){tout}{!par date}{pagination 5}>
 					<li class="list-group-item[ active (#EXPOSE)]">[<time class="published" pubdate datetime="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</time><span class="divider"> &ndash; </span>]<a href="#URL_BREVE">#TITRE</a></li>
@@ -21,7 +21,7 @@
 		[(#REM) Liens des forums ]
 		<B_forums_liens>
 		<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
-			<span class="h4"><:derniers_commentaires:></span>
+			<p class="h4"><:derniers_commentaires:></p>
 			<ul class="list-group">
 				<BOUCLE_forums_liens(FORUMS?){plat}{!par date}{0,8}>
 				<li class="list-group-item">

header/auteur.html

@@ -1,28 +0,0 @@
-<BOUCLE_header(AUTEURS){id_auteur}>
-<header class="bs-header auteur#ID_AUTEUR" id="header" role="banner">
-	<div class="container">
-		<figure class="row">
-			<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
-				[(#REM) 
-					Logos & Bootstrap :
-						on peut passer un |inserer_attribut{class,""}  
-						avec, au choix, la class img-thumbnail img-circle, img-square, ...
-						Mobile: vous disposez aussi de la class img-responsive
-						> voir http://getbootstrap.com/css/#images
-				]
-				[(#LOGO_AUTEUR_NORMAL
-					|image_reduire{260,260}
-					|inserer_attribut{alt,[(#NOM|textebrut|attribut_html)]}
-					|inserer_attribut{class,"img-responsive center-block"}
-					|inserer_attribut{role,"img"}
-				)] 
-			</div>
-			<figcaption class="col-xs-12 col-sm-6 col-md-9 col-lg-9">
-				[(#MENU_LANG)]
-				<h1 class="h1 #EDIT{qui}">#NOM</h1>
-				[<h2 class="text-muted h2 #EDIT{auteur_baseline}">(#AUTEUR_BASELINE|sinon{[(#BIO|couper{160})]}|PtoBR|abs_url)</p>][(#REM) Champ extra à créer en attendant que ZKTX le crée lui même à l'activation]
-			</figcaption>
-		</figure>
-	</div>
-</header>
-</BOUCLE_header>

header/dist.html

@@ -9,7 +9,7 @@
 					|inserer_attribut{role,"img"}
 				)]
 			</div>
-			<figcaption class="col-xs-12 col-sm-6 col-md-9 col-lg-9">
+			<figcaption class="col-xs-12 col-sm-6 col-md-9 col-lg-9 page-header">
 				[(#MENU_LANG)]
 				<h1 class="h1" id="nom_site_spip">#NOM_SITE_SPIP</h1>
 				[<h2 class="text-muted #EDIT{meta-slogan_site}">(#SLOGAN_SITE_SPIP|abs_url)</h2>]

inclure/rubriques.html

@@ -9,16 +9,16 @@
 	on l'affiche si son parent est expose ou est la racine du site.
 ]
 <B_rubriques>
-<span class="h4"><:rubriques:></span>
+<p class="h4"><:rubriques:></p>
 <ul class="list-group">
 <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre}{titre != ZKTX}>
-	<li class="list-group-item">
-		<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a>
+	<li class="list-group-item[ active (#EXPOSE)]">
+		<a rel="category" href="[(#URL_RUBRIQUE|abs_url)]">[(#TITRE|couper{80})]</a>
 
 		<B_sous_rubriques>
-		<ul>
+		<ul class="list-group">
 			<BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}><BOUCLE_test_expose(RUBRIQUES) {id_enfant}>#EXPOSE{' '}</BOUCLE_test_expose>
-				<li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re>	</li>
+				<li class="list-group-item[ active (#EXPOSE)]"><a rel="category" href="[(#URL_RUBRIQUE|abs_url)]">[(#TITRE|couper{80})]</a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re>	</li>
 			</B_test_expose></BOUCLE_sous_rubriques>
 		</ul>
 		</B_sous_rubriques>

paquet.xml

@@ -1,7 +1,7 @@
 <paquet
 	prefix="zktx"
 	categorie="squelette"
-	version="2.0.9"
+	version="2.0.10"
 	etat="dev"
 	compatibilite="[3.0.0;3.3.*]"
 	logo="img/zktx-32.png"
@@ -18,6 +18,7 @@
 	<necessite nom="fonctions_images" compatibilite="[0.6.13;["/> 
 	<necessite nom="menus" compatibilite="[1.7.11;["/>
 	<necessite nom="saisies" compatibilite="[3.8.2;["/>
+	<necessite nom="favicon" compatibilite="[1.1.2;["/>
 	<utilise nom="cextras" compatibilite="[3.11.6;["/>
 	<utilise nom="critere_mots"/>
 	<utilise nom="comments"/>