on avance sur la page article-emission

This commit is contained in:
chankalan 2021-06-10 18:05:33 +02:00
parent 887291b5d5
commit 599839a0f9
5 changed files with 106 additions and 30 deletions

View File

@ -1,7 +1,7 @@
<paquet <paquet
prefix="libreavous" prefix="libreavous"
categorie="squelette" categorie="squelette"
version="0.2.2" version="0.3.0"
schema="0.1.1" schema="0.1.1"
etat="dev" etat="dev"
compatibilite="[3.2.8;4.0.*]" compatibilite="[3.2.8;4.0.*]"
@ -14,7 +14,7 @@
<necessite nom="baz_april" /> <necessite nom="baz_april" />
<necessite nom="cextras" /> <necessite nom="cextras" />
<!-- <necessite nom="sommaire" /> --> <necessite nom="notation" />
<chemin path="squelettes" /> <chemin path="squelettes" />
<chemin path="squelettes/scss" /> <chemin path="squelettes/scss" />

View File

@ -14,7 +14,7 @@
]</h1> ]</h1>
#FORMULAIRE_NOTATION #FORMULAIRE_JAIME_JAIMEPAS
<div class="postmeta"> <div class="postmeta">
@ -36,13 +36,7 @@
<div class="fb"> <div class="fb">
<!-- Zone Podlove -->
[<div id="podlove">
</div>
<script>
podlovePlayer('#podlove', '(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})');
</script>
]<!-- / Zone Podlove -->
<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">libre-a-vous-[(#PODCAST_CODE)].ogg</a> ([(#PODCAST_OGG|taille_en_octets)])</li> <li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg">libre-a-vous-[(#PODCAST_CODE)].ogg</a> ([(#PODCAST_OGG|taille_en_octets)])</li>
@ -51,32 +45,47 @@
[<div class="emission-Programme #EDIT{chapo}">(#CHAPO)</div>] [<div class="emission-Programme #EDIT{chapo}">(#CHAPO)</div>]
[<h2>Transcription</h2> <p><a href="#PODCAST_TRANSCRIPTION" class="#EDIT{podcast_transcription}">(#PODCAST_TRANSCRIPTION)</a></p>]
</div> </div>
[<div class="fl"> <div class="fl">
<h2 id="galeriephotos">Galerie photos</h2> <h2 id="galeriephotos">Galerie photos</h2>
<div class="#EDIT{podcast_galeriephotos}">(#PODCAST_GALERIEPHOTOS|propre)</div> [<div class="#EDIT{podcast_galeriephotos}">(#PODCAST_GALERIEPHOTOS|propre)</div>]
</div>] #SET{thumbs,'data-original-title'}
<div class="flex flex3">
<BOUCLE_photos(DATA){source file, https://photos.april.org/index.php?/category/369}{valeur == #GET{thumbs}}{0,3}>
<figure class="photoapril">#VALEUR</figure>
</BOUCLE_photos>
</div>
</div>
<div class="fb detail_emission">
[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc">Personnes participantes</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_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>]
<div class="fb">
[<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>
<div class="emission-references texte #EDIT{texte}">(#TEXTE)</div>]
<B_chapitres_references_chroniques>
<h3 class="spip">Références des chroniques</h3>
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{type_sujet=CH}>
[<h4>#TITRE</h4>
(#REFERENCES_SUJET|propre)]
</BOUCLE_chapitres_references_chroniques>
[<h2 id="transcription">Transcription</h2> <p><a href="#PODCAST_TRANSCRIPTION" class="#EDIT{podcast_transcription}">(#PODCAST_TRANSCRIPTION)</a></p>]
[<h2 id="pausesmusicales">Pauses musicales</h2> [<h2 id="pausesmusicales">Pauses musicales</h2>
<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>] <div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>]
[<h2 id="references">Références</h2> [<div class="licence" id="licence">(#CONFIG{libreavous/licence}|propre)</div>]
<div class="emission-references texte #EDIT{texte}">(#TEXTE)</div>]
<B_chapitres_references_chroniques>
<h3 class="spip">Références des chroniques</h3>
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{type_sujet=CH}>
[<h4>#TITRE</h4>
(#REFERENCES_SUJET|propre)]
</BOUCLE_chapitres_references_chroniques>
<B_chapitres> <B_chapitres>
@ -105,7 +114,6 @@
[<p class="#EDIT{hyperlien} article__hyperlien"><:voir_en_ligne:/> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>] [<p class="#EDIT{hyperlien} article__hyperlien"><:voir_en_ligne:/> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="licence">(#CONFIG{libreavous/licence}|propre)</div>]
[<div class="article__notes">(#NOTES)</div>] [<div class="article__notes">(#NOTES)</div>]

View File

@ -0,0 +1,11 @@
$(function() {
// remettre l'origine des photos en galerie
$('.photoapril img').each(function() {
$(this).attr('src', 'https://photos.april.org/' + $(this).attr('src') );
});
});

View File

@ -2,7 +2,7 @@
// les différences // les différences
.page_wrapper { .page_wrapper {
background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px;
background-attachment:fixed; /* background-attachment:fixed; */
@media ($bp-small) { @media ($bp-small) {
background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px;
} }
@ -110,7 +110,9 @@
padding:$spacer; padding:$spacer;
} }
.page_main {
overflow:hidden;
}
.page_main_content { .page_main_content {
flex-direction: column; flex-direction: column;
} }
@ -123,6 +125,60 @@
background-color:white; background-color:white;
} }
h2 {
font-weight:900;
}
.fl {
border-top:2em solid $couleurPrincipale;
border-bottom:2em solid $couleurPrincipale;
margin:0 -1000px;
padding:2em 1000px;
background:white;
}
.fb {
padding:2em 0;
> h2 {
margin-top:2em;
}
}
.photoapril {
margin-bottom:1em;
}
.licence {
padding:1em;
line-height:1.2;
margin-top:2em;
background:$couleurBackgroundTexteBleu;
}
.detail_emission {
ul { list-style:none;
> li {
padding-left:1em;
position:relative;
&:before {
position:absolute;
left:0;
top:0.6em;
@include triangle(right,$couleurSecondaire,0.35em,1.8);
}
}
}
}
.btn.blanc {
color:$couleurPrincipale !important;
background:white;
border:1px solid rgba($couleurPrincipale,0.2);
border-radius:1em;
&:hover {
background:$couleurPrincipaleOn;
}
}
.article__infos { .article__infos {
position:relative; position:relative;
height:auto; height:auto;

View File

@ -8,6 +8,7 @@ $couleurSecondaire: #f7651a;
/* $blancTransparent: rgba(white,0.7); */ /* $blancTransparent: rgba(white,0.7); */
$couleurBackgroundTexte: #ffe9e0; $couleurBackgroundTexte: #ffe9e0;
$couleurBackgroundTexteBleu:#f5faff;
$couleurTertiaire: #00c4f5; $couleurTertiaire: #00c4f5;
$couleur-lien-hover: $couleurTertiaire; $couleur-lien-hover: $couleurTertiaire;