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>
|
:<!DOCTYPE HTML>
|
||||||
<html lang="en">
|
<html>
|
||||||
|
|
||||||
<head>
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a class="clickme" href="Radio_7/">This weeks broadcast</a>
|
|
||||||
<script>
|
<h1>Radio Implicancies</h1>
|
||||||
setTimeout(function () {
|
|
||||||
document.querySelector("a.clickme").click();
|
<div class="title">
|
||||||
}, 250);
|
<pre><b>
|
||||||
</script>
|
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>
|
</body>
|
||||||
</html>
|
</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