améliorer accueil pendant l'émission

lang/libreavous_fr.php

@@ -39,6 +39,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
 	'diffusee_en_direct_le' => 'Diffusée en direct le ',
 	'toutes_les_emissions' => 'Toutes les émissions',
 	'c_est_bientot' => 'C’est bientôt !',
+	'c_est_maintenant' => 'C’est maintenant !',
 	
 	'chronique_labal' => 'Nom de la chronique',
 	'chronique_explications' => 'Renseigner le nom des chroniques à lister dans la page.',

squelettes/content/sommaire.html

@@ -1,6 +1,19 @@
-
+#SET{live,off}
+#SET{debut_emission,''}
+#SET{fin_emission,''}
+[(#ENV{date}|nom_jour|=={mardi}|oui)
+	[(#SET{debut_emission,[(#ENV{date}|annee) ][(#ENV{date}|mois) ][(#ENV{date}|jour) ]'15:30:00'})]
+	[(#SET{fin_emission,[(#ENV{date}|annee)-][(#ENV{date}|mois)-][(#ENV{date}|jour) ]17:00:00})]
+	[(#ENV{date}|heures|>={15}|oui)
+		[(#ENV{date}|minutes|>={15}|oui)
+			#SET{live,on}
+		]
+	][(#ENV{date}|heures|>={17}|oui)
+		#SET{live,off}
+	]
+]
 <BOUCLE_emissions(RUBRIQUES){composition=emissions}>
-<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{date >= #ENV{date}}{0,1}>
+<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{date = #GET{fin_emission}}{0,1}>
 
 <article class="prochaine_emission">
 
@@ -12,8 +25,9 @@
 		</p>
 		
 		
-		<p class="encart">
+		<p class="encart">[(#ENV{date}|>={#GET{debut_emission}}|oui)[(#ENV{date}|<={#GET{fin_emission}}|oui)
-			<span class="bientot"><:libreavous:c_est_bientot:></span><br />
+			<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#GET{debut_emission}}|oui)
+			<span class="bientot"><:libreavous:c_est_bientot:></span><br />]
 			[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
 			<:libreavous:de_15h30_a_17h:>[(#PODCAST_REFERENCES|oui) <a href="#URL_ARTICLE" class="btn taille80 right"><:libreavous:page_de_l_emission:></a>]
 		</p>
@@ -24,6 +38,7 @@
 		]</h1>
 		
 		
+			<INCLURE{fond=inclure/radiolive} />
 		
 		<div class="postmeta">
 			#MODELE{article_traductions}

squelettes/inclure/radiolive.html

@@ -10,11 +10,8 @@
 	]
 ]
 [(#GET{radio}|=={live}|oui)
-<div class="radiolive" style="text-align:center;font-family: sans-serif; text-align: center;
+<div class="radiolive">
-	background-color: white; padding: 2px; border: 4px solid #ee5921;
+	<h4>Écoutez le direct !</h4>
-	color: black; margin-top: 1em;  width: 90%; min-width: 260px; max-width: 400px; margin: 1em auto; -webkit-border-radius: 4px;
+	<audio controls> <source src="https://icecast.libre-a-toi.org:8444/voixdulat_mp3" type="audio/mpeg">.Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://icecast.libre-a-toi.org:8444/voixdulat_mp3">écoutez l'émission</a>.</audio>
-	-moz-border-radius: 2px; border-radius: 4px;" >
-	<h4>Écoutez le direct (mardi 15h30 à 17h)</h4>
-	<audio controls> <source src="https://icecast.libre-a-toi.org:8444/voixdulat_mp3" type="audio/mpeg">.Votre navigateur ne supporte pas l\'élément <code>audio</code> : <a href="https://icecast.libre-a-toi.org:8444/voixdulat_mp3">écoutez l\'émission</a>.</audio>
 </div>
 ]

squelettes/scss/styles/_perso.scss

@@ -812,6 +812,22 @@ a:hover .fab, a:hover .fas {
 	.chapo {
 		font-size:1.2rem;
 	}
+	.radiolive {
+		float: right;
+		clear: right;
+		text-align: right;
+		max-width:300px;
+		margin: 0 0 $spacer $spacer;
+		h4 {
+			text-align:center;
+		}
+	}
+	@include media($bp-medium) {
+		.encart, .radiolive {
+			float:none;
+			margin:0 0 $spacer;
+		}
+	}
 }
 
 .orange {
@@ -851,7 +867,6 @@ a:hover .fab, a:hover .fas {
 
 
 
-
 /* ajout Antoine - 1 */
  /*!    Plusieurs typographies sont finalement trop grosses, j'ai réduit. */
 h1, .h1 {