[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / article.html
index b2ca6ab..857f79c 100644 (file)
@@ -4,48 +4,50 @@
 
 <BOUCLE_article(ARTICLES){id_article}>
 <title>[(#NOM_SITE_SPIP|textebrut)][ - (#TITRE|textebrut)]</title>
+[<meta name="description" content="(#TITRE)"/>]
 <INCLURE{fond=inclure/head}/>
-<link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css">
+<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-5">
+        <div class="col-12 col-m-12 col-l-7">
             <div id=atelierdescription>
                 <div id="news">
-                    <div class="article">
-                        <a href="#"><h1>#TITRE</h1></a>
+                    <div class="articlefull">
+                        <h2 class="#EDIT{titre}">#TITRE</h2>
                         <h3>[(#DATE|affdate)]</h3>
-                        #TEXTE
+                        [(#TEXTE|image_reduire{500,0})]
+                        [<div class="voirenligne"><a href=(#URL_SITE)><:clavettes:voir_en_ligne:></a></div>]
                     </div>
                 </div>
+                <nav>
+                    <a href="#URL_SITE_SPIP" title="<:clavettes:retour_accueil:>"><i class="fa fa-arrow-circle-left"></i> <:clavettes:retour_accueil:></a>
+                </nav>
             </div>
         </div>
 
 <!--2EME COLONNE-->
-        <div class="col-12 col-m-12 col-l-4">
+        <div class="col-12 col-m-12 col-l-5">
                 <B_articles_autres>
                 <div id="news">
                     <h2 class="titre"><:clavettes:a_lire_aussi:></h2>
                     <BOUCLE_articles_autres(ARTICLES){!id_article}{id_rubrique=#ID_RUBRIQUE}{!par date}{0,8}>
                     <div class="article">
-                        <a href="#URL_ARTICLE"><h1>#TITRE</h1></a>
+                        <h2 class="#EDIT{titre}"><a href="#URL_ARTICLE">#TITRE</a></h2>
                         <h3>[(#DATE|affdate)]</h3>
-                        <p>#INTRODUCTION</p>
+                        <p>#INTRODUCTION{400}</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>
                     </div>
                     </BOUCLE_articles_autres>
                 </div>
                 </B_articles_autres>
-                <nav>
-                    <a href="#URL_SITE_SPIP" title="Retour à l'accueil"><i class="fa fa-arrow-circle-left"></i> Retour à l'accueil</a>
-                </nav>
         </div>
     </section>
 </BOUCLE_article>