[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / rubrique.html
index 23a775a..8012b14 100644 (file)
@@ -4,37 +4,40 @@
 
 <BOUCLE_rubriques(RUBRIQUES){id_rubrique}>
 <title>[(#NOM_SITE_SPIP|textebrut)][ - (#TITRE|textebrut)]</title>
+[<meta name="description" content="(#DESCRIPTIF|textebrut)"/>]
 <INCLURE{fond=inclure/head}/>
+<link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css" />
 </head>
 
 <body>
     <header>
-        <a href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
+        <INCLURE{fond=inclure/header}/>
     </header>
     <section id="wrap">
+
 <!--1ERE COLONNE-->
         <div class="col-12 col-m-6 col-l-3">
         <B_sites>
+
+
                 <div id="ateliers">
                     <BOUCLE_sites(SITES){id_rubrique}{0,1}>
                     <ul>
                         <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                            <a href="#"><h1>#NOM_SITE</h1></a>
+                            <h2 class="#EDIT{nom_site}">#NOM_SITE</h2>
                             <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
-                                    <h2>• #TITRE</h2>
-                                    <address>
-                                        #ADRESSE
-                                        <p>#CODE_POSTAL #VILLE</p>
-                                    </address>
-                                    <div class="descriptif">#DESCRIPTIF</div>
+                            <h3 class="#EDIT{titre}">• #TITRE</h3>
+                            <address>
+                                [<div class="#EDIT{adresse}">(#ADRESSE)</div>]
+                                <p>#CODE_POSTAL #VILLE</p>
+                            </address>
+                            [<div class="#EDIT{descriptif} descriptif">(#DESCRIPTIF)</div>]
                             </BOUCLE_gis>
                         </li>
                     </ul>
-                    <div class="logoatelier">
-                        #LOGO_SITE
-                    </div>
+                    [<div class="#EDIT{logo} logoatelier">(#LOGO_RUBRIQUE|image_reduire{200,200})</div>]
                     <nav>
-                           <a href="#">Retour à l'accueil</a>
+                        <a href="#URL_SITE_SPIP" title=":clavettes:retour_accueil:"><i class="fa fa-arrow-circle-left"></i> <:clavettes:retour_accueil:></a>
                     </nav>
                     </BOUCLE_sites>
                 </div>
 <!--2EME COLONNE-->
         <div class="col-12 col-m-6 col-l-5">
             <div id=atelierdescription>
-                <div class="article">
-                    <h1>#TITRE</h1>
-                    <h3>???</h3>
-                    <p>#TEXTE</p>
+                <div class="articlefull">
+                    <h2 class="#EDIT{titre}">#TITRE</h2>
+                    <h3><:clavettes:historique:><h3>
+                    [<div class="#EDIT{texte}">(#TEXTE)</div>]
+                    <BOUCLE_site_lien(SITES){id_rubrique}{0,1}>
+                    [<div class="#EDIT{url_site} urlsites"><a href="#URL_SITE">(#URL_SITE)</a></div>]
+                    </BOUCLE_site_lien>
                 </div>
                 <B_articles>
                 <div id="news">
+                    <h2 class="titre"><:clavettes:derniers_articles:></h2>
                     <BOUCLE_articles(ARTICLES){0,8}{!par date}{id_rubrique}>
                     <div class="article">
-                        <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
-                        <a href="#"><h1>#TITRE</h1></a>
-                        <h3>[(#DATE|affdate)]</h3>
-                        <p>#INTRODUCTION</p>
                         <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
-                            <img src="#FICHIER">
+                        [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
                         </BOUCLE_doc>
+                        <h2 class="#EDIT{titre}"><a href="#URL_ARTICLE">#TITRE</a>/<h2>
+                        <h3>[(#DATE|affdate)]</h3>
+                        <p>#INTRODUCTION{400}</p>
                     </div>
                     </BOUCLE_articles>
                 </div>
         <div class="col-12 col-m-12 col-l-4">
             <BOUCLE_carte(SITES){id_rubrique}>
             <div class="map">
-                [(#INCLURE{fond=modeles/carte_gis, objet=site, id_objet=#ID_SYNDIC, fullscreen=oui, autocenterandzoom=oui, height=100%})]
+                [(#INCLURE{fond=modeles/carte_gis, objet=site, id_objet=#ID_SYNDIC, fullscreen=oui, autocenterandzoom=oui, height=100%, zoom=15})]
             </div>
             </BOUCLE_carte>
         </div>
         <div class="col-12 col-m-12 col-l-4">
             <div class="agenda"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                <h1><:clavettes:agenda:></h1>
+                <h2><:clavettes:agenda:></h2>
                 <B_evenements>
                 <ul>
                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}{id_rubrique}>
@@ -88,7 +94,7 @@
                                 <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
                             </div>
                             <div class="nature">
-                                <p>#TITRE</p>
+                                <p class="#EDIT{titre}">#TITRE[ - (#LIEU)][ - (#ADRESSE)]</p>
                             </div>
                         </div>
                     </li>
             </div>
         </div>
     </section>
+    <footer>
+        <INCLURE{fond=inclure/footer}/>
+    </footer>
 </BOUCLE_rubriques>
-       <footer>
-       <div class="textfooter">
-               <ul>
-                       <li>
-                               <h3><a href="#">Licence libre</a></h3>
-                       </li>
-                       <li>
-                               <h3><a href="#">À propos</a></h3>
-                       </li>
-                       <li>
-                               <h3><a href="#">L'Heureux Cyclage</a></h3>
-                       </li>
-               </ul>
-       </div>
-       </footer>
 </body>
 </html>