libreavous/squelettes/content/article-emission.html
2021-09-15 23:46:25 +02:00

186 lines
7.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>
<div class="article__interactivite">[(#PODCAST_CODE|oui)
#FORMULAIRE_NOTATION
][(#MODELE{comments-nb}{id_article})]</div>
<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&eacute;&eacute;couter l'&eacute;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>
<B_ttc>
<p class="">
<strong>Retrouvez toutes les chroniques de lémission : </strong><br />
<BOUCLE_ttc(CHAPITRES){id_article}{type_sujet=CH}>
[(#SET{chronique,#CHRONIQUE|sinon{sans}})]<BOUCLE_ttchroniques(ARTICLES){chronique==#GET{chronique}}{' - '}>
<a href="#URL_ARTICLE">#CHRONIQUE</a>
</BOUCLE_ttchroniques>
</BOUCLE_ttc>
</p>
</B_ttc>
<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>]
[(#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>