You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
239 lines
5.5 KiB
HTML
239 lines
5.5 KiB
HTML
:<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="icon" href="favicon.png" type="favicon_test.png" sizes="16x16">
|
|
<title>XPUB LAN(D)</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
|
|
<!-------- INSERT TYPEFACES SUGGESTIONS ----------------------------------------------------------------------------->
|
|
|
|
@font-face {
|
|
<!--- Suggestion 1 (Martin)-->
|
|
font-family: 'Mazius';
|
|
src: url(typefaces(insertyoursuggestionshere/MAZIUSREVIEW20.09-Regular.woff);
|
|
<!--- Suggestion 2 (Martin)
|
|
font-family: 'Messapia';
|
|
src: url(typefaces(insertyoursuggestionshere/Messapia-Regular.woff);
|
|
-->
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@media only screen and (max-width: 10000px) {
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 1em;
|
|
overflow: hidden;
|
|
font-family: Mazius;
|
|
text-align: center;
|
|
background-image: url(garden.jpg);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
x
|
|
.block{
|
|
width:150px;
|
|
float:left;
|
|
padding: 20px;
|
|
margin:20px;
|
|
background:LemonChiffon;
|
|
}
|
|
|
|
.star{
|
|
color: gold;
|
|
font-size: 20px;
|
|
background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
animation: shine 3s infinite;
|
|
background-size: 200%;
|
|
background-position: left;
|
|
}
|
|
|
|
@keyframes shine {
|
|
to{background-position: right}
|
|
|
|
}
|
|
|
|
button{
|
|
font-weight: lighter;
|
|
border: none;
|
|
color:grey;
|
|
}
|
|
|
|
button:hover{
|
|
color:white;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: #787878;
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 0.7em;
|
|
}
|
|
.block{
|
|
width:75px;
|
|
float:left;
|
|
padding: 10px;
|
|
margin:10px;
|
|
background:LemonChiffon;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Radio Implicancies</h1>
|
|
|
|
<div class="title">
|
|
<pre><b>
|
|
XPUB LAN(D) ESTABLISHMENT FOR COLLECTIVE AWAKENING</b></pre>
|
|
</div>
|
|
<div class="title2"> Live stream at 16:00 ✺ 17th June
|
|
</div>
|
|
<div id="vid">
|
|
<iframe width="560" height="315" src="https://video.soi.ch/videos/embed/303547dc-9f14-450c-9659-1b292664742d" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
<div id="audio">
|
|
<audio controls>
|
|
<source src="http://echo.lurk.org:999/lastbroadcast.ogg" type="audio/ogg">
|
|
</audio>
|
|
</div>
|
|
|
|
|
|
<div class="chat">
|
|
<embed src="https://hack.chat/?radioimplicancies">
|
|
</div>
|
|
|
|
<!-------- RADIO 1 ----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_1/"><button type="button"> <h3>R.1</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>My First Radio: TRANSITION AND TRANS-ACTIONS INTERSECTIONS<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>4/10</p>
|
|
</div>
|
|
|
|
<!-------- RADIO 2----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_2/"><button type="button"><h3>R.2</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>Les Sons XPUB<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰✰✰✰✰✰✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>?/10</p>
|
|
</div>
|
|
|
|
<!-------- RADIO 3----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_3/"><button type="button"><h3>R.3</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>GIGA JUAN<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰✰✰✰✰✰✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>?/10</p>
|
|
</div>
|
|
|
|
|
|
<!-------- RADIO 4----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_4/"> <button type="button"><h3>R.4</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>The Act of Untethering<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>27m44s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>9/10</p>
|
|
</div>
|
|
|
|
|
|
<!-------- RADIO 5----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_5/"> <button type="button"><h3>R.5</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>Broken Phone<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>?/10</p>
|
|
</div>
|
|
|
|
<!-------- RADIO 6----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_6/"> <button type="button"><h3>R.6</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>Sobremesa<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>8/10</p>
|
|
|
|
</div>
|
|
|
|
<!-------- RADIO 7----------------------------------------------------------------------------->
|
|
|
|
<div class=block>
|
|
<a href="./Radio_7/"><button type="button"><h3>R.7</h3></button></a>
|
|
<p><b>Title</b><p>
|
|
<p>XPUB Cookbook<p>
|
|
<p><b>Duration:</b></p>
|
|
<p>00m00s</p>
|
|
<p><b>Weirdness level:</b></p>
|
|
<p class="star">✰✰✰✰✰</p>
|
|
<p><b>Easy Listening</b></p>
|
|
<p>9/10</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|