[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / sommaire.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 <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
5 [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|textebrut)"/>]
6 <INCLURE{fond=inclure/head}/>
7 <link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css" />
8 </head>
9
10 <body>
11 <header>
12 <INCLURE{fond=inclure/header}/>
13 </header>
14 <section id="wrap">
15 <!--1ERE COLONNE-->
16 <INCLURE{fond=inclure/sites}/>
17
18 <!--2EME COLONNE-->
19 <B_articles>
20 <div class="col-12 col-m-6 col-l-5">
21 <div id="news">
22 <BOUCLE_racine(RUBRIQUES){racine}{par id_rubrique}{0,1}>
23 <h2 class="#EDIT{titre} titre">#TITRE</h2>
24 <div class="#EDIT{texte}">#TEXTE</div>
25 </BOUCLE_racine>
26 <h2 class="titre"><:clavettes:derniers_articles:></h2>
27 <BOUCLE_articles(ARTICLES){0,8}{!par date}> <!-- Ts les articles sauf CLAVETTES -->
28 <div class="article">
29 <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
30 [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
31 </BOUCLE_doc>
32 <h2 class="#EDIT{titre}"><a href="#URL_ARTICLE"><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</a></h2>
33 <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
34 <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
35 <p>#_articles:INTRODUCTION{400}</p>
36 </BOUCLE_rub>
37 </div>
38 </BOUCLE_articles>
39 </div>
40 </div>
41 </B_articles>
42
43 <!--3EME COLONNE-->
44 <div class="col-12 col-m-12 col-l-4">
45 <div class="map">
46 [(#MODELE{carte_gis, autocenterandzoom=oui, fullscreen=oui, height=100%})]
47 </div>
48 </div>
49 <div class="col-12 col-m-12 col-l-4">
50 <div class="agenda">
51 <h2><:clavettes:agenda:></h2>
52 <B_evenements>
53 <ul>
54 <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}>
55 <li>
56 <div class="event">
57 <div class="date">
58 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
59 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
60 </div>
61 <div class="nature">
62 <p class="#EDIT{titre}"><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</p>
63 <BOUCLE_rubrique(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
64 [<p>(#TITRE)</p>]
65 </BOUCLE_rubrique>
66 </div>
67 </div>
68 </li>
69 </BOUCLE_evenements>
70 </ul>
71 </B_evenements>
72 <div class="event">
73 <p><:clavettes:pas_d_evenements:></p>
74 </div>
75 <//B_evenements>
76 </div>
77 </div>
78 </section>
79 <footer>
80 <INCLURE{fond=inclure/footer}/>
81 </footer>
82 </body>
83 </html>