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 [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|textebrut)"/>]
   6 <INCLURE{fond=inclure/head}/>
   7 <link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css">
   8 </head>
   9
  10 <body>
  11         <h1>Clavette grenobloise - L'heureux Cyclage</h1>
  12     <header>
  13         <a href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
  14     </header>
  15     <section id="wrap">
  16 <!--1ERE COLONNE-->
  17         <INCLURE{fond=inclure/sites}/>
  18
  19 <!--2EME COLONNE-->
  20         <B_articles>
  21         <div class="col-12 col-m-6 col-l-5">
  22             <div id="news">
  23                 <h2 class="titre"><:clavettes:derniers_articles:></h2>
  24                 <BOUCLE_articles(ARTICLES){0,8}{!par date}>
  25                 <div class="article">
  26                     <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
  27                     [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
  28                     </BOUCLE_doc>
  29                     <a href="#URL_ARTICLE"><h2><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</h2></a>
  30                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
  31                     <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
  32                     <p>#_articles:INTRODUCTION{400}</p>
  33                     </BOUCLE_rub>
  34                 </div>
  35                 </BOUCLE_articles>
  36             </div>
  37         </div>
  38         </B_articles>
  39
  40 <!--3EME COLONNE-->
  41         <div class="col-12 col-m-12 col-l-4">
  42             <div class="map">
  43                 [(#MODELE{carte_gis, autocenterandzoom=oui, fullscreen=oui, height=100%})]
  44             </div>
  45         </div>
  46         <div class="col-12 col-m-12 col-l-4">
  47             <div class="agenda">
  48                 <h2><:clavettes:agenda:></h2>
  49                 <B_evenements>
  50                 <ul>
  51                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}>
  52                     <li>
  53                         <div class="event">
  54                             <div class="date">
  55                                 <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
  56                                 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
  57                             </div>
  58                             <div class="nature">
  59                                 <p><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</p>
  60                                 <BOUCLE_rubrique(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
  61                                 <p>(#TITRE)</p>
  62                                 </BOUCLE_rubrique>
  63                             </div>
  64                         </div>
  65                     </li>
  66                     </BOUCLE_evenements>
  67                 </ul>
  68                 </B_evenements>
  69                     <div class="event">
  70                         <p><:clavettes:pas_d_evenements:></p>
  71                     </div>
  72                 <//B_evenements>
  73             </div>
  74         </div>
  75     </section>
  76     <footer>
  77         <INCLURE{fond=inclure/footer}/>
  78     </footer>
  79 </body>
  80 </html>