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