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