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 <INCLURE{fond=inclure/head}/>
   6 </head>
   7
   8 <body>
   9     <header>
  10         <a href="#">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
  11     </header>
  12     <section id="wrap">
  13 <!--1ERE COLONNE-->
  14         <B_sites>
  15         <div class="col-12 col-m-6 col-l-3">
  16                 <div id="ateliers">
  17                     <ul>
  18                         <BOUCLE_sites(SITES){par hasard}>
  19                         <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
  20                             <a href="#"><h1>#NOM_SITE</h1></a>
  21                             <B_gis>
  22                             <ul>
  23                             <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
  24                                 <li>
  25                                 <a href="#"><h2>#TITRE</h2></a>
  26                                 <a href="#"><h2>#DESCRIPTIF</h2></a>
  27                                 </li>
  28                             </BOUCLE_gis>
  29                             </ul>
  30                             </B_gis>
  31                         </li>
  32                         </BOUCLE_sites>
  33                     </ul>
  34                 </div>
  35         </div>
  36         </B_sites>
  37
  38 <!--2EME COLONNE-->
  39         <B_articles>
  40         <div class="col-12 col-m-6 col-l-5">
  41             <div id="news">
  42                 <BOUCLE_articles(ARTICLES){0,10}{!par date}>
  43                 <div class="article">
  44                     <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
  45                     <a href="#"><h1>#TITRE</h1></a>
  46                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
  47                     <a href="#"><h3>[(#_articles:DATE|affdate)] - #TITRE</h3></a>
  48                     </BOUCLE_rub>
  49                     <a href="#"><p>#INTRODUCTION</p></a>
  50                 </div>
  51                 </BOUCLE_articles>
  52             </div>
  53         </div>
  54         </B_articles>
  55
  56 <!--3EME COLONNE-->
  57         <div class="col-12 col-m-12 col-l-4">
  58                 <div class="map">
  59                     [(#MODELE{carte_gis, zoom=12, fullscreen=oui, height=100%})]
  60                 </div>
  61         </div>
  62         <div class="col-12 col-m-12 col-l-4">
  63             <div class="agenda">
  64                 <h1>Agenda</h1>
  65                 <B_evenements>
  66                 <ul>
  67                 <BOUCLE_evenements(EVENEMENTS){age<0}>
  68                     <li>
  69                         <div class=event>
  70                             <div class="date">
  71                                 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
  72                                 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
  73                             </div>
  74                             <div class="nature">
  75                                 <p>#TITRE</p>
  76                             </div>
  77                         </div>
  78                     </li>
  79                 </BOUCLE_evenements>
  80                 </ul>
  81                 </B_evenements>
  82             </div>
  83         </div>
  84     </section>
  85         <footer>
  86         <div class="textfooter">
  87                 <ul>
  88                         <li>
  89                                 <h3><a href="#">Licence libre</a></h3>
  90                         </li>
  91                         <li>
  92                                 <h3><a href="#">À propos</a></h3>
  93                         </li>
  94                         <li>
  95                                 <h3><a href="#">L'Heureux Cyclage</a></h3>
  96                         </li>
  97                 </ul>
  98         </div>
  99         </footer>
 100 </body>
 101 </html>