final
camilo
3 years ago
parent
35fae31728
commit
e92c304ccc
@ -0,0 +1 @@
|
||||
.ipynb_checkpoints
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 370 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 420 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 110 KiB |
@ -1,16 +1,238 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
:<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
<a class="clickme" href="Radio_7/">This weeks broadcast</a>
|
||||
<script>
|
||||
setTimeout(function () {
|
||||
document.querySelector("a.clickme").click();
|
||||
}, 250);
|
||||
</script>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
@ -1,290 +0,0 @@
|
||||
|
||||
/*----------------- FONTS --------------------*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
src: url(Brut_Grotesque-Text.woff);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/*----------------- CURSOR --------------------*/
|
||||
|
||||
html {
|
||||
cursor: url(CURSEUR.png), pointer; min-height: 100%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*----------------- TEXT --------------------*/
|
||||
|
||||
@media only screen and (max-width: 10000px) {
|
||||
|
||||
body{
|
||||
color:white;
|
||||
position: center;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
|
||||
background-size: 1000% 1000%;
|
||||
-webkit-animation: gra 20s ease infinite;
|
||||
-moz-animation: gra 20s ease infinite;
|
||||
animation: gra 20s ease infinite;
|
||||
font-family: monospace;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes gra {
|
||||
0%{background-position:0% 47%}
|
||||
50%{background-position:100% 54%}
|
||||
100%{background-position:0% 47%}
|
||||
}
|
||||
@-moz-keyframes gra {
|
||||
0%{background-position:0% 47%}
|
||||
50%{background-position:100% 54%}
|
||||
100%{background-position:0% 47%}
|
||||
}
|
||||
@keyframes gra {
|
||||
0%{background-position:0% 47%}
|
||||
50%{background-position:100% 54%}
|
||||
100%{background-position:0% 47%}
|
||||
}
|
||||
}
|
||||
|
||||
audio{
|
||||
width: 90%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
padding-bottom: 15px;
|
||||
text-align: left;
|
||||
margin:auto;
|
||||
position: fixed;
|
||||
|
||||
}
|
||||
a:link {
|
||||
color: #00b6f0;
|
||||
}
|
||||
a:visited {
|
||||
color: #00b6f0;
|
||||
}
|
||||
a:hover {
|
||||
color: #00b6f0;
|
||||
}
|
||||
a:active {
|
||||
color: #00b6f0;
|
||||
}
|
||||
.responsive {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
/*.audio-player {
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 95%;
|
||||
border-radius: 10px;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
color: white;
|
||||
}*/
|
||||
.rec {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
background-color: red;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
z-index: 5;
|
||||
-webkit-animation: fadeinout 4s linear infinite;
|
||||
animation: fadeinout 4s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes fadeinout {
|
||||
0%,100% { opacity: 0; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes fadeinout {
|
||||
0%,100% { opacity: 0; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
.title {
|
||||
text-align: left;
|
||||
font-size: 4vw;
|
||||
line-height: 110%;
|
||||
padding-top: 80px;
|
||||
color: white;
|
||||
z-index:4;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
}
|
||||
|
||||
.title2 {
|
||||
text-align: left;
|
||||
font-size: 3vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:3;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
|
||||
.intro {
|
||||
text-align: left;
|
||||
font-size: 1.5vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:2;
|
||||
margin-right: 25%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
.infos{
|
||||
font-size: 1vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:1;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
}
|
||||
.logos{
|
||||
font-size: 1vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: last baseline;
|
||||
position: fixed;
|
||||
bottom: 2%;
|
||||
left: 2%;
|
||||
right: 2%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
body{
|
||||
color:white;
|
||||
position: center;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.title {
|
||||
text-align: left;
|
||||
font-size: 6vw;
|
||||
line-height: 110%;
|
||||
padding-top: 80px;
|
||||
color: white;
|
||||
z-index:4;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
}
|
||||
|
||||
.title2 {
|
||||
text-align: left;
|
||||
font-size: 3vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:3;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
|
||||
.intro {
|
||||
text-align: left;
|
||||
font-size: 2.5vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:2;
|
||||
margin-right: 2%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
.infos{
|
||||
font-size: 1.5vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:1;
|
||||
display: flex;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.logos{
|
||||
font-size: 1.5vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: last baseline;
|
||||
position: fixed;
|
||||
bottom: 2%;
|
||||
left: 2%;
|
||||
right: 2%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
body{
|
||||
color:white;
|
||||
position: center;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.title {
|
||||
text-align: left;
|
||||
font-size: 6vw;
|
||||
line-height: 110%;
|
||||
padding-top: 80px;
|
||||
color: white;
|
||||
z-index:4;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
}
|
||||
|
||||
.title2 {
|
||||
text-align: left;
|
||||
font-size: 3vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:3;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
|
||||
.intro {
|
||||
text-align: left;
|
||||
font-size: 3vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:2;
|
||||
margin-right: 2%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
.infos{
|
||||
font-size: 1.4vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
z-index:1;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.logos{
|
||||
font-size: 1vw;
|
||||
line-height: 110%;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: last baseline;
|
||||
position: fixed;
|
||||
bottom: 2%;
|
||||
left: 2%;
|
||||
right: 2%;
|
||||
font-family: 'Brut_Grotesque-Text';
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue