lecteur radiolive joli
This commit is contained in:
parent
39b5ed8aad
commit
36695893ed
|
@ -10,8 +10,11 @@
|
||||||
[(#ENV{date}|>={#ENV{debut_emission}}|oui)
|
[(#ENV{date}|>={#ENV{debut_emission}}|oui)
|
||||||
#SET{live,on}]
|
#SET{live,on}]
|
||||||
][(#GET{live}|=={on}|oui)<div class="radiolive">
|
][(#GET{live}|=={on}|oui)<div class="radiolive">
|
||||||
|
<div class="live_audio">
|
||||||
<h4>Écoutez le direct !</h4>
|
<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>
|
<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>
|
<h4>Salon web</h4>
|
||||||
<div class="bp-medium-up">
|
<div class="bp-medium-up">
|
||||||
<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" id="rocketchat"></iframe>
|
<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" id="rocketchat"></iframe>
|
||||||
|
|
|
@ -493,7 +493,7 @@ ul.spip {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin:0 -4rem;
|
margin:0 -4rem;
|
||||||
@include media($bp-medium) {
|
@include media($bp-medium) {
|
||||||
margin:0 -2rem;
|
margin:0;
|
||||||
}
|
}
|
||||||
.telecharger {
|
.telecharger {
|
||||||
padding:0;
|
padding:0;
|
||||||
|
@ -949,7 +949,34 @@ a:hover .fab, a:hover .fas {
|
||||||
min-height:300px;
|
min-height:300px;
|
||||||
}
|
}
|
||||||
audio {
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue