bonohm/F-d-ration_de_groupes
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Ajout section "A la une" avec blocs articles

Browse source
This commit is contained in:
Pierre 2020-01-21 18:24:49 +01:00
parent 5c926ac340
commit 3d60fac266
4 changed files with 77 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
content/sommaire.html
View file

@ -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>

52
css/_sq_balint.scss
View file

@ -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;
}
}
/**********************************************************************/

35
inclure/bloc_article.html
View file

@ -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>

8
inclure/photo_article.html
View file

@ -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>