Browse Source

configuration avancée

master
chankalan 3 years ago
parent
commit
79f4592f81
  1. 5
      body.html
  2. 31
      content/article.html
  3. 5
      content/auteur.html
  4. 5
      content/mot.html
  5. 29
      content/rubrique.html
  6. 55
      content/sommaire.html
  7. 1
      css/main.scss
  8. 51
      css/styles_config.css.html
  9. 23
      css/theme.scss
  10. 169
      formulaires/configurer_html5up.html
  11. 12
      html5up_spectral_fonctions.php
  12. 15
      inclure/article-hero.html
  13. 2
      inclure/head.html
  14. 49
      inclure/sidebar.html
  15. 3
      inclure/sidemenu-articles.html
  16. 34
      inclure/sidemenu-m.html
  17. 15
      inclure/sidemenu-mots.html
  18. 14
      inclure/sidemenu-rubriques.html
  19. 28
      inclure/sidemenu.html
  20. 12
      inclure/sociaux.html
  21. 166
      javascript/main.js
  22. 65
      lang/html5up_fr.php
  23. 6
      lang/paquet-html5up_spectral_de.php
  24. 6
      lang/paquet-html5up_spectral_en.php
  25. 6
      lang/paquet-html5up_spectral_fr.php
  26. 16
      modeles/liste_icones.html
  27. 3
      paquet.xml

5
body.html

