175 lines
7.2 KiB
HTML
175 lines
7.2 KiB
HTML
<BOUCLE_principale(ARTICLES){id_article}>
|
|
|
|
<article>
|
|
|
|
<header class="cartouche">
|
|
|
|
<p class="article__infos">
|
|
<span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span>
|
|
[<span class="article__date">Émission du [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)</span>]
|
|
</p>
|
|
|
|
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[
|
|
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
|
|
]</h1>
|
|
<p>Donner votre avis sur cette émission (le bouton à gauche permet d'annuler votre vote).</p>
|
|
[(#PODCAST_CODE|oui)
|
|
#FORMULAIRE_NOTATION
|
|
]
|
|
|
|
<div class="postmeta">
|
|
#MODELE{article_traductions}
|
|
<BOUCLE_groupes(GROUPES_MOTS){par titre}>
|
|
<B_tags>
|
|
<p class="mots">
|
|
<strong>#TITRE : </strong><BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
|
|
<a href="#URL_MOT">#TITRE</a>
|
|
</BOUCLE_tags>
|
|
</p>
|
|
</B_tags>
|
|
</BOUCLE_groupes>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="main">
|
|
|
|
<div class="fb">[(#PODCAST_CODE|oui)
|
|
<div class="lecteur">
|
|
|
|
<div class="podlove_wrapper">
|
|
<!-- Zone Podlove -->
|
|
[<div id="podlove">
|
|
</div>
|
|
<script>
|
|
podlovePlayer('#podlove', '(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})');
|
|
</script>
|
|
]<!-- / Zone Podlove -->
|
|
<!-- Zone javascript désactivé Fred -->
|
|
<noscript>
|
|
<div style="text-align: center; font-weight: 900;
|
|
background-color: white; padding: 0 0.5em 0.1em 1rem; border: 0.25em solid #f7651a;
|
|
color: #005184; margin-top: 1em; max-width: 500px; margin: 1em auto; -webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px; border-radius: 10px;" >
|
|
|
|
<p style="text-align:center"><strong>Réécouter l'émission</strong></p>
|
|
<audio
|
|
controls>
|
|
<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" type="audio/ogg" />
|
|
<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" type="audio/mpeg" />
|
|
Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg">écoutez l'émission</a> (format OGG) ou <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3">format MP3</a>.
|
|
</audio>
|
|
<p>
|
|
Vous avez désactivé Javascript
|
|
</p>
|
|
<p>Si vous le réactiver vous aurez accès à un lecteur audio avec des fonctionnalités supplémentaires (gestion des chapitres et de la vitesse de lecture par exemple).
|
|
</p>
|
|
</div>
|
|
</noscript>
|
|
<!-- Fin Zone javascript désactivé -->
|
|
</div>
|
|
|
|
<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>
|
|
|
|
</div>
|
|
]
|
|
[<div class="emission-sommaire #EDIT{podcast_sommaire}">(#PODCAST_SOMMAIRE|propre)</div>]
|
|
|
|
<BOUCLE_sl(CHAPITRES){id_article}{type_sujet=SL}>#SET{chapitres,oui}[(#REFERENCES_SUJET|oui)#SET{references,oui}]
|
|
<div class="sujet_principal">
|
|
<h2><:libreavous:sujet_principal:></h2>
|
|
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
|
|
</div>
|
|
</BOUCLE_sl><B_autres>#SET{chapitres,oui}
|
|
<div class="sujet_autre">
|
|
<h2><:libreavous:et_aussi:></h2>
|
|
<div>
|
|
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>[(#REFERENCES_SUJET|oui)#SET{references,oui}]
|
|
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
|
|
</BOUCLE_autres>
|
|
</div>
|
|
</div>
|
|
</B_autres>
|
|
[(#GET{chapitres}|!={oui}|oui)
|
|
[<div class="emission-programme #EDIT{chapo}">(#CHAPO)</div>]
|
|
]
|
|
|
|
</div>
|
|
|
|
#SET{thumbs,'data-original-title'}
|
|
<B_photos>
|
|
<div class="fl">
|
|
<h2 id="galeriephotos">
|
|
<:libreavous:photos_de_l_emission:>
|
|
[<a href="(#PODCAST_GALERIEPHOTOS)" class="galeriephotos"><:libreavous:galerie_april:></a>]
|
|
</h2>
|
|
<div class="galerie_photoapril flex flex3 #EDIT{podcast_galeriephotos}">
|
|
<BOUCLE_photos(DATA){source file, #PODCAST_GALERIEPHOTOS}{valeur == #GET{thumbs}}{0,3}>
|
|
<figure class="photoapril">[<img src="https://photos.april.org/(#VALEUR|extraire_attribut{src})"[ alt="(#VALEUR|extraire_attribut{alt})"] />]</figure>
|
|
</BOUCLE_photos>
|
|
</div>
|
|
</div>
|
|
</B_photos>
|
|
|
|
<div class="fb detail_emission">
|
|
<p>[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc"><:libreavous:personnes_participantes:></a>]
|
|
[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<a href="#references" class="btn taille70 blanc"><:libreavous:references:></a>]
|
|
[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc"><:libreavous:transcription:></a>]
|
|
[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc"><:libreavous:pauses_musicales:></a>]
|
|
[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc"><:libreavous:licence:></a>]
|
|
</p>
|
|
|
|
[<div class="texte #EDIT{texte}">(#TEXTE)</div>]
|
|
|
|
[<h2 id="personnesparticipantes">Personnes participantes</h2>
|
|
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
|
|
|
|
[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<h2 id="references">Références</h2>]
|
|
[<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES|propre)</div>]
|
|
<B_chapitres_references_chroniques>
|
|
<div class="references texte">
|
|
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}>
|
|
[<h3>#TITRE</h3>
|
|
(#REFERENCES_SUJET|propre)]
|
|
</BOUCLE_chapitres_references_chroniques>
|
|
</div>
|
|
</B_chapitres_references_chroniques>
|
|
|
|
<h2 id="transcription">Transcription</h2> <p><a href="#PODCAST_TRANSCRIPTION" class="#EDIT{podcast_transcription}">Lire la transcription de l'émission</a></p>
|
|
|
|
[<h2 id="pausesmusicales"><:libreavous:pauses_musicales:></h2>
|
|
<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>]
|
|
|
|
[<div class="licence" id="licence">(#CONFIG{libreavous/licence}|propre)</div>]
|
|
|
|
|
|
</div>
|
|
<div class="fb commentaires">
|
|
[(#REM) Forum de l'article ]
|
|
<INCLURE{fond=inclure/forum,id_article} />
|
|
[<h2 class="forum-titre"><:libreavous:form_pet_message_commentaire:></h2>
|
|
(#FORMULAIRE_FORUM)]
|
|
</div>
|
|
</div>
|
|
|
|
[<aside>
|
|
(#INCLURE{fond=inclure/documents,id_article})
|
|
</aside>]
|
|
|
|
<footer>
|
|
|
|
[<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="article__notes">(#NOTES)</div>]
|
|
|
|
</footer>
|
|
|
|
</article>
|
|
|
|
</BOUCLE_principale>
|
|
|