[CSS] + boucles responsive

[lhc/web/clavettes.git] / sommaire.html

diff --git a/sommaire.html b/sommaire.html
index d3b4e4e..28cadf4 100644 (file)
--- a/sommaire.html
+++ b/sommaire.html
@@ -15,8 +15,8 @@
         <div class="col-12 col-m-6 col-l-3">
                 <div id="ateliers">
                     <ul>
-                        <BOUCLE_sites(SITES)>
-                        <li>
+                        <BOUCLE_sites(SITES){par hasard}>
+                        <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
                             <a href="#"><h1>#NOM_SITE</h1></a>
                             <B_gis>
                             <ul>
@@ -39,12 +39,12 @@
         <B_articles>
         <div class="col-12 col-m-6 col-l-5">
             <div id="news">
-                <BOUCLE_articles(ARTICLES)>
+                <BOUCLE_articles(ARTICLES){0,10}{!par date}>
                 <div class="article">
                     <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"})]</a>
                     <a href="#"><h1>#TITRE</h1></a>
                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
-                    <a href="#"><h3>#_articles:DATE - #TITRE</h3></a>
+                    <a href="#"><h3>[(#_articles:DATE|affdate)] - #TITRE</h3></a>
                     </BOUCLE_rub>
                     <a href="#"><p>#INTRODUCTION</p></a>
                 </div>
@@ -56,12 +56,46 @@
 <!--3EME COLONNE-->
         <div class="col-12 col-m-12 col-l-4">
                 <div class="map">
+                    [(#MODELE{carte_gis, zoom=12, fullscreen=oui})]
                 </div>
         </div>
         <div class="col-12 col-m-12 col-l-4">
             <div class="agenda">
+                <h1>Agenda</h1>
+                <B_evenements>
+                <ul>
+                <BOUCLE_evenements(EVENEMENTS){age<0}>
+                    <li>
+                        <div class=event>
+                            <div class="date">
+                                <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
+                                <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
+                            </div>
+                            <div class="nature">
+                                <p>#TITRE</p>
+                            </div>
+                        </div>
+                    </li>
+                </BOUCLE_evenements>
+                </ul>
+                </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>