[SKEL+CSS] + titres colonnes 1 et 2
[lhc/web/clavettes.git] / rubrique.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4
5 <BOUCLE_rubriques(RUBRIQUES){id_rubrique}>
6 <title>[(#NOM_SITE_SPIP|textebrut)][ - (#TITRE|textebrut)]</title>
7 <INCLURE{fond=inclure/head}/>
8 <link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css">
9 </head>
10
11 <body>
12 <header>
13 <a href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
14 </header>
15 <section id="wrap">
16 <!--1ERE COLONNE-->
17 <div class="col-12 col-m-6 col-l-3">
18 <B_sites>
19 <div id="ateliers">
20 <BOUCLE_sites(SITES){id_rubrique}{0,1}>
21 <ul>
22 <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
23 <a href="#"><h1>#NOM_SITE</h1></a>
24 <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
25 <h2>• #TITRE</h2>
26 <address>
27 #ADRESSE
28 <p>#CODE_POSTAL #VILLE</p>
29 </address>
30 <div class="descriptif">#DESCRIPTIF</div>
31 </BOUCLE_gis>
32 </li>
33 </ul>
34 <div class="logoatelier">
35 #LOGO_SITE
36 </div>
37 <nav>
38 <a href="#URL_SITE_SPIP" title="Retour à l'accueil"><i class="fa fa-arrow-circle-left"></i> Retour à l'accueil</a>
39 </nav>
40 </BOUCLE_sites>
41 </div>
42 </B_sites>
43 </div>
44
45 <!--2EME COLONNE-->
46 <div class="col-12 col-m-6 col-l-5">
47 <div id=atelierdescription>
48 <div class="article">
49 <h1>#TITRE</h1>
50 <h3>???</h3>
51 <p>#TEXTE</p>
52 </div>
53 <B_articles>
54 <div id="news">
55 <BOUCLE_articles(ARTICLES){0,8}{!par date}{id_rubrique}>
56 <div class="article">
57 <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
58 <a href="#"><h1>#TITRE</h1></a>
59 <h3>[(#DATE|affdate)]</h3>
60 <p>#INTRODUCTION</p>
61 <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
62 <img src="#FICHIER">
63 </BOUCLE_doc>
64 </div>
65 </BOUCLE_articles>
66 </div>
67 </B_articles>
68 </div>
69 </div>
70
71 <!--3EME COLONNE-->
72 <div class="col-12 col-m-12 col-l-4">
73 <BOUCLE_carte(SITES){id_rubrique}>
74 <div class="map">
75 [(#INCLURE{fond=modeles/carte_gis, objet=site, id_objet=#ID_SYNDIC, fullscreen=oui, autocenterandzoom=oui, height=100%})]
76 </div>
77 </BOUCLE_carte>
78 </div>
79 <div class="col-12 col-m-12 col-l-4">
80 <div class="agenda"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
81 <h1><:clavettes:agenda:></h1>
82 <B_evenements>
83 <ul>
84 <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}{id_rubrique}>
85 <li>
86 <div class="event">
87 <div class="date">
88 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
89 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
90 </div>
91 <div class="nature">
92 <p>#TITRE</p>
93 </div>
94 </div>
95 </li>
96 </BOUCLE_evenements>
97 </ul>
98 </B_evenements>
99 <div class="event">
100 <p><:clavettes:pas_d_evenements:></p>
101 </div>
102 <//B_evenements>
103 </div>
104 </div>
105 </section>
106 <footer>
107 <INCLURE{fond=inclure/footer}/>
108 </footer>
109 </BOUCLE_rubriques>
110 </body>
111 </html>