source: spip-zone/_squelettes_/html5up_spectral/sommaire.html @ 115928

Last change on this file since 115928 was 115928, checked in by cent20@…, 6 weeks ago

Une image par défaut si pas d'images sur les rubriques

File size: 4.2 KB
Line 
1<!DOCTYPE HTML>
2<html>
3        <head>
4        <INCLURE{fond=inclure/head,id_article}>
5        </head>
6        <body class="landing is-preload">
7
8                <!-- Page Wrapper -->
9                        <div id="page-wrapper">
10
11                                <!-- Header & Menu -->
12                                <INCLURE{fond=inclure/header_menu_sommaire}>                           
13
14                                <!-- Banner -->
15                                        <section id="banner">
16                                       
17                                                <div class="inner">
18                                                        <h2>#NOM_SITE_SPIP</h2>
19                                                        <p>#DESCRIPTIF_SITE_SPIP</p>
20
21                                                       
22                                                </div>
23                                                <a href="#one" class="more scrolly">Découvrir</a>
24                                        </section>
25
26                                <!-- One -->
27                                       
28                                        <BOUCLE_hero(ARTICLES){id_article IN #CONFIG{html5up_spectral/hero}|picker_selected{article}}>
29                                        <section id="one" class="wrapper style1 special">
30                                                <div class="inner">
31                                                        <header class="major">                                 
32                                                        <h2>#TITRE</h2>
33                                                        #INTRODUCTION
34                                                        <ul class="actions special">
35                                                                <li><a href="#URL_ARTICLE" class="button primary"><:html5up_spectral:lire_la_suite|attribut_html:></a></li>
36                                                        </ul>
37                                                        </header>
38                                               
39                                                        <B_motscles>
40                                                       
41                                                        <BOUCLE_motscles(MOTS){id_article}>
42                                                                [<a href="#URL_MOT" class="image" style="padding: 10px">(#LOGO_MOT|image_reduire{*,64})</a>]
43                                                                                               
44                                                        </BOUCLE_motscles>
45                                                </div>
46                                        </section>                                                     
47                                        </BOUCLE_hero>
48                               
49                                <!-- Two -->
50                                        <section id="two" class="wrapper alt style2">
51                                               
52                                                <B_racine>
53                                                <BOUCLE_racine(RUBRIQUES){racine}{0,5}{par titre}{id_rubrique !IN #CONFIG{html5up_spectral/rubrique_exclure}|picker_selected{rubrique}}>
54                                                        <section class="spotlight">
55                                                        [<div class="image"><img src="(#LOGO_RUBRIQUE|extraire_attribut{src}|sinon{#CHEMIN{images/logo_rubrique_defaut.jpg}})" alt="" /></div>]                                         
56                                                        <div class="content">
57                                                                <h2>#TITRE</h2>
58                                                                #DESCRIPTIF
59                                                                <ul class="actions special">
60                                                                <li><a href="#URL_RUBRIQUE" class="button fit">[(#CONFIG{html5up_spectral/parcourir_rubriques}|sinon{Parcourir})]</a></li>
61                                                        </ul>
62                                                        </div>
63                                                </section>                                             
64                                                </BOUCLE_racine>
65                                                </B_racine>
66                                                Publiez un article dans une rubique racine pour afficher du contenu.
67                                                <//B_racine>                                           
68                                               
69                                        </section>
70
71                                <!-- Three -->
72                                [(#REM) mots_sommaire.html contient une autre version de cette partie, à tester et inclure dès qu'il y a assez de mots clés ]                           
73                               
74                               
75                                        <section id="three" class="wrapper style3 special">
76                                                <div class="inner">
77                                                        <header class="major">
78                                                                <h2><:mots_clefs:></h2>
79                                                        </header>
80                                                        <BOUCLE_motscles_site(MOTS)>
81                                                                <B_mot_ayant_un_article>
82                                                                [<a href="#URL_MOT" class="image" style="padding: 10px">(#LOGO_MOT|image_reduire{*,96})</a>]
83                                                                <BOUCLE_mot_ayant_un_article(ARTICLES) {id_mot}>
84                                                                </BOUCLE_mot_ayant_un_article>                                                 
85                                                        </BOUCLE_motscles_site>
86                                                </div>
87                                        </section>
88
89                                <!-- CTA -->
90                                       
91                                        <section id="cta" class="wrapper style4">
92                                                <div class="inner">
93                                                       
94                                                       
95                                                        <BOUCLE_contact(ARTICLES){id_article IN #CONFIG{html5up_spectral/major_deux}|picker_selected{article}}>                                                 
96                                                        <header>
97                                                                <h2>#TITRE</h2>
98                                                                <p>#DESCRIPTIF </p>
99                                                        </header>
100                                                        <ul class="actions stacked">
101                                                                <li><a href="[(#CONFIG{html5up_spectral/lien_contact}|sinon{#})]" class="button fit primary">[(#CONFIG{html5up_spectral/titre_lien_contact}|sinon{<:html5up_spectral:contact:>})]</a></li>
102                                                                <li><a href="#URL_ARTICLE" class="button fit">[(#CONFIG{html5up_spectral/titre_lien_contact_b}|sinon{<:html5up_spectral:lire_la_suite|attribut_html:>})]</a></li>
103                                                        </ul>
104                                                        </BOUCLE_contact>
105                                                        </B_contact>
106                                                        <header>
107                                                                <h2>Titre en attente</h2>
108                                                                <p>Descriptif en attente </p>
109                                                        </header>
110                                                        <ul class="actions stacked">
111                                                                <li><a href="#" class="button fit primary">[(#CONFIG{html5up_spectral/titre_lien_contact}|sinon{<:html5up_spectral:contact:>})]</a></li>
112                                                                <li><a href="#" class="button fit">[(#CONFIG{html5up_spectral/titre_lien_contact_b}|sinon{<:html5up_spectral:lire_la_suite|attribut_html:>})]</a></li>
113                                                        </ul>   
114                                                        <//B_contact>
115                                                       
116                                                       
117                                                </div>
118                                        </section>
119                                       
120
121                                <!-- Footer -->
122                                <INCLURE{fond=inclure/footer}>
123
124                        </div>
125
126                <!-- Scripts -->
127                        <INCLURE{fond=inclure/script}>
128
129        </body>
130</html>
Note: See TracBrowser for help on using the repository browser.