[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / article.html
index b05fc11..857f79c 100644 (file)
@@ -4,28 +4,30 @@
 
 <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-12 col-l-7">
             <div id=atelierdescription>
                 <div id="news">
-                    <div class="article">
-                        <h1>#TITRE</h1>
+                    <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="Retour à l'accueil"><i class="fa fa-arrow-circle-left"></i> Retour à l'accueil</a>
-                               </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>
 
                     <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>