source: spip-zone/_squelettes_/html5up_story/sommaire.html @ 112446

Last change on this file since 112446 was 110281, checked in by erational@…, 14 months ago

Dans la famulle HTML5up, je voudrais le thème Story
Thème hypersimple de type onepage
L'emballage est largement pompé du boulot de chankalan

File size: 3.1 KB
Line 
1<!DOCTYPE HTML>
2<html lang="#LANG">
3        <head>
4                <INCLURE{fond=inc/inc_head} />
5                <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|couper{60}|textebrut)]</title>
6                [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{130}|textebrut)" />]
7                [<link rel="canonical" href="(#URL_SITE_SPIP)" />]
8        </head>
9
10        <body>
11        #SET{color,#CONFIG{html5up_story/color}}
12
13                <!-- Wrapper -->
14                        <div id="wrapper" class="divided">
15
16                                <!-- Banner -->
17                                <BOUCLE_banner(ARTICLES){id_article IN #CONFIG{html5up_story/article_hero}|picker_selected{article}}{doublons articles_speciaux}>
18                                        <section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right[ (#GET{color})]">
19                                                <div class="content">
20                                                        [<div class="centered"><a href="#section-1" class="smooth-scroll-middle">(#LOGO_SITE_SPIP)</a></div>]
21                                                        <!-- <h1>#TITRE</h1> -->
22                                                        <div class="#EDIT{texte}">#TEXTE</div>
23
24                                                        <ul class="actions vertical">
25                                                                <li><a href="#section-1" class="button big wide smooth-scroll-middle"><:en_savoir_plus:></a></li>
26                                                        </ul>
27                                                </div>
28                                                <div class="image">
29                                                        [(#LOGO_ARTICLE|non)<img src="#CHEMIN{images/banner.jpg}" alt="" />]
30                                                        [(#LOGO_ARTICLE|oui) #LOGO_ARTICLE]
31                                                </div>
32                                        </section>
33                                </BOUCLE_banner>
34
35                                <BOUCLE_spotlight(ARTICLES){!id_article IN #CONFIG{html5up_story/article_gallery}|picker_selected{article}}{par num titre}{doublons articles_speciaux}>
36                                <!-- Spotlight -->
37                                        <section class="spotlight style1 [(#COMPTEUR_BOUCLE|alterner{orient-right,orient-left})] content-align-left image-position-center onscroll-image-fade-in[ (#GET{color})]" id="section-#COMPTEUR_BOUCLE">
38                                                <div class="content">
39                                                        [<h2 class="#EDIT{titre}">(#TITRE)</h2>]
40                                                        [<div class="#EDIT{texte}">(#TEXTE)</div>]
41                                                </div>
42                                                <div class="image">
43                                                        [(#LOGO_ARTICLE|non) <img src="#CHEMIN{images/spotlight01.jpg}" alt="" />]
44                                                        [(#LOGO_ARTICLE|oui) #LOGO_ARTICLE]
45                                                </div>
46                                        </section>
47                                </BOUCLE_spotlight>
48
49                                <BOUCLE_galerie(ARTICLES){id_article IN #CONFIG{html5up_story/article_gallery}|picker_selected{article}}>
50                                <!-- Gallery -->
51                                        <section class="wrapper style1 align-center[ (#GET{color})]">
52                                                <div class="inner">
53                                                        [<h2 class="#EDIT{titre}">(#TITRE)</h2>]
54                                                        [<div class="#EDIT{texte}">(#TEXTE)</div>]
55                                                </div>
56
57                                                <!-- Gallery images -->
58                                                <B_doc>
59                                                        <div class="gallery style2 medium lightbox onscroll-fade-in">
60                                                                <BOUCLE_doc(DOCUMENTS){id_article}{extension IN png,gif,jpg}{par rang_lien, id_document}>
61                                                                <article>
62                                                                        <a href="#URL_DOCUMENT" class="image">
63                                                                                [(#FICHIER|image_passe_partout{540,390}|image_recadre{540,390,center})]
64                                                                        </a>
65                                                                        <div class="caption">
66                                                                                [<h3>(#TITRE)</h3>]
67                                                                                [<p>(#DESCRIPTIF)</p>]
68                                                                        </div>
69                                                                </article>
70                                                                </BOUCLE_doc>
71                                                        </div>
72                                                </B_doc>
73
74                                        </section>
75                                </BOUCLE_galerie>
76
77
78                                <INCLURE{fond=inc/inc_footer} />
79
80
81                        </div>
82                <!-- #Wrapper -->
83
84
85        </body>
86</html>
Note: See TracBrowser for help on using the repository browser.