[SKEL] ~redimensionnement automatique des images dans le corps des articles
[lhc/web/clavettes.git] / article.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4
5 <BOUCLE_article(ARTICLES){id_article}>
6 <title>[(#NOM_SITE_SPIP|textebrut)][ - (#TITRE|textebrut)]</title>
7 [<meta name="description" content="(#TITRE)"/>]
8 <INCLURE{fond=inclure/head}/>
9 <link rel="stylesheet" href="plugins/clavettes/css/font-awesome/css/font-awesome.min.css" />
10 </head>
11
12 <body>
13 <header>
14 <INCLURE{fond=inclure/header}/>
15 </header>
16 <section id="wrap">
17 <!--1ERE COLONNE-->
18 <div class="col-12 col-m-12 col-l-7">
19 <div id=atelierdescription>
20 <div id="news">
21 <div class="articlefull">
22 <h2 class="#EDIT{titre}">#TITRE</h2>
23 <h3>[(#DATE|affdate)]</h3>
24 [(#TEXTE|image_reduire{500,0})]
25 [<div class="voirenligne"><a href=(#URL_SITE)><:clavettes:voir_en_ligne:></a></div>]
26 </div>
27 </div>
28 <nav>
29 <a href="#URL_SITE_SPIP" title="<:clavettes:retour_accueil:>"><i class="fa fa-arrow-circle-left"></i> <:clavettes:retour_accueil:></a>
30 </nav>
31 </div>
32 </div>
33
34 <!--2EME COLONNE-->
35 <div class="col-12 col-m-12 col-l-5">
36 <B_articles_autres>
37 <div id="news">
38 <h2 class="titre"><:clavettes:a_lire_aussi:></h2>
39 <BOUCLE_articles_autres(ARTICLES){!id_article}{id_rubrique=#ID_RUBRIQUE}{!par date}{0,8}>
40 <div class="article">
41 <h2 class="#EDIT{titre}"><a href="#URL_ARTICLE">#TITRE</a></h2>
42 <h3>[(#DATE|affdate)]</h3>
43 <p>#INTRODUCTION{400}</p>
44 <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
45 [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
46 </BOUCLE_doc>
47 </div>
48 </BOUCLE_articles_autres>
49 </div>
50 </B_articles_autres>
51 </div>
52 </section>
53 </BOUCLE_article>
54 <footer>
55 <INCLURE{fond=inclure/footer}/>
56 </footer>
57 </body>
58 </html>