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="#URL_SITE_SPIP">[(#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="#URL_RUBRIQUE"><h1>#NOM_SITE</h1></a>
  21                         <B_gis>
  22                         <ul>
  23                         <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
  24                             <li>
  25                                 <h2>• #TITRE</h2>
  26                                 <address>
  27                                     #ADRESSE
  28                                     <p>#CODE_POSTAL #VILLE</p>
  29                                 </address>
  30                                 <div class="descriptif">#DESCRIPTIF</div>
  31                             </li>
  32                         </BOUCLE_gis>
  33                         </ul>
  34                         </B_gis>
  35                     </li>
  36                     </BOUCLE_sites>
  37                 </ul>
  38             </div>
  39         </div>
  40         </B_sites>
  41
  42 <!--2EME COLONNE-->
  43         <B_articles>
  44         <div class="col-12 col-m-6 col-l-5">
  45             <div id="news">
  46                 <BOUCLE_articles(ARTICLES){0,8}{!par date}>
  47                 <div class="article">
  48                     <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
  49                     <a href="#"><h1>#TITRE</h1></a>
  50                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
  51                     <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
  52                     </BOUCLE_rub>
  53                     <p>#INTRODUCTION</p>
  54                 </div>
  55                 </BOUCLE_articles>
  56             </div>
  57         </div>
  58         </B_articles>
  59
  60 <!--3EME COLONNE-->
  61         <div class="col-12 col-m-12 col-l-4">
  62             <div class="map">
  63                 [(#MODELE{carte_gis, autocenterandzoom=oui, fullscreen=oui, height=100%})]
  64             </div>
  65         </div>
  66         <B_evenements>
  67         <div class="col-12 col-m-12 col-l-4">
  68             <div class="agenda">
  69                 <h1>Agenda</h1>
  70                 <ul>
  71                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}>
  72                     <li>
  73                         <div class="event">
  74                             <div class="date">
  75                                 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
  76                                 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
  77                             </div>
  78                             <div class="nature">
  79                                 <p>#TITRE</p>
  80                                 <BOUCLE_rubrique(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
  81                                 <p>(#TITRE)</p>
  82                                 </BOUCLE_rubrique>
  83                             </div>
  84                         </div>
  85                     </li>
  86                 </BOUCLE_evenements>
  87                 </ul>
  88             </div>
  89         </div>
  90         </B_evenements>
  91     </section>
  92         <footer>
  93         <div class="textfooter">
  94                 <ul>
  95                         <li>
  96                                 <h3><a href="#">Licence libre</a></h3>
  97                         </li>
  98                         <li>
  99                                 <h3><a href="#">À propos</a></h3>
 100                         </li>
 101                         <li>
 102                                 <h3><a href="#">L'Heureux Cyclage</a></h3>
 103                         </li>
 104                 </ul>
 105         </div>
 106         </footer>
 107 </body>
 108 </html>