[SKEL] ~redimensionnement automatique des images dans le corps des articles

[lhc/web/clavettes.git] / sommaire.html
diff --git a/sommaire.html b/sommaire.html

index 0654134..96d4609 100644 (file)
--- a/sommaire.html
+++ b/sommaire.html
@@ -1,13 +1,83 @@
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
+[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|textebrut)"/>]
  <INCLURE{fond=inclure/head}/>
+<link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css" />
  </head>
  
  <body>
      <header>
-        <a href="#">[(#LOGO_SITE_SPIP)]</a>
+        <INCLURE{fond=inclure/header}/>
      </header>
-    Pouet
+    <section id="wrap">
+<!--1ERE COLONNE-->
+        <INCLURE{fond=inclure/sites}/>
+
+<!--2EME COLONNE-->
+        <B_articles>
+        <div class="col-12 col-m-6 col-l-5">
+            <div id="news">
+            <BOUCLE_racine(RUBRIQUES){racine}{par id_rubrique}{0,1}>
+            <h2 class="#EDIT{titre} titre">#TITRE</h2>
+            <div class="#EDIT{texte}">#TEXTE</div>
+            </BOUCLE_racine>
+            <h2 class="titre"><:clavettes:derniers_articles:></h2>
+            <BOUCLE_articles(ARTICLES){0,8}{!par date}> <!-- Ts les articles sauf CLAVETTES  -->
+            <div class="article">
+                <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"><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</a></h2>
+                <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
+                <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
+                <p>#_articles:INTRODUCTION{400}</p>
+                </BOUCLE_rub>
+            </div>
+            </BOUCLE_articles>
+            </div>
+        </div>
+        </B_articles>
+
+<!--3EME COLONNE-->
+        <div class="col-12 col-m-12 col-l-4">
+            <div class="map">
+                [(#MODELE{carte_gis, autocenterandzoom=oui, fullscreen=oui, height=100%})]
+            </div>
+        </div>
+        <div class="col-12 col-m-12 col-l-4">
+            <div class="agenda">
+                <h2><:clavettes:agenda:></h2>
+                <B_evenements>
+                <ul>
+                    <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}>
+                    <li>
+                        <div class="event">
+                            <div class="date">
+                                <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
+                                <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
+                            </div>
+                            <div class="nature">
+                                <p class="#EDIT{titre}"><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</p>
+                                <BOUCLE_rubrique(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
+                                [<p>(#TITRE)</p>]
+                                </BOUCLE_rubrique>
+                            </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>
  </body>
  </html>