Browse Source

on avance sur la page article-emission

master
chankalan 2 months ago
parent
commit
599839a0f9
  1. 4
      paquet.xml
  2. 56
      squelettes/content/article-emission.html
  3. 11
      squelettes/javascript/perso.js
  4. 60
      squelettes/scss/styles/_perso.scss
  5. 1
      squelettes/scss/utils/_variables-perso.scss

4
paquet.xml

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

56
squelettes/content/article-emission.html

@ -14,7 +14,7 @@
]</h1>
#FORMULAIRE_NOTATION
#FORMULAIRE_JAIME_JAIMEPAS
<div class="postmeta">
@ -36,13 +36,7 @@
<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">
<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,34 +45,49 @@
[<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 class="fl">
<div class="fl">
<h2 id="galeriephotos">Galerie photos</h2>
<div class="#EDIT{podcast_galeriephotos}">(#PODCAST_GALERIEPHOTOS|propre)</div>
</div>]
[<div class="#EDIT{podcast_galeriephotos}">(#PODCAST_GALERIEPHOTOS|propre)</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">
<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>]
[<h2 id="personnesparticipantes">Personnes participantes</h2>
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
[<h2 id="pausesmusicales">Pauses musicales</h2>
<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|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}>
<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>
</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>
<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>]
[<div class="licence" id="licence">(#CONFIG{libreavous/licence}|propre)</div>]
<B_chapitres>
<h2>Chapitres</h2>
<ul>
@ -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>]
[<div class="licence">(#CONFIG{libreavous/licence}|propre)</div>]
[<div class="article__notes">(#NOTES)</div>]

11
squelettes/javascript/perso.js

@ -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') );
});
});

60
squelettes/scss/styles/_perso.scss

@ -2,7 +2,7 @@
// les différences
.page_wrapper {
background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px;
background-attachment:fixed;
/* background-attachment:fixed; */
@media ($bp-small) {
background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px;
}
@ -110,7 +110,9 @@
padding:$spacer;
}
.page_main {
overflow:hidden;
}
.page_main_content {
flex-direction: column;
}
@ -123,6 +125,60 @@
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 {
position:relative;
height:auto;

1
squelettes/scss/utils/_variables-perso.scss

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

Loading…
Cancel
Save