lecteur radiolive joli

This commit is contained in:
chankalan 2021-10-07 14:39:42 +02:00
parent 39b5ed8aad
commit 36695893ed
2 changed files with 34 additions and 4 deletions

View File

@ -10,8 +10,11 @@
[(#ENV{date}|>={#ENV{debut_emission}}|oui)
#SET{live,on}]
][(#GET{live}|=={on}|oui)<div class="radiolive">
<h4>Écoutez le direct !</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 class="live_audio">
<h4>Écoutez le direct !</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>
<p><strong><:libreavous:de_15h30_a_17h:></strong></p>
</div>
<h4>Salon web</h4>
<div class="bp-medium-up">
<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" id="rocketchat"></iframe>

View File

@ -493,7 +493,7 @@ ul.spip {
text-align: center;
margin:0 -4rem;
@include media($bp-medium) {
margin:0 -2rem;
margin:0;
}
.telecharger {
padding:0;
@ -949,7 +949,34 @@ a:hover .fab, a:hover .fas {
min-height:300px;
}
audio {
width: 100%;
@include media($bp-medium) {
margin:0.5rem -4rem;
width:100%;
}
}
.live_audio {
@include media($bp-medium-up) {
@include flex();
align-items:center;
justify-content:space-between;
> * {
width:33%;
&:first-child {
text-align:left;
}
&:last-child {
text-align:right;
}
}
}
padding:1rem;
background:$couleurSecondaire;
color:white;
text-align:center;
h4 {
margin:0;
color:white;
}
}
}