74 lines
1.8 KiB
HTML
74 lines
1.8 KiB
HTML
<style>
|
|
|
|
#radio {
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
|
|
|
|
|
|
article {
|
|
|
|
flex: 1 1 300px;
|
|
|
|
}
|
|
h2 {
|
|
font-size: 24em;
|
|
/* text-transform: uppercase;*/
|
|
line-height: 1em;
|
|
flex: 1 1 100%;
|
|
}
|
|
p {
|
|
flex: 1 1 100%;
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
h2 {
|
|
font-size: 8em;
|
|
}
|
|
p {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
|
|
.border {
|
|
border-style: double;
|
|
border-color: purple;
|
|
border-width: 10px;
|
|
margin: 2px 1px 2px 1px;
|
|
flex: 1 1 300px;
|
|
padding: 80px;
|
|
}
|
|
.section-headers {
|
|
padding: 80px;
|
|
border-style: double;
|
|
border-color: purple;
|
|
border-width: 10px;
|
|
flex: 1 1 300px;
|
|
max-width: 100%;
|
|
margin: 2px 1px 2px 1px;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
<section id="radio">
|
|
<article class="section-headers">
|
|
<h2>RadioStation</h2>
|
|
<p>Basspistol Radio Station! 777% without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
|
|
</article>
|
|
<div class="border">
|
|
<iframe src="https://radio.basspistol.com/public/basspistol/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>
|
|
<iframe src="https://radio.basspistol.com/public/basspistol/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 480px; border: 0;"></iframe>
|
|
</div>
|
|
<!-- <div class="border">
|
|
<iframe src="https://radio.basspistol.com/public/basspistol/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 950px; border: 0;"></iframe>
|
|
</div>-->
|
|
<!-- <div class="border">
|
|
<iframe src="https://radio.basspistol.com/public/basspistol/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 1280px; border: 0;"></iframe>
|
|
</div>-->
|
|
</section>
|