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