@ -1,13 +1,10 @@
<body class="landing is-preload">
<body class="[(#ENV{type-page}|=={sommaire}|oui)landing ]is-preload">
<div id="page-wrapper">
<header id="header"[(#ENV{type-page}|=={sommaire}|oui) class="alt"]>
<h1>[(#SI_PAGE{sommaire}|non)<a href="#URL_SITE_SPIP">]#NOM_SITE_SPIP[(#SI_PAGE{sommaire}|non)</a>]</h1>
<INCLURE{fond=inclure/sidemenu,env} />
</header>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
<!-- content -->
<INCLURE{fond=content/#ENV{type-page},env} />

31
content/article.html

@ -1,22 +1,27 @@
<BOUCLE_article(ARTICLES){id_article}>
<section>
<article id="main">
<header class="main">
[<p class="surtitre #EDIT{surtitre}">(#SURTITRE)</p>]
[<h1 class="titre #EDIT{titre}">(#TITRE)</h1>]
[<p class="soustitre #EDIT{soustitre}">(#SOUSTITRE)</p>]
<BOUCLE_mots(MOTS){id_article}><a href="#URL_MOT" class="button small">#TITRE</a></BOUCLE_mots>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/article,env} />
</header>
<section class="wrapper style5">
<div class="inner">
[<div class="chapo #EDIT{chapo}">(#CHAPO|adaptive_images{1280})</div>]
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
[<div class="ps #EDIT{ps}">(#PS|adaptive_images)</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_article,id_rubrique=#NULL,ajax,env} />
[<div class="chapo #EDIT{chapo}">(#CHAPO|adaptive_images{1280})</div>]
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
[<div class="ps #EDIT{ps}">(#PS|adaptive_images)</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_article,id_rubrique=#NULL,ajax,env} />
<INCLURE{fond=inclure/forum,id_article} />
[<h2 class="forum-titre"><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</section>
<INCLURE{fond=inclure/forum,id_article} />
[<h2 class="forum-titre"><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</div>
</section>
</article>
</BOUCLE_article>

5
content/auteur.html

@ -2,6 +2,9 @@
<section>
<header class="main">
<h1 class="#EDIT{qui} fn" itemprop="name">[(#LOGO_AUTEUR|image_reduire|inserer_attribut{itemprop,image})]#NOM</h1>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/auteur,env} />
</header>
[<div class="#EDIT{bio} texte bio">(#BIO)</div>]
@ -12,4 +15,4 @@
[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
</section>
</BOUCLE_content>
</BOUCLE_content>

5
content/mot.html

@ -2,6 +2,9 @@
<section>
<header class="main">
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/mot,env} />
</header>
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
@ -15,4 +18,4 @@
<section>
<INCLURE{fond=inclure/liste/mots,id_mot,ajax,env,parpage=6} />
</section>
</BOUCLE_mot>
</BOUCLE_mot>

29
content/rubrique.html

@ -1,18 +1,21 @@
<BOUCLE_rubrique(RUBRIQUES){id_rubrique}>
<section>
<article id="main">
<header class="main">
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/rubrique,env} />
</header>
<section class="wrapper style5">
<div class="inner">
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_rubrique,ajax,env} />
<INCLURE{fond=inclure/liste/articles,id_rubrique,ajax,env,parpage=6} />
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_rubrique,ajax,env} />
</section>
<section>[(#REM) grader la section ici pour eviter de la mettre dans une div ajaxee -> perte de la mise en forme]
<INCLURE{fond=inclure/liste/articles,id_rubrique,ajax,env,parpage=6} />
</section>
<section>
<INCLURE{fond=inclure/liste/rubriques,id_rubrique,ajax,env,parpage=6} />
</section>
</BOUCLE_rubrique>
<INCLURE{fond=inclure/liste/rubriques,id_rubrique,ajax,env,parpage=6} />
</div>
</section>
</article>
</BOUCLE_rubrique>

55
content/sommaire.html

@ -3,9 +3,12 @@
<div class="inner">
[<h2>(#CONFIG{html5up/titre_sommaire}|sinon{#NOM_SITE_SPIP})</h2>][(#CONFIG{html5up/slogan_accueil}|=={on}|oui)
[<p>(#SLOGAN_SITE_SPIP)</p>]][(#CONFIG{html5up/descriptif_accueil}|=={on}|oui)
[<p>(#DESCRIPTIF_SITE_SPIP)</p>]]
[(#DESCRIPTIF_SITE_SPIP)]]<BOUCLE_accueil(ARTICLES){page=accueil}>
[<div class="#EDIT{texte}">(#TEXTE|image_reduire{700,*})</div>]
</BOUCLE_accueil>
</div>
<a[(#CONFIG{html5up/hero}|picker_selected{article}|oui) href="#one"][(#CONFIG{html5up/hero}|picker_selected{article}|non) href="#two"] class="more scrolly"><:html5up:continue:></a>
<a[(#CONFIG{html5up/hero}|picker_selected{article}|oui) href="#one"][(#CONFIG{html5up/hero}|picker_selected{article}|non) href="#two"] class="more scrolly"><:html5up:en_savoir_plus:><br />
<i class="fas fa-arrow-down"></i></a>
</section>
#SET{exclus,#ARRAY}
<!-- One -->
@ -18,31 +21,51 @@
</header>
[<div class="texte #EDIT{texte}">(#TEXTE)</div>]
</div>
</section>#SET{exclus,#GET{exclus}|push{#ID_ARTICLE}}
</section>
</BOUCLE_hero>
<BOUCLE_major(ARTICLES){id_article IN #CONFIG{html5up/major}|picker_selected{article}}>#SET{major,oui}
#SET{titremajor,#TITRE}
#SET{chapomajor,#CHAPO}
#SET{textemajor,#TEXTE}
</BOUCLE_major>
<!-- liste rubriques -->
#SET{rubaccueil,#CONFIG{html5up/rubriques_accueil}|picker_selected{rubrique}}
<B_rubriques>
<section id="two" class="wrapper alt style2">
<INCLURE{fond=inclure/liste/articles,env,ajax,
parpage=#CONFIG{html5up/suivants_parpage,6},
exclus=#GET{exclus},
total=#CONFIG{html5up/suivants_total,6}} />
<BOUCLE_rubriques(RUBRIQUES){id_rubrique IN #GET{rubaccueil}}>
<section class="spotlight">
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|html5up_image_reduire{980,*,#TITRE*,2B343D})</a></div>]
<div class="content">
[<h2><a href="#URL_RUBRIQUE">(#TITRE)</a></h2>]
[<div class="introduction">(#INTRODUCTION|couper{150})</div>]
</div>
</section>
</BOUCLE_rubriques>
</section>
[(#GET{major}|=={oui}|oui)
</B_rubriques>
<B_rubriquesdef>
<section id="two" class="wrapper alt style2">
<BOUCLE_rubriquesdef(RUBRIQUES){racine}{par titre}{0,#CONFIG{html5up/rubriques_accueil_nb,5}}>
<section class="spotlight">[(#SET{alt,[(#TITRE|attribut_html)]})]
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|html5up_image_reduire{980,*,#GET{alt},#273038})</a></div>]
<div class="content">
[<h2><a href="#URL_RUBRIQUE">(#TITRE)</a></h2>]
[<div class="introduction">(#INTRODUCTION|couper{150})</div>]
</div>
</section>
</BOUCLE_rubriquesdef>
</section>
</B_rubriquesdef>
<//B_rubriques>
<!-- Three -->
<BOUCLE_major(ARTICLES){id_article IN #CONFIG{html5up/major}|picker_selected{article}}>
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
[<h2>(#GET{titremajor})</h2>]
[<h2>(#TITRE)</h2>]
[<div class="chapo #EDIT{chapo}">(#CHAPO)</div>]
</header>
[<div class="texte #EDIT{texte}">(#TEXTE)</div>]
</div>
</section>]
</section>
</BOUCLE_major>
<BOUCLE_minor(ARTICLES){id_article IN #CONFIG{html5up/minor}|picker_selected{article}}>
<!-- CTA -->
<section id="cta" class="wrapper style4">

1
css/main.scss

@ -4,7 +4,6 @@
@import 'css/libs/vendor';
@import 'css/libs/breakpoints';
@import 'css/libs/html-grid';
@import 'css/fontawesome-all.min.css';
/*
Spectral by HTML5 UP

51
css/styles_config.css.html

@ -0,0 +1,51 @@
[(#REM)<style>/*
Ce squelette definit les styles du squelette PHANTOM (HTML5up)
Note: l'entete "Vary:" sert a repousser l'entete par
defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
genant en cas de "rotation du cookie de session" apres
un changement d'IP (effet de clignotement).
ATTENTION: il faut absolument le charset sinon Firefox croit que
c'est du text/html et iso-8859-15 car bug vieux navigateurs
*/]
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}
body.landing #page-wrapper {[ background-color:(#CONFIG{html5up/couleur_bkg});][ color:(#CONFIG{html5up/couleur_typo});] }
body.is-mobile.landing #banner,
#main > header,
body.is-mobile.landing .wrapper.style4,
body.landing #page-wrapper {
[background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#INFO_FICHIER{document,#CONFIG{html5up/image_bkg}})");]
[background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#INFO_FICHIER{document,#CONFIG{html5up/image_bkg}})");]
[background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#INFO_FICHIER{document,#CONFIG{html5up/image_bkg}})");]
[background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#INFO_FICHIER{document,#CONFIG{html5up/image_bkg}})");]
[(#CONFIG{html5up/image_bkg}|non)background-image:none;]
[background-color:(#CONFIG{html5up/couleur_bkg});]
}
[#header, .wrapper.style2, .arbo, #banner:after { background-color:(#CONFIG{html5up/couleur_bkg}); }]
[#header, #header nav > ul > li > a.menuToggle { color:(#CONFIG{html5up/couleur_typo});}]
[body.landing #footer, #footer { background-color: rgba((#CONFIG{html5up/couleur_bkg}|hex2dec),0.9); }]
[.arbo { color:rgba((#CONFIG{html5up/couleur_typo}|hex2dec),0.5) !important; }]
[.arbo a, .arbo strong { color:rgba((#CONFIG{html5up/couleur_typo}|hex2dec),0.5) !important; }]
[#banner, body.is-mobile.landing #banner, #main > header { background-color:(#CONFIG{html5up/couleur_bkg_entete}); }]
[#banner, #banner .more, #banner h2 { color:(#CONFIG{html5up/couleur_typo_entete}); }]
[#banner h2:before, #banner h2:after { background-color:(#CONFIG{html5up/couleur_typo_entete}); }]
[header p { color:(#CONFIG{html5up/couleur_typo_entete}); }]
[#menu { background-color:(#CONFIG{html5up/couleur_bkg_menu}); }]
[#menu ul > li > a, #menu { color:(#CONFIG{html5up/couleur_typo_menu}); }]
.wrapper.style1, .wrapper.style1 h2 {[ color:(#CONFIG{html5up/couleur_typo_hero});][ background-color:(#CONFIG{html5up/couleur_bkg_hero});] }
.wrapper.style3, .wrapper.style3 h2, .wrapper.style3 strong {[ color:(#CONFIG{html5up/couleur_typo_major});][ background-color:(#CONFIG{html5up/couleur_bkg_major});] }
/*
, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6
*/

23
css/theme.scss

@ -0,0 +1,23 @@
/* adaptations pour SPIP */
.arbo { font-size:0.7em; padding:0 1.25rem; position: absolute; top: 50px; left: 0; right: 0; text-align:left; }
#main > header { padding-left:1.25rem; padding-right:1.25rem; }
#main > header h1 { font-size: 1.75em; margin: 0 0 .5em; }
#banner .more {
&:after { background:none; }
i { font-size:160%; }
}
#header nav > ul > li > a.menuToggle {
&:after { background:none; display:none; }
i { font-size:110%; margin-left:0.4em; }
}
#menu {
ul {
ul { margin:0; }
}
.close { background:none; text-align: right;
i { font-size:130%; padding:1rem; }
}
}

169
formulaires/configurer_html5up.html

@ -10,14 +10,63 @@
#ACTION_FORMULAIRE
<fieldset>
<legend><:html5up:couleur:></legend>
<legend><:html5up:generalites:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_document,image_bkg,
label=<:html5up:image_bkg:>,
explication=<:html5up:image_bkg_explications:>})]
[(#SAISIE{input,couleur_accent,
label=<:html5up:couleur_accent:>,
explication=<:html5up:couleur_accent_explications:>,
class=palette,
type=color,
defaut=#F56A6A})]
defaut=#ed4933})]
<p class="explication"><:html5up:couleurs_de_base_explications:></p>
[(#SAISIE{input,couleur_typo,
label=<:html5up:couleur_typo:>,
explication=<:html5up:couleur_typo_explications:>,
class=palette,
type=color,
defaut=#FFFFFF})]
[(#SAISIE{input,couleur_bkg,
label=<:html5up:couleur_bkg:>,
explication=<:html5up:couleur_bkg_explications:>,
class=palette,
type=color,
defaut=#1D242A})]
</div>
</fieldset>
<fieldset>
<legend><:html5up:entetes:></legend>
<div class="editer-groupe">
<p class="explication"><:html5up:couleurs_entetes_explications:></p>
[(#SAISIE{input,couleur_typo_entete,
label=<:html5up:couleur_typo:>,
class=palette,
type=color,
defaut=#FFFFFF})]
[(#SAISIE{input,couleur_bkg_entete,
label=<:html5up:couleur_bkg:>,
class=palette,
type=color,
defaut=#1D242A})]
</div>
</fieldset>
<fieldset>
<legend><:html5up:menu:></legend>
<div class="editer-groupe">
<p class="explication"><:html5up:couleurs_menu_explications:></p>
[(#SAISIE{input,couleur_typo_menu,
label=<:html5up:couleur_typo:>,
class=palette,
type=color,
defaut=#FFFFFF})]
[(#SAISIE{input,couleur_bkg_menu,
label=<:html5up:couleur_bkg:>,
class=palette,
type=color,
defaut=#21b2a6})]
</div>
</fieldset>
<fieldset>
@ -26,7 +75,7 @@
<div class="editer pleine_largeur">
<span class="explication">
[(#PLUGIN{sociaux}|non)
<:html5up:reseau_sociaux_activer:>
<:html5up:reseaux_sociaux_activer:>
][(#PLUGIN{sociaux}|oui)
<a href="#URL_ECRIRE{configurer_sociaux}"><:html5up:reseaux_sociaux_configurer:></a>
]
@ -34,71 +83,79 @@
</div>
</div>
</fieldset>
<h3 class="titrem"><:zcore:accueil:></h3>
<fieldset>
<legend><:html5up:header:></legend>
<div class="editer-groupe">
<p class="explication"><:html5up:couleur_header_accueil_explications:></p>
[(#SAISIE{input, titre_sommaire,
label=<:html5up:titre_sommaire_accueil:>,
explication=<:html5up:titre_sommaire_accueil_explications:>})]
<p class="explication"><:html5up:texte_accueil_explications:></p>
[(#SAISIE{case, slogan_accueil,
label=<:html5up:slogan_accueil:>,
explication=<:html5up:slogan_accueil_explications:>})]
[(#SAISIE{case, descriptif_accueil,
label=<:html5up:descriptif_accueil:>,
explication=<:html5up:descriptif_accueil_explications:>})]
</div>
</fieldset>
<fieldset>
<legend><:zcore:accueil:></legend>
<legend><:html5up:hero:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_article, hero,
label=<:html5up:hero:>,
explication=<:html5up:hero_explications:>})]
[(#SAISIE{input,couleur_typo_hero,
label=<:html5up:couleur_typo:>,
explication=<:html5up:couleur_de_cet_article:>,
class=palette,
type=color,
defaut=#FFFFFF})]
[(#SAISIE{input,couleur_bkg_hero,
label=<:html5up:couleur_bkg:>,
explication=<:html5up:couleur_de_cet_article:>,
class=palette,
type=color,
defaut=#21b2a6})]
</div>
</fieldset>
<fieldset>
<legend><:html5up:rubriques_accueil:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_rubrique, rubriques_accueil,
label=<:html5up:rubriques_accueil:>,
explication=<:html5up:rubriques_accueil_explications:>,
multiple=oui})]
</div>
</fieldset>
<fieldset>
<legend><:html5up:major:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_article, major,
label=<:html5up:major:>,
explication=<:html5up:major_explications:>})]
[(#SAISIE{input,suivants_titre,
label=<:html5up:article_suivants_titre:>,
explication=<:html5up:article_suivants_titre_explications:>})]
[(#SAISIE{input,suivants_total,
label=<:html5up:articles_suivants_total:>,
explication=<:html5up:articles_suivants_total_explications:>})]
[(#SAISIE{input,suivants_parpage,
label=<:html5up:articles_suivants_parpage:>,
explication=<:html5up:articles_suivants_parpage_explications:>})]
[(#SAISIE{input,couleur_typo_major,
label=<:html5up:couleur_typo:>,
explication=<:html5up:couleur_de_cet_article:>,
class=palette,
type=color,
defaut=#FFFFFF})]
[(#SAISIE{input,couleur_bkg_major,
label=<:html5up:couleur_bkg:>,
explication=<:html5up:couleur_de_cet_article:>,
class=palette,
type=color,
defaut=#505393})]
</div>
</fieldset>
<fieldset>
<legend><:html5up:sidebar:></legend>
<legend><:html5up:minor:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_article, heroside,
label=<:html5up:heroside:>,
explication=<:html5up:heroside_explications:>})]
[(#SAISIE{radio,choixnavigation,
datas=#ARRAY{
navrubriques,<:html5up:choixnavigation_rubriques:>,
navmots,<:html5up:choixnavigation_mots:>},
defaut=navrubrique,
label=<:html5up:choixnavigation_label:>,
explication=<:html5up:choixnavigation_explications:>})]
</div>
<fieldset>
<legend><:html5up:content:></legend>
<div class="editer-groupe">
[(#SAISIE{input,nbcolarticle,
label=<:html5up:article_nombre_colonnes_label:>,
explication=<:html5up:article_nombre_colonnes_explications:>,
defaut=2})]
</div>
</fieldset>
<legend>Contact</legend>
<div class="editer-groupe">
<div class="editer pleine_largeur">
<span class="explication">
[(#PLUGIN{contact}|non)
Activer le plugin «Formulaire de contact avancé» pour afficher un formulaire de contact
][(#PLUGIN{contact}|oui)
<a href="#URL_ECRIRE{configurer_contact}">Configurer le plugin : Contact</a>
]
</span>
</div>
[(#SAISIE{input,contact_telephone,
label=<:html5up:contact_tel:>})]
[(#SAISIE{textarea,contact_adresse,
label=<:html5up:contact_adresse:>,
rows=4})]
[(#SAISIE{textarea,contact_complement,
label=<:html5up:contact_complement:>,
rows=4})]
[(#SAISIE{selecteur_article, minor,
label=<:html5up:minor:>,
explication=<:html5up:minor_explications:>})]
</div>
</fieldset>

12
html5up_spectral_fonctions.php

@ -24,14 +24,15 @@ if (!defined('_ECRIRE_INC_VERSION')) {
* |vider_attribut{height}
* |vider_attribut{width}
* |vider_attribut{class})]
* + un parametre pour la couleur de fond sans le # -> image_recadre
*
*/
function html5up_image_reduire($img, $width = 500, $height = 400,$alt = '') {
function html5up_image_reduire($img, $width = 500, $height = 400, $alt = '', $fond = FFFFFF) {
if (defined('_DIR_PLUGIN_CENTRE_IMAGE')) {
$img = filtrer('image_recadre', $img, "$width:$height", '-', 'focus');
}
$img = filtrer('image_passe_partout', $img, $width, $height);
$img = filtrer('image_recadre', $img, $width, $height, 'center');
$img = filtrer('image_recadre', $img, $width, $height, 'center', '#'.$fond);
$img = filtrer('image_graver', $img);
$img = vider_attribut($img, 'width');
$img = vider_attribut($img, 'height');
@ -39,3 +40,10 @@ function html5up_image_reduire($img, $width = 500, $height = 400,$alt = '') {
$img = inserer_attribut($img, 'alt', $alt);
return $img;
}
function hex2dec($hex){
include_spip('inc/filtres_images_lib_mini');
$dec = _couleur_hex_to_dec($hex);
$rgb = $dec['red'].','.$dec['green'].','.$dec['blue'];
return $rgb;
}

15
inclure/article-hero.html

@ -1,15 +0,0 @@
<BOUCLE_hero(ARTICLES){id_article}>
<div class="content">
<header>
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]
[<p class="#EDIT{soustitre}">(#SOUSTITRE)</p>]
</header>
[<p>(#INTRODUCTION|couper{300})</p>]
<ul class="actions">
<li><a href="#URL_ARTICLE" class="button big"><:zcore:lire_la_suite:></a></li>
</ul>
</div>
[<span class="image object">
(#LOGO_ARTICLE|html5up_image_reduire{800,600})
</span>]
</BOUCLE_hero>

2
inclure/head.html

@ -18,7 +18,7 @@
[<link rel="stylesheet" href="(#CSS{css/spip.pagination.css})" type="text/css" />]
[<link rel="stylesheet" href="(#CSS{css/spip.portfolio.css})" type="text/css" />]
[<link rel="stylesheet" href="(#PRODUIRE{fond=css/html5up_spectral.spip.css}|direction_css)" />]
[<link rel="stylesheet" href="(#PRODUIRE{fond=css/styles_config.css}|direction_css)" />]
[(#REM) Balise permettant aux plugins d'inserer des fichiers CSS ]
#INSERT_HEAD_CSS

49
inclure/sidebar.html

@ -1,49 +0,0 @@
<div class="inner">
#FORMULAIRE_RECHERCHE
[(#REM) Navigation en fonction de la configuration. ]
[(#CONFIG{html5up/choixnavigation}|=={navmots}|oui) <INCLURE{fond=inclure/sidemenu-m,env,rubrique_on=#ENV{id_mot}} />]
[(#CONFIG{html5up/choixnavigation}|=={navmots}|non) <INCLURE{fond=inclure/sidemenu,env,rubrique_on=#ENV{id_rubrique}} />]
<B_heroside>
<section>
<BOUCLE_heroside(ARTICLES){id_article IN #CONFIG{html5up/heroside}|picker_selected{article}}>
[<header class="major">
<h2[ class="(#EDIT{titre})"]>(#TITRE)</h2>
</header>]
[<div class="mini-posts texte #EDIT{intro}">
(#INTRODUCTION)
</div>]
<ul class="actions">
<li><a href="#URL_ARTICLE" class="button"><:zcore:lire_la_suite:></a></li>
</ul>
</BOUCLE_heroside>
</section>
</B_heroside>
[(#CONFIG{sociaux/mail}|ou{#CONFIG{html5up/contact_telephone}}|ou{#CONFIG{html5up/contact_adresse}}|ou{#CONFIG{html5up/contact_complement}}|ou{#PLUGIN{contact}}|oui)
<section>
<header class="major">
<h2><:html5up:contact:></h2>
</header>
<ul class="contact" itemscope itemtype="http://schema.org/Organization">
[<li class="fa-envelope-o" itemprop="email"><a href="mailto:#CONFIG{sociaux/mail}">(#CONFIG{sociaux/mail})</a></li>]
[<li class="fa-phone" itemprop="telephone">(#CONFIG{html5up/contact_telephone})</li>]
[<li class="fa-home" itemprop="address">(#CONFIG{html5up/contact_adresse}|propre|ptobr)</li>]
[<li class="fa-clock-o">(#CONFIG{html5up/contact_complement}|propre|ptobr)</li>]
[(#PLUGIN{contact}|oui)
<li class="contact_form fa-share">
<div class="ajax">
#FORMULAIRE_CONTACT
</div>
</li>
]
</ul>
</section>]
<footer id="footer">
<INCLURE{fond=footer/#ENV{type-page},env} />
</footer>
</div><!-- .inner -->

3
inclure/sidemenu-articles.html

@ -1,3 +0,0 @@
<BOUCLE_articles(ARTICLES){id_rubrique?}{id_groupe?}{id_mot?}{par num titre, titre}>
<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
</BOUCLE_articles>

34
inclure/sidemenu-m.html

@ -1,34 +0,0 @@
[(#REM)
Navigation par groupes et mots clés. ]
<B_groupes>
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a class="accueil" href="#URL_SITE_SPIP"><:accueil_site:></a></li>
<BOUCLE_groupes(GROUPES_MOTS){par num titre, titre}>
[(#REM) si plus d'un article, la liste des articles, si au moins une sous-rubrique, la liste des sous-rubriques ]
#SET{smenu#ID_GROUPE,non}
<BOUCLE_test_articles(ARTICLES){id_groupe}{1,2}>
</BOUCLE_test_articles>#SET{smenu#ID_GROUPE,oui}</B_test_articles>
<BOUCLE_test_mots(MOTS){id_groupe}{0,1}>
</BOUCLE_test_mots>#SET{smenu#ID_GROUPE,oui}</B_test_mots>
<li>
[(#GET{smenu#ID_GROUPE}|=={oui}|non)
<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>]
[(#GET{smenu#ID_GROUPE}|=={oui}|oui)
<span class="opener[ (#EXPOSE) active]">#TITRE</span>
<ul>
<INCLURE{fond=inclure/sidemenu-mots,env,id_groupe,rubrique_on} />
</ul>]
</li>
</BOUCLE_groupes>
</ul>
</nav>
</B_groupes>

15
inclure/sidemenu-mots.html

@ -1,15 +0,0 @@
[(#REM)
Sous-menus de la navigation par groupes et mots clés. ]
<BOUCLE_groupes(GROUPES_MOTS){id_groupe}>
<BOUCLE_mots(MOTS){id_groupe}{par num titre, titre}>
#SET{listearticles#ID_MOT,non}
<BOUCLE_test_articles(ARTICLES){id_mot}{1,2}>
</BOUCLE_test_articles>#SET{listearticles#ID_MOT,oui}</B_test_articles>
<li>
<a href="#URL_MOT"[(#EXPOSE|ou{#ENV{rubrique_on}|=={#ID_MOT}}|oui) class="on"]>#TITRE</a>
<ul>
[(#GET{listearticles#ID_MOT}|=={oui}|oui)<INCLURE{fond=inclure/sidemenu-articles,env,id_mot,id_article} />]
</ul>
</li>
</BOUCLE_mots>
</BOUCLE_groupes>

14
inclure/sidemenu-rubriques.html

@ -1,14 +0,0 @@
<BOUCLE_rubrique(RUBRIQUES){id_rubrique}>
<BOUCLE_srubriques(RUBRIQUES){id_parent}{par num titre, titre}>
#SET{listearticles#ID_RUBRIQUE,non}
<BOUCLE_test_articles(ARTICLES){id_rubrique}{1,2}>
</BOUCLE_test_articles>#SET{listearticles#ID_RUBRIQUE,oui}</B_test_articles>
<li>
<a href="#URL_RUBRIQUE"[(#EXPOSE|ou{#ENV{rubrique_on}|=={#ID_RUBRIQUE}}|oui) class="on"]>#TITRE</a>
<ul>
[(#GET{listearticles#ID_RUBRIQUE}|=={oui}|oui)<INCLURE{fond=inclure/sidemenu-articles,env,id_rubrique,id_article} />]
<INCLURE{fond=inclure/sidemenu-rubriques,env,id_rubrique,rubrique_on} />
</ul>
</li>
</BOUCLE_srubriques>
</BOUCLE_rubrique>

28
inclure/sidemenu.html

@ -7,31 +7,23 @@
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<a href="#menu" class="menuToggle"><span>Menu</span><i class="fas fa-bars"></i></a>
<div id="menu">
<ul>
<li><a class="accueil" href="#URL_SITE_SPIP"><:accueil_site:></a></li>
<BOUCLE_rubriques(RUBRIQUES){par num titre, titre}{racine}>
[(#REM) si plus d'un article, la liste des articles, si au moins une sous-rubrique, la liste des sous-rubriques ]
#SET{smenu#ID_RUBRIQUE,non}
<BOUCLE_test_articles(ARTICLES){id_rubrique}{1,2}>
</BOUCLE_test_articles>#SET{smenu#ID_RUBRIQUE,oui}</B_test_articles>
<BOUCLE_test_rubriques(RUBRIQUES){id_parent}{0,1}>
</BOUCLE_test_rubriques>#SET{smenu#ID_RUBRIQUE,oui}</B_test_rubriques>
<li>
[(#GET{smenu#ID_RUBRIQUE}|=={oui}|non)
<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>]
[(#GET{smenu#ID_RUBRIQUE}|=={oui}|oui)
<span class="opener[ (#EXPOSE) active]">#TITRE</span>
<ul>
<INCLURE{fond=inclure/sidemenu-articles,env,id_rubrique,id_article} />
<INCLURE{fond=inclure/sidemenu-rubriques,env,id_rubrique,rubrique_on} />
</ul>]
<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>
<B_srubriques><ul>
<BOUCLE_srubriques(RUBRIQUES){id_parent}{par num titre, titre}>
<li>
<a href="#URL_RUBRIQUE"[(#EXPOSE|ou{#ENV{rubrique_on}|=={#ID_RUBRIQUE}}|oui) class="on"]>#TITRE</a>
<BOUCLE_srubriques_re(BOUCLE_srubriques)></BOUCLE_srubriques_re>
</li>
</BOUCLE_srubriques>
</ul></B_srubriques>
</li>
</BOUCLE_rubriques>
</ul>
</div>
</li>

12
inclure/sociaux.html

@ -1,12 +0,0 @@
[(#REM)
liste les liens vers les réseaux sociaux
on associe les classes de socicon si l'option est activée
http://www.socicon.com/how.php
]<!-- sociaux -->
<ul class="sociaux-list icons">[(#SET{rezo,[(#PIPELINE{sociaux_lister,#ARRAY{args,#ARRAY{skel,#SQUELETTE,date,#ENV**{date}},data,#ARRAY}})]})]
<BOUCLE_rezo (DATA) {source tableau,#GET{rezo}}>[(#CONFIG{sociaux/#CLE}|oui)
<li><a href="[(#CLE|=={mail}|oui)mailto:][(#CLE|=={skype}|oui)callto:]#CONFIG{sociaux/#CLE}" class="#CLE[(#CLE|in_array{#LISTE{rss,mail,whatsapp,skype}}|non)spip_out external]">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#CLE"></span>]<span class="name">[(#VALEUR)]</span></a></li>]</BOUCLE_rezo>
</ul>
<!-- #sociaux -->

166
javascript/main.js

@ -1,83 +1,83 @@
/*
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body'),
$wrapper = $('#page-wrapper'),
$banner = $('#banner'),
$header = $('#header');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Mobile?
if (browser.mobile)
$body.addClass('is-mobile');
else {
breakpoints.on('>medium', function() {
$body.removeClass('is-mobile');
});
breakpoints.on('<=medium', function() {
$body.addClass('is-mobile');
});
}
// Scrolly.
$('.scrolly')
.scrolly({
speed: 1500,
offset: $header.outerHeight()
});
// Menu.
$('#menu')
.append('<a href="#menu" class="close"></a>')
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'right',
target: $body,
visibleClass: 'is-menu-visible'
});
// Header.
if ($banner.length > 0
&& $header.hasClass('alt')) {
$window.on('resize', function() { $window.trigger('scroll'); });
$banner.scrollex({
bottom: $header.outerHeight() + 1,
terminate: function() { $header.removeClass('alt'); },
enter: function() { $header.addClass('alt'); },
leave: function() { $header.removeClass('alt'); }
});
}
})(jQuery);
/*
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body'),
$wrapper = $('#page-wrapper'),
$banner = $('#banner'),
$header = $('#header');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Mobile?
if (browser.mobile)
$body.addClass('is-mobile');
else {
breakpoints.on('>medium', function() {
$body.removeClass('is-mobile');
});
breakpoints.on('<=medium', function() {
$body.addClass('is-mobile');
});
}
// Scrolly.
$('.scrolly')
.scrolly({
speed: 1500,
offset: $header.outerHeight()
});
// Menu.
$('#menu')
.append('<a href="#menu" class="close"><i class="fas fa-times"></i></a>')
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'right',
target: $body,
visibleClass: 'is-menu-visible'
});
// Header.
if ($banner.length > 0
&& $header.hasClass('alt')) {
$window.on('resize', function() { $window.trigger('scroll'); });
$banner.scrollex({
bottom: $header.outerHeight() + 1,
terminate: function() { $header.removeClass('alt'); },
enter: function() { $header.addClass('alt'); },
leave: function() { $header.removeClass('alt'); }
});
}
})(jQuery);

65
lang/html5up_fr.php

@ -8,31 +8,33 @@ if (!defined('_ECRIRE_INC_VERSION')) {
$GLOBALS[$GLOBALS['idx_lang']] = array(
// A
'aide' => '<a href="https://contrib.spip.net/?article4947" class="spip_out">Consultez la documentation.</a>',
'article_nombre_colonnes_label' => 'Colonnes d\'article',
'article_nombre_colonnes_explications' => 'Indiquez le nombre de colonnes pour l\'affichage des articles.',
'article_suivants_titre' => 'Autres articles',
'article_suivants_titre_explications' => 'C\'est le titre au-dessus de la liste des articles en bas de la page d\'accueil.',
'articles_suivants_total' => 'Total d\'autres articles',
'articles_suivants_total_explications' => 'Combien d\'autres articles au total ?',
'articles_suivants_parpage' => 'Nombre d\'autres articles paginés',
'articles_suivants_parpage_explications' => 'Combien d\'articles par page dans la pagination de cette liste ?',
'aide' => '<a href="https://contrib.spip.net/?article5237" class="spip_out">Consultez la documentation.</a>',
// C
'cfg_titre_parametrages' => 'Paramétrages',
'choixnavigation_explications' => 'C\'est la navigation dans la colonne gauche, par rubriques ou par mots clés.',
'choixnavigation_label' => 'Navigation en colonne gauche',
'choixnavigation_mots' => 'Par mots clés',
'choixnavigation_rubriques' => 'Par rubriques',
'contact' => 'Restez en contact',
'content' => 'Colonne droite',
'couleur' => 'Couleur',
'couleur' => 'Couleur',
'couleur_accent' => 'Accent de couleur',
'couleur_accent_explications' => 'C\'est la couleur principale de votre site (par défaut #F56A6A)',
'contact_tel' => 'Téléphone',
'contact_adresse' => 'Adresse',
'contact_complement' => 'Complément',
'couleur_accent_explications' => 'C\'est la couleur qui rehausse certains boutons ou liens (par défaut #ed4933)',
'couleurs_de_base_explications' => 'La couleur de base des textes et des fonds ci-dessous sont utilisées ensemble sur le bandeau, le pied de page et la zone centrale de la page d\'accueil (la liste des rubriques).',
'couleur_typo' => 'Couleur de typographie',
'couleur_typo_explications' => 'Par défaut #FFFFFF',
'couleur_bkg' => 'Couleur d\'arrière plan',
'couleur_bkg_explications' => 'Par défaut #242C33',
'couleur_de_cet_article' => 'De cet article sur la page d\'accueil.',
'couleur_typo_menu_explications' => 'Pour le menu, par défaut #FFFFFF',
'couleur_bkg_menu_explications' => 'Pour le menu, par défaut #21b2a6',
'couleur_header_accueil_explications' => 'Header et article minor de la page d\'accueil prennent la couleur de typo et de fond de l\'entête de toutes les pages : cf généralités',
'entetes' => 'Entêtes',
'descriptif_accueil' => 'en savoir plus',
'couleurs_entetes_explications' => 'Pour l\'entête de toutes les pages du site, et pour l\'article Mineur sur la page d\'accueil.',
'menu' => 'Menu',
'couleurs_menu_explications' => 'Pour le menu, la couleur des textes et celle du fond.',
// D
'descriptif_accueil' => 'Le descriptif du site',
'descriptif_accueil_explications' => 'Oui, afficher le descriptif du site sur la page accueil.',
// E
'en_savoir_plus' => 'En savoir plus',
@ -40,28 +42,33 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'html5up_editorial_titre' => 'Html5up Editorial ',
'hero' => 'L\'article héro',
'hero_explications' => 'C\'est le premier article mis en avant sur la page d\'accueil.',
'heroside' => 'L\'article héro en colonne gauche',
'heroside_explications' => 'C\'est l\'article mis en avant en colonne gauche, sous le menu du site.',
// L
'langues' => 'Langues',
// I
'image_bkg' => 'Image d\'arrière plan',
'image_bkg_explications' => 'Choisissez dans la médiathèque l\'image en fond de page du site, optionnel.',
// M
'major' => 'L\'article majeur',
'major_explications' => 'C\'est le second article mis en avant sur la page d\'accueil, sous le héro. Son texte est lisible entièrement sur l\'accueil.',
'major_explications' => 'C\'est le second article mis en avant sur la page d\'accueil, sous la liste des rubriques. Son texte est lisible entièrement sur l\'accueil.',
'minor' => 'L\'article mineur',
'minor_explications' => 'C\'est le dernier article mis en avant sur la page d\'accueil, sous l\'article majeur. L\'introduction est affichée sur l\'accueil avec un lien pour se rendre sur la page de l\'article.',
// R
'rechercher' => 'Chercher',
'reseaux_sociaux' => 'Réseaux sociaux',
'reseaux_sociaux_activer' => 'Activer le plugin «Liens vers les réseaux sociaux» pour afficher de tels liens.',
'reseaux_sociaux_configurer' => 'Configurer le plugin : Liens sociaux',
'rubriques_accueil' => 'Liste de rubriques',
'rubriques_accueil_explications' => 'Sélectionnez ici manuellement les rubriques, ou laissez vide pour afficher les cinq premières rubriques de la racine du site.',
// S
'sidebar' => 'Colonne gauche',
'slogan_accueil' => 'Le slogan du site',
'slogan_accueil_explications' => 'Oui, afficher le slogan du site sur la page accueil.',
// T
'texte_accueil_explications' => 'Sous le titre à l\'accueil du site, vous pouvez soit afficher le slogan du site, soit le descriptif, ou encore <a href="/ecrire/?exec=article_edit&new=oui&modele=page&id_rubrique=-1">créer une page unique</a> ayant pour nom de page "accueil" pour avoir un texte libre à la rédaction.',
'theme_graphique_par_html5up' => 'Thème graphique par HTML5 UP',
'titre_page_configurer_html5up_editorial' => 'Configurer le squelette Editorial',
'titre_page_configurer_html5up_solid_state' => 'Configurer le squelette Solid State',
'titre_page_configurer_html5up_spectral' => 'Configurer le squelette Spectral',
'titre_sommaire_accueil' => 'Titre page accueil',
'titre_sommaire_accueil_explications' => 'Le titre qui remplace le nom du site sur la page d\'accueil.',
);

6
lang/paquet-html5up_editorial_de.php → lang/paquet-html5up_spectral_de.php

@ -8,7 +8,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
$GLOBALS[$GLOBALS['idx_lang']] = array(
// H
'html5up_editorial_description' => '',
'html5up_editorial_nom' => 'Html5up Editorial ',
'html5up_editorial_slogan' => 'responsives Skelett «Editorial» von HTML5UP',
'html5up_spectral_description' => '',
'html5up_spectral_nom' => 'Html5up Spectral',
'html5up_spectral_slogan' => 'responsives Skelett «Spectral» von HTML5UP',
);

6
lang/paquet-html5up_editorial_fr.php → lang/paquet-html5up_spectral_en.php

@ -8,7 +8,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
$GLOBALS[$GLOBALS['idx_lang']] = array(
// H
'html5up_editorial_description' => '',
'html5up_editorial_nom' => 'Html5up Editorial ',
'html5up_editorial_slogan' => 'Squelette responsive «Editorial» de HTML5UP',
'html5up_spectral_description' => '',
'html5up_spectral_nom' => 'Html5up Spectral',
'html5up_spectral_slogan' => 'Responsive template «Spectral» from HTML5UP',
);

6
lang/paquet-html5up_editorial_en.php → lang/paquet-html5up_spectral_fr.php

@ -8,7 +8,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
$GLOBALS[$GLOBALS['idx_lang']] = array(
// H
'html5up_editorial_description' => '',
'html5up_editorial_nom' => 'Html5up Editorial ',
'html5up_editorial_slogan' => 'Responsive template «Editorial» from HTML5UP',
'html5up_spectral_description' => '',
'html5up_spectral_nom' => 'Html5up Spectral',
'html5up_spectral_slogan' => 'Squelette responsive «Spectral» de HTML5UP',
);

16
modeles/liste_icones.html

@ -3,12 +3,16 @@ modele <icone>
parametres :
|icone=fa-rocket (ou tout autre icone de FontAwesome http://fontawesome.io/icons/)
|taille=3em (ou 60px ou 150%)
|style1=1 (le style de l'icone1 correspond au style 1 du theme, de 1 à 3)
|icone1couleur=#bbb (la couleur de l'icone1, toute valeur de la propriete color en css)
|titre1= mon titre (optionnel, un label prevu dans le theme)
][(#ENV{icone1}|ou{#ENV{icone2}}|ou{#ENV{icone3}}|ou{#ENV{icone4}}|ou{#ENV{icone5}}|ou{#ENV{icone6}}|oui)<ul class="icons major">
[<li><span class="icon major style1 (#ENV{icone1})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre1})</span>]</span></li>]
[<li><span class="icon major style2 (#ENV{icone2})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre2})</span>]</span></li>]
[<li><span class="icon major style3 (#ENV{icone3})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre3})</span>]</span></li>]
[<li><span class="icon major style1 (#ENV{icone4})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre4})</span>]</span></li>]
[<li><span class="icon major style2 (#ENV{icone5})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre5})</span>]</span></li>]
[<li><span class="icon major style3 (#ENV{icone6})"[ style="font-size:(#ENV{taille});"]>[<span class="label">(#ENV{titre6})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style1,1})] (#ENV{icone1})" style="[font-size:(#ENV{taille});][color:(#ENV{icone1couleur});]">[<span class="label">(#ENV{titre1})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style2,2})] (#ENV{icone2})" style="[font-size:(#ENV{taille});][color:(#ENV{icone2couleur});]">[<span class="label">(#ENV{titre2})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style3,3})] (#ENV{icone3})" style="[font-size:(#ENV{taille});][color:(#ENV{icone3couleur});]">[<span class="label">(#ENV{titre3})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style4,1})] (#ENV{icone4})" style="[font-size:(#ENV{taille});][color:(#ENV{icone4couleur});]">[<span class="label">(#ENV{titre4})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style5,2})] (#ENV{icone5})" style="[font-size:(#ENV{taille});][color:(#ENV{icone5couleur});]">[<span class="label">(#ENV{titre5})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style6,3})] (#ENV{icone6})" style="[font-size:(#ENV{taille});][color:(#ENV{icone6couleur});]">[<span class="label">(#ENV{titre6})</span>]</span></li>]
[<li><span class="icon major[ style(#ENV{style7,1})] (#ENV{icone7})" style="[font-size:(#ENV{taille});][color:(#ENV{icone7couleur});]">[<span class="label">(#ENV{titre7})</span>]</span></li>]
</ul>]

3
paquet.xml

@ -23,11 +23,14 @@
<necessite nom="saisies" compatibilite="[3.23.2;]" />
<necessite nom="scssphp" compatibilite="[1.4.0;]" />
<necessite nom="zcore" compatibilite="[2.6.0;]" />
<necessite nom="pages" compatibilite="[1.4.0;]" />
<utilise nom="oembed" compatibilite="[1.8.0;]" />
<utilise nom="compositions" compatibilite="[3.6.0;]" />
<utilise nom="contact" compatibilite="[0.16.0;]" />
<utilise nom="sociaux" compatibilite="[2.1.0;]" />
<utilise nom="centre_image" compatibilite="[0.10.6;]" />
<menu nom="configurer_html5up_spectral" titre="html5up:html5up_spectral_titre" parent="menu_squelette" icone="images/html5up_spectral-16.png" />

Loading…
Cancel
Save