étape dans les chapitres

This commit is contained in:
chankalan 2021-07-11 11:41:33 +02:00
parent a50eba4ce9
commit f47b299dfe
4 changed files with 89 additions and 61 deletions

View File

@ -12,7 +12,9 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'ogg' => 'OGG', 'ogg' => 'OGG',
'mp3' => 'MP3', 'mp3' => 'MP3',
'emission_integrale' => 'Émission intégrale', 'emission_integrale' => 'Émission intégrale',
'page_de_l_emission' => 'Page de lémission',
'sujet_principal' => 'Sujet principal',
'et_aussi' => 'Et aussi',
'photos_de_l_emission' => 'Photos de lémission', 'photos_de_l_emission' => 'Photos de lémission',
'galerie_april' => 'Galerie April', 'galerie_april' => 'Galerie April',

View File

@ -47,8 +47,8 @@
]<!-- / Zone Podlove --> ]<!-- / Zone Podlove -->
</div> </div>
<ul class="telecharger"> <ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li> <li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li> <li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
</ul> </ul>
</div> </div>
@ -63,11 +63,13 @@
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} /> <INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</div> </div>
</BOUCLE_sl><B_autres> </BOUCLE_sl><B_autres>
<div class="sujet_autres"> <div class="sujet_autre">
<h2><:libreavous:et_aussi:></h2> <h2><:libreavous:et_aussi:></h2>
<div class="flex flex2">
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}> <BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} /> <INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</BOUCLE_autres> </BOUCLE_autres>
</div>
<div> <div>
</B_autres> </B_autres>
</B_chapitres> </B_chapitres>
@ -95,7 +97,7 @@
<div class="fb detail_emission"> <div class="fb detail_emission">
[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc">Personnes participantes</a>] [(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc">Personnes participantes</a>]
[(#PODCAST_REFERENCES|oui)<a href="#references" class="btn taille70 blanc">Références</a>] <a href="#references" class="btn taille70 blanc">Références</a>
[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc">Transciption</a>] [(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc">Transciption</a>]
[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc">Pauses musicales</a>] [(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc">Pauses musicales</a>]
[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc">Licence</a>] [(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc">Licence</a>]
@ -104,8 +106,8 @@
[<h2 id="personnesparticipantes">Personnes participantes</h2> [<h2 id="personnesparticipantes">Personnes participantes</h2>
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>] <div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
[<h2 id="references">Références</h2> <h2 id="references">Références</h2>
<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES)</div>] [<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES)</div>]
<B_chapitres_references_chroniques> <B_chapitres_references_chroniques>
<div class="references texte"> <div class="references texte">
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{type_sujet=CH}> <BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{type_sujet=CH}>

View File

@ -2,16 +2,24 @@
<div class="chronique"> <div class="chronique">
<h#ENV{h,2}> <h#ENV{h,2}>
#TITRE #TITRE
<small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg">ogg</a> <small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn blanc ogg podcast">ogg</a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3">mp3</a></small> <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn blanc mp3 podcast">mp3</a></small>
</h#ENV{h,2}> </h#ENV{h,2}>
<B_article><p> <B_article>
Dans l'émission : <BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}> <BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}>
<a href="#URL_ARTICLE">#[(#SURTITRE)] - [(#TITRE|libreavous_supp_numero)]</a> <p>
<a href="#URL_ARTICLE"><:libreavous:page_de_l_emission:></a>
</p>
<ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
</ul>
</BOUCLE_article> </BOUCLE_article>
</p></B_article> </B_article>
[<div class="references_sujet #EDIT{references_sujet}"> [(#ENV{composition}|=={emission}|oui)[<div class="references_sujet #EDIT{references_sujet}">
(#REFERENCES_SUJET|propre) (#REFERENCES_SUJET|propre)
</div>] </div>]]
</div> </div>
</BOUCLE_chroniques> </BOUCLE_chroniques>

View File

@ -239,7 +239,9 @@ h2 {
/* flex-grow:2; */ /* flex-grow:2; */
width:76%; width:76%;
} }
.telecharger { }
.telecharger {
list-style:none; list-style:none;
width:24%; width:24%;
padding:0 0 0 2em; padding:0 0 0 2em;
@ -250,20 +252,31 @@ h2 {
margin:0; margin:0;
} }
} }
.btn { .btn.podcast {
width:100%; width:100%;
padding:0 0.5em 0.3em 40px; padding-left:2.2rem;
font-size:1.15rem;
}
}
.btn.podcast {
padding:0 0.5em 0.3em 1rem;
position:relative; position:relative;
text-align:left; text-align:left;
border-width:0.25em; border-width:0.25em;
border-color:$couleurSecondaire; border-color:$couleurSecondaire;
color:$couleurSecondaire !important; color:$couleurSecondaire !important;
font-weight:900; font-weight:900;
font-size:1.15rem; h2 &, h3 & {
font-size:50%;
&:before {
left:0.4rem;
}
}
&:before { &:before {
@include triangle(right, $couleurSecondaire, 0.5em); @include triangle(right, $couleurSecondaire, 0.5em);
position: absolute; position: absolute;
left: 15px; left: 0.8rem;
top: 50%; top: 50%;
margin-top:-0.5em; margin-top:-0.5em;
} }
@ -278,12 +291,15 @@ h2 {
@include triangle(right, $couleurPrincipale, 0.5em); @include triangle(right, $couleurPrincipale, 0.5em);
} }
} }
&:hover, &:active { &:hover, &:active, &:focus {
background:none !important; background:none !important;
border-color:$couleurPrincipaleOn !important; border-color:$couleurPrincipaleOn !important;
} }
} }
}
.sujet_autre {
background:$couleurBackgroundTexte;
} }
div.star-rating, div.star-rating a { div.star-rating, div.star-rating a {