Add header, modify bann img for spip
[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 [<meta name="description" content="(#DESCRIPTIF|textebrut)"/>]
8 <INCLURE{fond=inclure/head}/>
9 <link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css" />
10 </head>
11
12 <body>
13 <header>
14 <INCLURE{fond=inclure/header}/>
15 </header>
16 <section id="wrap">
17 <!--1ERE COLONNE-->
18
19
20
21 <div class="col-12 col-m-6 col-l-3">
22 <B_sites>
23
24
25 <div id="ateliers">
26 <BOUCLE_sites(SITES){id_rubrique}{0,1}>
27 <ul>
28 <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
29 <a href="#"><h2>#NOM_SITE</h2></a>
30 <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
31 <h3>• #TITRE</h3>
32 <address>
33 #ADRESSE
34 <p>#CODE_POSTAL #VILLE</p>
35 </address>
36 <div class="descriptif">#DESCRIPTIF</div>
37
38 </BOUCLE_gis>
39 </li>
40 </ul>
41
42 <div class="logoatelier"> [(#LOGO_RUBRIQUE|image_reduire{200,200})] </div>
43
44
45 <nav>
46 <a href="#URL_SITE_SPIP" title=":clavettes:retour_accueil:"><i class="fa fa-arrow-circle-left"></i> <:clavettes:retour_accueil:></a>
47 </nav>
48 </BOUCLE_sites>
49 </div>
50 </B_sites>
51 </div>
52
53 <!--2EME COLONNE-->
54 <div class="col-12 col-m-6 col-l-5">
55 <div id=atelierdescription>
56 <div class="articlefull">
57 <h2>#TITRE</h2>
58 <h3><:clavettes:historique:><h3>
59 #TEXTE
60 <BOUCLE_site_lien(SITES){id_rubrique}{0,1}>
61 <div class="urlsites"><a href="#URL_SITE">#URL_SITE</a></div>
62 </BOUCLE_site_lien>
63 </div>
64 <B_articles>
65 <div id="news">
66 <h2 class="titre"><:clavettes:derniers_articles:></h2>
67
68 <BOUCLE_articles(ARTICLES){0,8}{!par date}{id_rubrique}>
69 <div class="article">
70 <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
71 [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
72 </BOUCLE_doc>
73 <a href="#URL_ARTICLE"><h2>#TITRE</h2></a>
74 <h3>[(#DATE|affdate)]</h3>
75 <p>#INTRODUCTION{400}</p>
76 </div>
77 </BOUCLE_articles>
78 </div>
79 </B_articles>
80 </div>
81 </div>
82
83 <!--3EME COLONNE-->
84 <div class="col-12 col-m-12 col-l-4">
85 <BOUCLE_carte(SITES){id_rubrique}>
86 <div class="map">
87 [(#INCLURE{fond=modeles/carte_gis, objet=site, id_objet=#ID_SYNDIC, fullscreen=oui, autocenterandzoom=oui, height=100%})]
88 </div>
89 </BOUCLE_carte>
90 </div>
91 <div class="col-12 col-m-12 col-l-4">
92 <div class="agenda"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
93 <h2><:clavettes:agenda:></h2>
94 <B_evenements>
95 <ul>
96 <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}{id_rubrique}>
97 <li>
98 <div class="event">
99 <div class="date">
100 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
101 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
102 </div>
103 <div class="nature">
104 <p>#TITRE[ - (#LIEU)][ - (#ADRESSE)]</p>
105 </div>
106 </div>
107 </li>
108 </BOUCLE_evenements>
109 </ul>
110 </B_evenements>
111 <div class="event">
112 <p><:clavettes:pas_d_evenements:></p>
113 </div>
114 <//B_evenements>
115 </div>
116 </div>
117 </section>
118 <footer>
119 <INCLURE{fond=inclure/footer}/>
120 </footer>
121 </BOUCLE_rubriques>
122 </body>
123 </html>