source: spip-zone/_squelettes_/html5up_bigpicture/sommaire.html @ 95822

Last change on this file since 95822 was 95822, checked in by teddy.spip@…, 4 years ago

Le plugin fonctionne en SPIP 3.0.

  • Utilisation de #CHEMIN pour trouver les fichiers ;
  • Une condition sur la page sommaire pour l'utilisation du modèle de GIS.

TODO : ne pas surcharger les fichiers css de SPIP directement mais plutôt intégrer les surcharges dans un fichier propre au plugin.

File size: 3.9 KB
Line 
1<!DOCTYPE HTML>
2<html>
3        <head>
4                <title>[(#NOM_SITE_SPIP|textebrut)]</title>
5                <meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
6                <meta name="description" content="" />
7                <meta name="keywords" content="" />
8                <INCLURE{fond=inclure/head} />
9
10        </head>
11        <body>
12
13                <!-- Header -->
14                        <header id="header">
15
16                                <!-- Logo -->
17                                        <h1 id="logo"><a href="#">[(#LOGO_SITE_SPIP|image_reduire{*,40}) ][(#NOM_SITE_SPIP|textebrut)]</a></h1>
18
19                                <!-- Nav -->
20                                        <nav id="nav">
21                                                <ul>
22                                                        <li><a href="#intro">Accueil</a></li>
23                                                        <BOUCLE_navarticles (ARTICLES) {par titre} {!titre_mot=galerie}{!titre_mot=mentions}>
24                                                        <li><a href="#art#ID_ARTICLE">#TITRE</a></li>
25                                                        </BOUCLE_navarticles>
26                                                        <li><a href="#contact">Contact</a></li>
27                                                </ul>
28                                        </nav>
29
30                        </header>
31
32                <!-- Intro -->
33                        <section id="intro" class="main style1 dark fullscreen" style="background-image: url([IMG/(#LOGO_RUBRIQUE|fichier)]);background-size: cover;
34    -webkit-background-size: cover;
35    -moz-background-size: cover;
36    -o-background-size: cover;background-attachment: fixed, fixed;">
37                                <div class="content container small">
38                                        <header>
39                                        [<h2>(#LOGO_SITE_SPIP|image_reduire{*,120})</h2>]
40                                                <h2>[(#NOM_SITE_SPIP|textebrut)]</h2>
41                                        </header>
42                                        <p>[(#SLOGAN_SITE_SPIP)]</p>
43                                        <footer>
44                                                <BOUCLE_article1 (ARTICLES) {par titre} {!titre_mot=galerie}{0,1}>
45                                                <a href="#art#ID_ARTICLE" class="button style2 down">More</a>
46                                                </BOUCLE_article1>
47                                        </footer>
48                                </div>
49                        </section>
50
51                <!-- One -->
52                <BOUCLE_articles (ARTICLES) {par titre} {!titre_mot=galerie}{!titre_mot=mentions}>
53
54                        <section id="art#ID_ARTICLE" class="[(#COMPTEUR_BOUCLE|alterner{'main style2 right dark fullscreen','main style2 left dark fullscreen'})]" style="background-image: url([IMG/(#LOGO_ARTICLE_RUBRIQUE|fichier)]);background-size: cover;
55    -webkit-background-size: cover;
56    -moz-background-size: cover;
57    -o-background-size: cover;background-attachment: fixed, fixed;">
58                                <div class="content box style2" style="background-image: url('[(#CHEMIN{images/olives2.png})]') ;background-repeat:no-repeat;background-position:right bottom; ">
59                                        <header>
60                                                <h2>#TITRE</h2>
61
62                                        </header>
63
64                        <p>#TEXTE</p>
65                        [(#INCLURE{fond=inclure/documents,id_article, env})]
66                                </div>
67
68                        </section>
69                </BOUCLE_articles>
70
71
72                <!-- Contact -->
73                        <BOUCLE_principale(AUTEURS){titre_mot=contact}{! email}{0,1} >
74                        <section id="contact" class="main style3 secondary">
75                                <div class="content container">
76                                        <header>
77                                                <h2>Bonjour. Hello.<br/>As-salām ʻaláykum.</h2>
78                                                <p>#BIO</p>
79                                        </header>
80                                        <div class="box container small">
81
82                                                        #FORMULAIRE_ECRIRE_AUTEUR
83
84                                        </div>
85                                </div>
86                        </section>
87                        </BOUCLE_principale>
88
89                [(#PLUGIN{gis}|oui)
90                                <div class="geo" id="geo">
91                [(#MODELE{carte_gis,autocenterandzoom=oui, limit=100, scale=oui, zoom_wheel=non,fullscreen=oui})]
92        </div><!--  End geo  -->]
93
94                <!-- Footer -->
95                        <footer id="footer">
96
97                                <!--
98                                     Social Icons
99
100                                     Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
101                                --><!--
102                                        <ul class="actions">
103
104                                                <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
105                                                <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li><li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
106                                                <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
107                                                <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
108                                                <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
109                                        </ul>-->
110
111                                <!-- Menu -->
112                                        <ul class="menu">
113                                                <li>&copy; [(#NOM_SITE_SPIP|textebrut)]</li>
114                                                <li>Made in Vallee Verte Haute-Savoie by <a href="http://ticplus.fr/">tic+</a></li>
115                                        </ul>
116
117                        </footer>
118
119        </body>
120</html>
Note: See TracBrowser for help on using the repository browser.