[CSS] + boucles responsive

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

diff --git a/sommaire.html b/sommaire.html
index f734690..28cadf4 100644 (file)
--- a/sommaire.html
+++ b/sommaire.html
@@ -15,7 +15,7 @@
         <div class="col-12 col-m-6 col-l-3">
                 <div id="ateliers">
                     <ul>
-                        <BOUCLE_sites(SITES)>
+                        <BOUCLE_sites(SITES){par hasard}>
                         <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
                             <a href="#"><h1>#NOM_SITE</h1></a>
                             <B_gis>
@@ -56,11 +56,7 @@
 <!--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>
+                    [(#MODELE{carte_gis, zoom=12, fullscreen=oui})]
                 </div>
         </div>
         <div class="col-12 col-m-12 col-l-4">
@@ -73,7 +69,7 @@
                         <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>
@@ -86,5 +82,20 @@
             </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>