From 3d60fac26639a9f188a329a4dd328e4056c79081 Mon Sep 17 00:00:00 2001
From: Pierre <pierre.lecomte.86@gmail.com>
Date: Tue, 21 Jan 2020 18:24:49 +0100
Subject: [PATCH] Ajout section "A la une" avec blocs articles

---
 content/sommaire.html      | 17 ++++++++++++-
 css/_sq_balint.scss        | 52 +++++++++++++++++++++++++++++++++++---
 inclure/bloc_article.html  | 35 ++++++-------------------
 inclure/photo_article.html |  8 +++---
 4 files changed, 77 insertions(+), 35 deletions(-)

diff --git a/content/sommaire.html b/content/sommaire.html
index aeb0e5a..ea82ccb 100644
--- a/content/sommaire.html
+++ b/content/sommaire.html
@@ -49,7 +49,8 @@
 
 <section id="a-la-une">
 	<div class="container">
-		<div class="row">
+		<h3>À la une</h3>
+		<div class="row liste-articles">
 			<BOUCLE_a_la_une(ARTICLES){titre_mot=a_la_une}>
 				<div class="col-md-4">
 					<INCLURE{fond=inclure/bloc_article, env, id_article}/>
@@ -58,3 +59,17 @@
 		</div>
 	</div>
 </section>
+
+<section id="nous-contacter">
+	<div class="container">
+		<h3>Nous contacter</h3>
+		<div class="row">
+			<div class="col-md-6">
+				<INCLURE{fond=inclure/bloc_article, env, id_article}/>
+			</div>
+			<div class="col-md-6">
+				<INCLURE{fond=inclure/bloc_article, env, id_article}/>
+			</div>
+		</div>
+	</div>
+</section>
diff --git a/css/_sq_balint.scss b/css/_sq_balint.scss
index abf48ae..f3c49da 100644
--- a/css/_sq_balint.scss
+++ b/css/_sq_balint.scss
@@ -98,8 +98,8 @@ a, a:hover {
 	background: $bg-mis-en-avant;
 	background-size: cover;
 	background-repeat: no-repeat;
-	.row{
-		padding: 3rem 0;
+	.container{
+		padding: 4rem 0;
 		> div{
 			margin: 2px 0;
 		}
@@ -113,9 +113,10 @@ a, a:hover {
 	flex-direction: column;
 	text-align: center;
 	h3{
+		font-weight: 700;
+		text-transform: uppercase;
 		margin: 1.5rem;
 		color: $bg-diapo-texte;
-		font-weight: 700;
 	}
 	h4{
 		font-weight:500;
@@ -128,7 +129,50 @@ a, a:hover {
 
 #a-la-une{
 	background: $bg-a-la-une;
-	height: 500px;
+	.container{
+		padding: 4rem 0;
+	}
+	h3{
+		font-weight: 700;
+		text-transform: uppercase;
+		padding: 1rem;
+	}
+}
+
+.liste-articles{
+	.bloc-article {
+		height: 100%;
+		background: white;
+		outline: 1px solid #DDD;
+		a {
+			min-height: 100%;
+			h2 {
+				text-align: left;
+			}
+		}
+	}
+	.bloc-contenu{
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		width: 100%;
+		min-height: 100%;
+		position: relative;
+	}
+
+	.photo_article{
+		max-width: 100%;
+		height: auto;
+	}
+
+	.bloc-textes{
+		padding: 1.5rem;
+		flex-grow: 1;
+	}
+
+	.resume-article{
+		flex-grow: 1;
+	}
 }
 
 /**********************************************************************/
diff --git a/inclure/bloc_article.html b/inclure/bloc_article.html
index b7933bf..55bdee3 100644
--- a/inclure/bloc_article.html
+++ b/inclure/bloc_article.html
@@ -4,36 +4,17 @@
 		<div class="bloc-contenu">
 			<a href="#URL_ARTICLE" title="Lire l'article">
 				<INCLURE{fond=inclure/photo_article,env,id_article=#ENV{id_article},ajax=recharger_photo}>
-				<h2 class="h3-like">#TITRE</h2>
-				[<h3 class="h4-like">(#SOUSTITRE|couper{150})</h3>]
-				[<div class="texte">(#TEXTE|couper{150})</div>]
 			</a>
-			
-			<div class="mots">
-			<BOUCLE_aff(CONDITION){si #CONFIG{balint/tags_blocs}|!={non}}>
-				<div class="am_mots">
-				[(#REM) 
-					n'afficher que les mots-clés ou tags dont le groupe est "important" 
-				]
-				<BOUCLE_mots(MOTS){id_article}{!id_groupe=#ENV{id_grpe_tags}}{id_groupe IN #ENV{grpes_importants}}>
-					<a href="[(#URL_MOT)]" class="tag tags mrs" data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
-						<i class="fas fa-tag"></i>[(#TITRE)]
+				<div class="bloc-textes">
+					<a href="#URL_ARTICLE" title="Lire l'article">
+						<h4>#TITRE</h4>
 					</a>
-				</BOUCLE_mots>
+					[<h5>(#SOUSTITRE|couper{150})</h5>]
+					<div class="infos-article">
+						[(#DATE|affdate)]
+					</div>
+					[<div class="resume-article">(#DESCRIPTIF)</div>]	
 				</div>
-				<div class="am_tags">
-				<BOUCLE_tags(MOTS){id_article}{id_groupe=#ENV{id_grpe_tags}}{id_groupe IN #ENV{grpes_importants}}>
-					<a href="[(#URL_MOT)]" class="tag tags mrs" data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
-						<i class="fas fa-hashtag"></i>[(#TITRE)]
-					</a>
-				</BOUCLE_tags>
-				</div>
-			</BOUCLE_aff>
-				
-				[(#AUTORISER{modifier, article, #ID_ARTICLE})
-					<a class="btn pull-right" href="#URL_PAGE{editer_bien,id_article=#ID_ARTICLE }" title="Editer le bien n°#ID_ARTICLE"><i class="fas fa-edit"></i> <small>n°#ID_ARTICLE</small></a>
-				]
-			</div>
 		</div>
 	</div>
 </BOUCLE_art>
diff --git a/inclure/photo_article.html b/inclure/photo_article.html
index 32edac2..b2cd286 100644
--- a/inclure/photo_article.html
+++ b/inclure/photo_article.html
@@ -1,11 +1,13 @@
 #CACHE{0}
 [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
-<div class="photo_bien">
+<div class="photo_article">
 	<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
-		[(#FICHIER|image_recadre{320:180,-,focus}|image_reduire{320,180})]
+		[(#FICHIER|image_recadre{360:180,-,focus}|image_reduire{360,180})]
 	</BOUCLE_doc>
 		<div class="txtcenter placeholder">
-			[(#LOGO_SITE_SPIP|image_reduire{320,180})]
+		<BOUCLE_doc2(DOCUMENTS){credits=logo_noir}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
+			[(#FICHIER|image_recadre{360:180,+,center}|image_reduire{360,180})]
+		</BOUCLE_doc2>
 		</div>
 	<//B_doc>
 </div>