[SKEL] +image de rubrique au hasard en bas des articles
[lhc/web/clavettes.git] / sommaire.html
index f734690..d0dbed8 100644 (file)
@@ -7,31 +7,35 @@
 
 <body>
     <header>
-        <a href="#">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
+        <a href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
     </header>
     <section id="wrap">
 <!--1ERE COLONNE-->
         <B_sites>
         <div class="col-12 col-m-6 col-l-3">
-                <div id="ateliers">
-                    <ul>
-                        <BOUCLE_sites(SITES)>
-                        <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                            <a href="#"><h1>#NOM_SITE</h1></a>
-                            <B_gis>
-                            <ul>
-                            <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
-                                <li>
-                                <a href="#"><h2>#TITRE</h2></a>
-                                <a href="#"><h2>#DESCRIPTIF</h2></a>
-                                </li>
-                            </BOUCLE_gis>
-                            </ul>
-                            </B_gis>
-                        </li>
-                        </BOUCLE_sites>
-                    </ul>
-                </div>
+            <div id="ateliers">
+                <ul>
+                    <BOUCLE_sites(SITES){par hasard}>
+                    <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
+                        <a href="#URL_RUBRIQUE"><h1>#NOM_SITE</h1></a>
+                        <B_gis>
+                        <ul>
+                        <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
+                            <li>
+                                <h2>• #TITRE</h2>
+                                <address>
+                                    #ADRESSE
+                                    <p>#CODE_POSTAL #VILLE</p>
+                                </address>
+                                <div class="descriptif">#DESCRIPTIF</div>
+                            </li>
+                        </BOUCLE_gis>
+                        </ul>
+                        </B_gis>
+                    </li>
+                    </BOUCLE_sites>
+                </ul>
+            </div>
         </div>
         </B_sites>
 
         <B_articles>
         <div class="col-12 col-m-6 col-l-5">
             <div id="news">
-                <BOUCLE_articles(ARTICLES){0,10}{!par date}>
+                <BOUCLE_articles(ARTICLES){0,8}{!par date}>
                 <div class="article">
-                    <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"})]</a>
+                    <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
                     <a href="#"><h1>#TITRE</h1></a>
                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
-                    <a href="#"><h3>[(#_articles:DATE|affdate)] - #TITRE</h3></a>
+                    <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
+                    <p>#_articles:INTRODUCTION</p>
+                    <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
+                        <img src="#FICHIER">
+                    </BOUCLE_doc>
                     </BOUCLE_rub>
-                    <a href="#"><p>#INTRODUCTION</p></a>
                 </div>
                 </BOUCLE_articles>
             </div>
 
 <!--3EME COLONNE-->
         <div class="col-12 col-m-12 col-l-4">
-                <div class="map">
-                    <iframe
-                        width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
-                        src="http://www.heureux-cyclage.org/?page=carte_de_sites_plein&groupe=Ateliers&boite=non&images=oui&haut=400&pk_campaign=Carte Ateliers&lat=45.16582097577153&lon=5.726451873779297&zoom=12&iframe=non&lang=fr"
-                        style="border: 1px solid black">
-                    </iframe>
-                </div>
+            <div class="map">
+                [(#MODELE{carte_gis, autocenterandzoom=oui, fullscreen=oui, height=100%})]
+            </div>
         </div>
         <div class="col-12 col-m-12 col-l-4">
             <div class="agenda">
-                <h1>Agenda</h1>
+                <h1><:clavettes:agenda:></h1>
                 <B_evenements>
                 <ul>
-                <BOUCLE_evenements(EVENEMENTS){age<0}>
+                    <BOUCLE_evenements(EVENEMENTS){age<=-600}{0,5}{par date_debut}>
                     <li>
-                        <div class=event>
+                        <div class="event">
                             <div class="date">
                                 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
-                                <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
+                                <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
                             </div>
                             <div class="nature">
                                 <p>#TITRE</p>
+                                <BOUCLE_rubrique(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
+                                <p>(#TITRE)</p>
+                                </BOUCLE_rubrique>
                             </div>
                         </div>
                     </li>
-                </BOUCLE_evenements>
+                    </BOUCLE_evenements>
                 </ul>
                 </B_evenements>
+                    <div class="event">
+                        <p><:clavettes:pas_d_evenements:></p>
+                    </div>
+                <//B_evenements>
             </div>
         </div>
     </section>
+       <footer>
+       <div class="textfooter">
+               <ul>
+                       <li>
+                               <h3><a href="#">Licence libre</a></h3>
+                       </li>
+                       <li>
+                               <h3><a href="#">À propos</a></h3>
+                       </li>
+                       <li>
+                               <h3><a href="#">L'Heureux Cyclage</a></h3>
+                       </li>
+               </ul>
+       </div>
+       </footer>
 </body>
 </html>