Browse Source

Merge branch 'master' of framagit.org:chankalan/html5up_spectral

master
chankalan 3 years ago
parent
commit
9918b1bbe4
  1. 10
      content/sommaire.html
  2. 2
      css/styles_config.css.html
  3. 18
      css/theme.scss
  4. 5
      inclure/liste/articles.html
  5. 5
      inclure/liste/rubriques.html
  6. 5
      lang/html5up_de.php
  7. 4
      lang/html5up_en.php
  8. 2
      lang/html5up_fr.php
  9. 10
      modeles/bouton.html

10
content/sommaire.html

@ -29,7 +29,10 @@
<section id="two" class="wrapper alt style2">
<BOUCLE_rubriques(RUBRIQUES){id_rubrique IN #GET{rubaccueil}}>
<section class="spotlight">
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|image_reduire{980,*}|inserer_attribut{class,no-adapt-img})</a></div>]
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|extraire_attribut{src}
|image_recadre{760:540, -, focus}
|adaptive_images{360/550/760/980})</a>
</div>]
<div class="content">
[<h2><a href="#URL_RUBRIQUE">(#TITRE)</a></h2>]
[<div class="introduction">(#INTRODUCTION|couper{150})</div>]
@ -43,7 +46,10 @@
<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|image_reduire{980,*}|inserer_attribut{class,no-adapt-img})</a></div>]
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|extraire_attribut{src}
|image_recadre{760:540, -, focus}
|adaptive_images{360/550/760/980})</a>
</div>]
<div class="content">
[<h2><a href="#URL_RUBRIQUE">(#TITRE)</a></h2>]
[<div class="introduction">(#INTRODUCTION|couper{150})</div>]

2
css/styles_config.css.html

@ -44,7 +44,6 @@ body.landing #page-wrapper {
[#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});] }
@ -57,3 +56,4 @@ body.landing #page-wrapper {
/*
, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6
*/

18
css/theme.scss

@ -21,7 +21,13 @@
}
#main > header h1 {
font-size: 1.75em;
margin: 0 0 .5em;
margin: 0 auto .5em auto;
max-width: 1200px;
}
#main > header .soustitre {
margin: auto ;
max-width: 1200px;
}
#banner .more {
@ -44,6 +50,10 @@
}
}
// Liste articles (accueil et rubrique)
.spotlight h2 a {border:0 ;}
// Menu principal
#menu {
ul {
ul {
@ -88,6 +98,8 @@
}
a {
text-decoration: none;
border: 0;
&.active,
&:hover {
background:_palette(bg);
color: _palette(fg);
@ -153,6 +165,10 @@ input[type="submit"], input[type="reset"], input[type="button"], button, .button
}
// contenu
article#main h2 {
font-size: 1.15em;
line-height: 1.15em;
}
img {
height:auto;
max-width:100%;

5
inclure/liste/articles.html

@ -6,7 +6,10 @@
{!par date}
{pagination #ENV{parpage,10}}>
<section class="spotlight">
[<div class="image"><a href="#URL_ARTICLE">(#LOGO_ARTICLE|image_reduire{980,*}|inserer_attribut{class,no-adapt-img})</a></div>]
[<div class="image"><a href="#URL_ARTICLE">(#LOGO_ARTICLE|extraire_attribut{src}
|image_recadre{760:540, -, focus}
|adaptive_images{360/550/760/980})</a>
</div>]
<div class="content">
[<h2><a href="#URL_ARTICLE">(#TITRE)</a></h2>]
[<div class="introduction">(#INTRODUCTION|couper{100})</div>]

5
inclure/liste/rubriques.html

@ -3,7 +3,10 @@
{!par date}
{pagination #ENV{parpage,10}}>
<section class="spotlight">
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|image_reduire{980,*}|inserer_attribut{class,no-adapt-img})</a></div>]
[<div class="image"><a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE|extraire_attribut{src}
|image_recadre{760:540, -, focus}
|adaptive_images{360/550/760/980})</a>
</div>]
<div class="content">
[<h2><a href="#URL_RUBRIQUE">(#TITRE)</a></h2>]
[<div class="introduction">(#DESCRIPTIF)</div>]

5
lang/html5up_de.php

@ -30,7 +30,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'en_savoir_plus' => 'weiterlesen',
// H
'html5up_editorial_titre' => 'Html5up Editorial ',
'html5up_spectral_titre' => 'Html5up Spectral ',
'hero' => 'Superartikel',
'hero_explications' => 'Der erste hervorgehobene Artikel auf der Startseite.',
'heroside' => 'Superartikel der linken Spalte',
@ -55,6 +55,5 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
// T
'theme_graphique_par_html5up' => 'Design von HTML5 UP',
'titre_page_configurer_html5up_editorial' => 'Einstellungen des Design Editorial',
'titre_page_configurer_html5up_solid_state' => 'Skelett Solid State konfigurieren',
'titre_page_configurer_html5up_spectral' => 'Einstellungen des Design Spectral',
);

4
lang/html5up_en.php

@ -27,7 +27,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'contact_complement' => 'Further information',
// H
'html5up_editorial_titre' => 'Html5up Editorial ',
'html5up_spectral_titre' => 'Html5up Spectral ',
'hero' => 'Article heroin',
'hero_explications' => 'It is the first article put forward on the homepage.',
'heroside' => 'Article heroin in left column',
@ -48,5 +48,5 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
// T
'theme_graphique_par_html5up' => 'Design by HTML5 UP',
'titre_page_configurer_html5up_editorial' => 'Configure the Editorial template',
'titre_page_configurer_html5up_spectral' => 'Configure the Spectral template',
);

2
lang/html5up_fr.php

@ -53,7 +53,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'generalites' => 'Généralités',
// H
'html5up_editorial_titre' => 'Html5up Editorial ',
'html5up_spectral_titre' => 'Html5up Spectral ',
'hero' => 'L\'article héro',
'hero_explications' => 'C\'est le premier article mis en avant sur la page d\'accueil.',

10
modeles/bouton.html

@ -0,0 +1,10 @@
[(#REM)
modele <bouton>
parametres :
|icone=fa-rocket (ou tout autre icone de FontAwesome https://www.fontawesomecheatsheet.com/)
|primary=oui/non (avec ou sans bordure)
|iconetexte=le texte
|lien=https://www.domaine.net
][<ul class="actions">
<li><a href="#ENV{lien}" class="button [(#ENV{primary}|=={oui}|oui) primary ] solid icon (#ENV{icone})">[(#ENV*{iconetexte}|propre|ptobr)]</a></li>
</ul>]
Loading…
Cancel
Save