[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / rubrique.html
index 3c52540..8012b14 100644 (file)
@@ -4,32 +4,41 @@
 
 <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 #CODE_POSTAL #VILLE</address>
-                                    <div class="descriptif"><p>#DESCRIPTIF</p></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>
-                    <center><div class="logoatelier">
-                        #LOGO_SITE
-                    </div></center>
+                    [<div class="#EDIT{logo} logoatelier">(#LOGO_RUBRIQUE|image_reduire{200,200})</div>]
+                    <nav>
+                        <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>
         </B_sites>
 <!--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>
+                        <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
+                        [(#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</p>
+                        <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">
-                <h1>Agenda</h1>
+            <div class="agenda"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
+                <h2><:clavettes:agenda:></h2>
                 <B_evenements>
                 <ul>
                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}{id_rubrique}>
                                 <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>
                     </BOUCLE_evenements>
                 </ul>
                 </B_evenements>
+                    <div class="event">
+                        <p><:clavettes:pas_d_evenements:></p>
+                    </div>
+                <//B_evenements>
             </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>