siteweb/libreavous
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

liste chroniques sous une émissions :

Browse Source 
ne prendre que les chroniques dont l'article est publié
This commit is contained in:
chankalan 2021-09-29 15:26:35 +02:00
parent a644675fc5
commit 2ef0ae8a2f
3 changed files with 75 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
squelettes/connex/article-emission.html
View File

@ -11,29 +11,31 @@
</div>] </div>]
<div class="flex flex2"> <div class="flex flex2">
<BOUCLE_remissions(RUBRIQUES){composition=emissions}> <BOUCLE_remissions(RUBRIQUES){composition=emissions}>#SET{chroniques,#ARRAY}
<B_emissions> <B_emissions>
<div class="liste articles"> <div class="liste articles">
<h2><:libreavous:dernieres_emissions:></h2> <h2><:libreavous:dernieres_emissions:></h2>
<ul> <ul>
<BOUCLE_emissions(ARTICLES){id_rubrique}{!par date}{0,6}> <BOUCLE_emissions(ARTICLES){id_rubrique}{!par date}{0,6}>
[<li><a href="#URL_ARTICLE">(#TITRE|libreavous_supp_numero)</a></li>] [<li><a href="#URL_ARTICLE">(#TITRE|libreavous_supp_numero)</a></li>]
<BOUCLE_chroniquest(CHAPITRES){id_article}{type_sujet=CH}>[(#SET{chroniques,#GET{chroniques}|push{#ID_CHAPITRE}})]
</BOUCLE_chroniquest>
</BOUCLE_emissions> </BOUCLE_emissions>
</ul> </ul>
</div> </div>
</B_emissions> </B_emissions>
</BOUCLE_remissions>
<B_chroniques> <B_chroniques>
<div class="liste articles chroniques"> <div class="liste articles chroniques">
<h2><:libreavous:dernieres_chroniques:></h2> <h2><:libreavous:dernieres_chroniques:></h2>
<ul> <ul>
<BOUCLE_chroniques(CHAPITRES){type_sujet=CH}{!par maj}{0,6}> <BOUCLE_chroniques(CHAPITRES){id_chapitre IN #GET{chroniques}}{!par maj}{0,6}>
[<li><a href="#URL_ARTICLE">(#TITRE)</a></li>] [<li><a href="#URL_ARTICLE">(#TITRE)</a></li>]
</BOUCLE_chroniques> </BOUCLE_chroniques>
</ul> </ul>
</div> </div>
</B_chroniques> </B_chroniques>
</BOUCLE_remissions>
</div> </div>
</div> </div>

3
squelettes/content/sommaire.html
View File

@ -16,7 +16,8 @@
<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#DATE}|oui) <span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#DATE}|oui)
<span class="bientot"><:libreavous:c_est_bientot:></span><br />] <span class="bientot"><:libreavous:c_est_bientot:></span><br />]
[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />] [<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
<:libreavous:de_15h30_a_17h:> <:libreavous:de_15h30_a_17h:>[(#ENV{date}|>={#DATE}|oui)<br />
<a href="#URL_ARTICLE" class="btn taille80 blanc"><:libreavous:page_de_l_emission:></a>]
</p> </p>
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[ <h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[

136
squelettes/scss/styles/_perso.scss
View File

@ -40,7 +40,7 @@ span.btn {
} }
.header_menu { .header_menu {
flex-grow: 2; flex-grow: 2;
padding:$spacer; padding:1rem;
.nav { .nav {
padding-top:0; padding-top:0;
} }
@ -79,7 +79,7 @@ span.btn {
width:230px; width:230px;
float:right; float:right;
position:relative; position:relative;
margin:0 0 0 $spacer; margin:0 0 0 1rem;
text-align:left; text-align:left;
.reponse_formulaire { .reponse_formulaire {
position: absolute; position: absolute;
@ -180,9 +180,9 @@ span.btn {
} }
.flex2 > .aside { .flex2 > .aside {
max-width:40%; max-width:40%;
padding-left:($spacer*4); padding-left:4rem;
@include media($bp-medium) { @include media($bp-medium) {
padding-left:($spacer*2); padding-left:2rem;
} }
} }
} }
@ -191,10 +191,10 @@ span.btn {
.article-resume { .article-resume {
background-color:white; background-color:white;
padding:$spacer; padding:1rem;
} }
.article__texte { .article__texte {
margin-bottom:($spacer*3); margin-bottom:3rem;
} }
.article__interactivite { .article__interactivite {
@include flex; @include flex;
@ -232,10 +232,10 @@ span.btn {
.page_content, .page_aside, .page_extra { .page_content, .page_aside, .page_extra {
> * { > * {
margin:0 0 ($spacer*2); margin:0 0 2rem;
padding:$spacer ($spacer*4); padding:1rem 4rem;
@include media($bp-medium) { @include media($bp-medium) {
padding:$spacer ($spacer*2); padding:1rem 2rem;
} }
&.page_extra { &.page_extra {
padding:0; padding:0;
@ -250,11 +250,11 @@ span.btn {
} }
} }
> article { > article {
padding:($spacer*2) ($spacer*4); padding:2rem 4rem;
@include media($bp-medium) { @include media($bp-medium) {
padding:($spacer*2) ($spacer*2) $spacer; padding:2rem 2rem 1rem;
} }
margin:0; /* margin:0; */
background-color:white; background-color:white;
h1 { h1 {
margin:0; margin:0;
@ -274,7 +274,7 @@ span.btn {
} }
.article_blog & { .article_blog & {
margin-top:0; margin-top:0;
padding:$spacer ($spacer*2); padding:1rem 2rem;
background-color:white; background-color:white;
.pagination .pagination-items a, .pagination .lien_pagination a { .pagination .pagination-items a, .pagination .lien_pagination a {
color:$couleurPrincipale; color:$couleurPrincipale;
@ -291,11 +291,11 @@ span.btn {
/* background-color:#fff; */ /* background-color:#fff; */
} }
.rubrique_chroniques & .liste.articles { .rubrique_chroniques & .liste.articles {
margin-top:($spacer*3); margin-top:3rem;
} }
@include media($bp-medium-up) { @include media($bp-medium-up) {
> * { > * {
/* padding-right:($spacer*2); */ /* padding-right:2rem; */
} }
} }
@ -365,7 +365,7 @@ h2 {
} }
ul.spip { ul.spip {
ul.spip { ul.spip {
margin-left:$spacer; margin-left:1rem;
} }
} }
@ -392,16 +392,16 @@ ul.spip {
clip: unset; clip: unset;
clip-path: unset; clip-path: unset;
font-size:1em; font-size:1em;
margin:-($spacer*2) 0 $spacer -($spacer*4); margin:-2rem 0 1rem -4rem;
@include media($bp-medium) { @include media($bp-medium) {
html:not(.composition_chroniques) & { html:not(.composition_chroniques) & {
margin:-$spacer -200px 0 -($spacer*2); margin:-2rem -200px 0 -2rem;
line-height:1.2; line-height:1.2;
} }
} }
@include media($bp-small) { @include media($bp-small) {
html:not(.composition_chroniques) & { html:not(.composition_chroniques) & {
margin:-$spacer 0 0 -($spacer*2); margin:-1rem 0 0 -2rem;
} }
} }
overflow:visible; overflow:visible;
@ -447,7 +447,7 @@ ul.spip {
background-color:white; background-color:white;
.liste-items { .liste-items {
list-style:none; list-style:none;
margin:0 0 ($spacer*2); margin:0 0 2rem;
.item { .item {
border-top:1px solid $couleurPrincipale; border-top:1px solid $couleurPrincipale;
&:first-child { &:first-child {
@ -463,20 +463,20 @@ ul.spip {
.lecteur { .lecteur {
@include flex; @include flex;
align-items:center; align-items:center;
margin-bottom:($spacer*3); margin-bottom:3rem;
> .podlove_wrapper { > .podlove_wrapper {
width:76%; width:76%;
} }
@include media($bp-medium) { @include media($bp-medium) {
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
margin:0 -($spacer*4); margin:0 -4rem;
@include media($bp-medium) { @include media($bp-medium) {
margin:0 -($spacer*2); margin:0 -2rem;
} }
.telecharger { .telecharger {
padding:0; padding:0;
margin-top:$spacer; margin-top:1rem;
} }
> .podlove_wrapper { > .podlove_wrapper {
width:100%; width:100%;
@ -485,24 +485,24 @@ ul.spip {
} }
.texte_aside { .texte_aside {
width:200px; width:200px;
padding:0 0 $spacer ($spacer*2); padding:0 0 1rem 2rem;
text-align:center; text-align:center;
@include media($bp-small) { @include media($bp-small) {
padding:0 0 $spacer; padding:0 0 1rem;
margin:0 auto; margin:0 auto;
} }
} }
.telecharger { .telecharger {
list-style:none; list-style:none;
margin:0 0 ($spacer/2); margin:0 0 0.5rem;
text-align:left; text-align:left;
@include media($bp-small) { @include media($bp-small) {
padding:0 0 $spacer; padding:0 0 1rem;
margin: 0 auto; margin: 0 auto;
} }
li { li {
padding:($spacer/2) 0 ($spacer/2); padding:0.5rem 0 0.5rem;
} }
.btn.podcast { .btn.podcast {
width:100%; width:100%;
@ -574,14 +574,14 @@ ul.spip {
} }
&.ogg { &.ogg {
background-image:url('img/ogg.png'); background-image:url('img/ogg.png');
margin-left:$spacer; margin-left:1rem;
&:hover { &:hover {
background-image:url('img/ogg.png') !important; background-image:url('img/ogg.png') !important;
} }
} }
&.mp3 { &.mp3 {
background-image:url('img/mp3.png'); background-image:url('img/mp3.png');
margin-left:($spacer/2); margin-left:0.5rem;
&:hover { &:hover {
background-image:url('img/mp3.png') !important; background-image:url('img/mp3.png') !important;
} }
@ -592,11 +592,11 @@ ul.spip {
.sujet_autre { .sujet_autre {
background:$couleurBackgroundTexte; background:$couleurBackgroundTexte;
padding:$spacer ($spacer*4); padding:1rem 4rem;
margin:($spacer*2) -($spacer*4) -($spacer*2); margin:2rem -4rem -2rem;
@include media($bp-medium) { @include media($bp-medium) {
padding:$spacer ($spacer*2); padding:1rem 2rem;
margin:($spacer*2) -($spacer*2) -($spacer*2); margin:2rem -2rem -2rem;
} }
&.flex { &.flex {
width:auto; width:auto;
@ -607,12 +607,12 @@ ul.spip {
> li { > li {
width:50%; width:50%;
&:nth-child(odd) { &:nth-child(odd) {
padding-right:$spacer*2; padding-right:2rem;
} }
&:nth-child(even) { &:nth-child(even) {
padding-left:$spacer*2; padding-left:2rem;
&:before { &:before {
left:$spacer; left:1rem;
} }
} }
h3 { h3 {
@ -622,7 +622,7 @@ ul.spip {
} }
// pour insertion dans le texte/chapo avant d'avoir le podcast // pour insertion dans le texte/chapo avant d'avoir le podcast
.chapo & { .chapo & {
margin-bottom: -($spacer); margin-bottom: -2rem;
clear:both; clear:both;
font-size:1rem; font-size:1rem;
> * { > * {
@ -630,9 +630,9 @@ ul.spip {
} }
} }
.derniere_emission & { .derniere_emission & {
margin:0 -($spacer*4); margin:0 -4rem;
@include media($bp-medium) { @include media($bp-medium) {
margin:0 -($spacer*2); margin:0 -2rem;
} }
width:auto; width:auto;
} }
@ -692,10 +692,10 @@ a:hover .fab, a:hover .fas {
.article_forum { .article_forum {
background:white; background:white;
color:$couleurPrincipale; color:$couleurPrincipale;
margin:0 0 ($spacer*4); margin:0 0 4rem;
padding:$spacer ($spacer*4); padding:1rem 4rem;
@include media($bp-medium) { @include media($bp-medium) {
padding:$spacer ($spacer*2); padding:1rem 2rem;
} }
} }
@ -730,26 +730,26 @@ a:hover .fab, a:hover .fas {
} }
.emission-resume.article-resume { .emission-resume.article-resume {
align-items:center; align-items:center;
padding: 0 $spacer 0 ($spacer*4); padding: 0 1rem 0 4rem;
margin:0; margin:0;
@include media($bp-medium) { @include media($bp-medium) {
padding:0 $spacer 0 ($spacer*2); padding:0 1rem 0 2rem;
} }
.article__infos { .article__infos {
/* margin-left:-$spacer; */ /* margin-left:-1rem; */
} }
} }
.derniere_emission { .derniere_emission {
position:relative; position:relative;
margin-top:($spacer*6); margin-top:6rem;
padding-left:0 !important; padding-left:0 !important;
padding-right:0 !important; padding-right:0 !important;
> h2 { > h2 {
margin-top:-($spacer*3.6); margin-top:-3.6rem;
margin-bottom:($spacer*0.65); margin-bottom:0.65rem;
padding-left:($spacer*4); padding-left:4rem;
@include media($bp-medium) { @include media($bp-medium) {
margin-bottom: 2.05rem; margin-bottom: 2.05rem;
} }
@ -763,7 +763,7 @@ a:hover .fab, a:hover .fas {
> h2 { > h2 {
color:white; color:white;
.page_recherche & { .page_recherche & {
padding:0 ($spacer*4); padding:0 4rem;
} }
} }
.article__infos { .article__infos {
@ -788,7 +788,7 @@ a:hover .fab, a:hover .fas {
margin-right:-4rem; margin-right:-4rem;
background:$couleurBackgroundTexte; background:$couleurBackgroundTexte;
@include media($bp-medium) { @include media($bp-medium) {
margin:0 -($spacer*2); margin:0 -2rem;
} }
.photoapril { .photoapril {
margin:0; margin:0;
@ -801,14 +801,14 @@ a:hover .fab, a:hover .fas {
color:$couleurSecondaire; color:$couleurSecondaire;
@include media($bp-medium) { @include media($bp-medium) {
float:none; float:none;
padding:0 ($spacer*2); padding:0 2rem;
} }
} }
} }
} }
.texte_content { .texte_content {
flex:1; flex:1;
padding-bottom:$spacer; padding-bottom:1rem;
min-height: 200px; min-height: 200px;
h1 { h1 {
font-size:1.6rem; font-size:1.6rem;
@ -832,17 +832,17 @@ a:hover .fab, a:hover .fas {
margin:0; margin:0;
} }
> h2 { > h2 {
margin-bottom:($spacer*0.6); margin-bottom:0.6rem;
} }
> ul { > ul {
list-style:none; list-style:none;
padding:0; padding:0;
margin:0 -($spacer*4); margin:0 -4rem;
.page_recherche & { .page_recherche & {
margin:0; margin:0;
} }
@include media($bp-medium) { @include media($bp-medium) {
margin:0 -($spacer*2); margin:0 -2rem;
} }
> li { > li {
margin-bottom:2px; margin-bottom:2px;
@ -858,15 +858,15 @@ a:hover .fab, a:hover .fas {
} }
} }
.sujet_autre { .sujet_autre {
margin: $spacer -($spacer) -($spacer); margin: 1rem -1rem -1rem;
padding:$spacer; padding:1rem;
width:auto; width:auto;
} }
} }
.liste.emissions.chroniques { .liste.emissions.chroniques {
> ul > li { > ul > li {
background-color:white; background-color:white;
margin-bottom:$spacer; margin-bottom:1rem;
} }
.emission-resume.article-resume { .emission-resume.article-resume {
/* align-items:start; */ /* align-items:start; */
@ -874,10 +874,10 @@ a:hover .fab, a:hover .fas {
} }
.emission_heroine.emission-resume.article-resume { .emission_heroine.emission-resume.article-resume {
margin-bottom:($spacer*6); margin-bottom:6rem;
padding-bottom: ($spacer*2); padding-bottom: 2rem;
.article__infos { .article__infos {
margin: 0 0 0 -($spacer*4); margin: 0 0 0 -4rem;
} }
.article__date { .article__date {
font-size:1rem; font-size:1rem;
@ -891,7 +891,7 @@ a:hover .fab, a:hover .fas {
clear: right; clear: right;
text-align: center; text-align: center;
max-width:100%; max-width:100%;
margin: 0 0 $spacer; margin: 0 0 1rem;
h4 { h4 {
text-align:center; text-align:center;
} }
@ -905,7 +905,7 @@ a:hover .fab, a:hover .fas {
} }
.encart, .radiolive { .encart, .radiolive {
clear:both; clear:both;
margin:0 0 $spacer; margin:0 0 1rem;
} }
} }
@include media($bp-small) { @include media($bp-small) {
@ -1175,7 +1175,7 @@ a.spip_out {
@media (max-width:940px) { @media (max-width:940px) {
.page_header > .page_container { .page_header > .page_container {
.nav { .nav {
padding-top:($spacer/2); padding-top:0.5rem;
font-size:0.95rem; font-size:0.95rem;
z-index:7; z-index:7;
position:static; position:static;
@ -1185,7 +1185,7 @@ a.spip_out {
width:100%; width:100%;
top:36px; top:36px;
left:-100%; left:-100%;
padding:$spacer/2 $spacer; padding:0.5rem 1rem;
text-align:center; text-align:center;
z-index:10; z-index:10;
&.ouvert{ &.ouvert{