master
camilo 3 years ago
parent e92c304ccc
commit 6bdef3fb06

@ -2,234 +2,256 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="favicon_test.png" sizes="16x16"> <link rel="icon" href="favicon.png" type="favicon_test.png" sizes="16x16">
<title>XPUB LAN(D)</title> <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>
<h1>Radio Implicancies</h1> <div class="head">
<h1>Radio Implicancies</h1>
<div class="title"> <embed src="https://wttr.in/Rotterdam?T0">
<pre><b> </div>
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"> <div class="title2">
<audio controls> Live stream <br>
<source src="http://echo.lurk.org:999/lastbroadcast.ogg" type="audio/ogg"> @4PM <br>
</audio> 17th June
</div> </div>
<div class="stream">
<div class="text">
<div class="chat"> <div class="title">
<embed src="https://hack.chat/?radioimplicancies"> Cybernetic Awakening ❃ XPUB LAN(D)
</div> </div>
<p class="intro">
We can't predict the weather and the weather can't predict us. Today we gather in the garden of the Ijzerblock studios in Rotterdam for our final broadcast, channeling the earthly circumstances of the moment into a collective, cybernetic awakening. Join us for this experimental live stream, chasing collective healing through electronic impulses. Sour rain will fuel your magnetic soil, energising the chaotic creature which feeds you sweet, sweet, sonic healing.
</p>
<p class="setlist">
<b>Setlist:</b> <br><br>
<!-------- 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-----------------------------------------------------------------------------> <i>Jacopo</i>❃ Intro♫<br><br>
<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>
1. ❃ <i>The Department of Oracle Hijackings ❃ Kendal</i> <br>
<!-------- RADIO 4-----------------------------------------------------------------------------> A routine call to the XPUB Department of Digital Records gets interrupted by a disgruntled employee who has begun to become critical of her workplace's structures and wants to expose the gaps between.<br><br>
<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>
2. ❃ <i>Linguistic Meditation Karaoke ❃ Euna</i> <br>
<!-------- RADIO 5-----------------------------------------------------------------------------> Following last week, I recorded video call that people pronounce selected word (https://hub.xpub.nl/sandbot/~eunalee/karaoke/flask/) in "my standard way".<br><br>
<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-----------------------------------------------------------------------------> 3. ❃ <i>Nocturne in C Sharp Minor (No. 20) arrangement for Web Oscillator ❃ Martin</i> <br>
<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-----------------------------------------------------------------------------> A short audiovisual performance with a self-made Web oscillator (still under development). I'll try to tune on the solo piano piece composed by Frédéric Chopin called Nocturne in C Sharp Minor (No. 20).<br><br>
4. ❃ <i> AAA (three tracks + visuals) ❃ Floor</i> <br>
Acknowledging, Accepting and Asking to gather information about the world and the wide web we're floating in.<br><br>
5. ❃ <i> Weathering in Anxiety ❃ Clara </i> <br>
The final piece of the Soundboards of Anxiety (https://hub.xpub.nl/sandbot/~clara/). Using a soundboard created in the browser. The final storm. The weather is turning, come out and listen. Feel every drop of anxiety. Wash it away. Drown it out. Create more anxiety by the overload of sounds or enjoy quietly the weathering sounds drowning out your buzzing thoughts.<br><br>
6. ❃ <i> Lullaby (A place to rest) ❃ Nami </i> <br>
Lullaby (A place to rest) is a soundscape created by programmed synthesizers, emulating sounds of the nature. It questions how the nature is taken for granted as a rest place for human, and how it correlates with prejudgement that female tends to be considered as a comfort giver or an emotional communicator.<br><br>
7. ❃ <i> The Banality of Peace ❃ Federico </i> <br>
Gameplay of the DOOM mod "Praxis".<br><br>
<i>Jacopo</i>❃ Outro♫<br>
</p>
</div>
<div class=block>
<a href="./Radio_7/"><button type="button"><h3>R.7</h3></button></a> <div id="vid">
<p><b>Title</b><p> <iframe class="video" sandbox="allow-same-origin allow-scripts allow-popups" title="Live" src="https://tube.tchncs.de/videos/embed/a33d6fe7-4c96-4008-82f0-55671da6977c" frameborder="0" allowfullscreen></iframe>
<p>XPUB Cookbook<p>
<p><b>Duration:</b></p> </div>
<p>00m00s</p>
<p><b>Weirdness level:</b></p>
<p class="star">✰✰✰✰✰</p>
<p><b>Easy Listening</b></p>
<p>9/10</p>
<div class="chat">
<embed src="https://hack.chat/?radioimplicancies">
</div>
</div> </div>
<div class="bar">
<div class="bar_content">
XPUB1&nbsp;year&nbsp;of&nbsp;2021/2022.&nbsp;Tune&nbsp;into&nbsp;a&nbsp;compilation&nbsp;of&nbsp;obscure&nbsp;sounds&nbsp;and&nbsp;voices&nbsp;of&nbsp;the&nbsp;moment.&nbsp;Eight&nbsp;weekly&nbsp;broadcasts&nbsp;emitted&nbsp;the&nbsp;signals&nbsp;of&nbsp;different&nbsp;constellations&nbsp;within&nbsp;the&nbsp;ten&nbsp;of&nbsp;us,&nbsp;bringing&nbsp;forth&nbsp;different&nbsp;responses&nbsp;and&nbsp;creating&nbsp;new&nbsp;approaches&nbsp;to&nbsp;the&nbsp;way&nbsp;knowledge&nbsp;and&nbsp;technology&nbsp;interplay&nbsp;and&nbsp;create&nbsp;inherent&nbsp;structures.&nbsp;ARCHIVE&nbsp;BELOW&nbsp;
</div>
</div>
<div class="issues">
<!-------- RADIO 1 ----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"> <h3>1</h3></button>
<h2>Transition And Trans-Actions Intersections</h2>
</div>
<div class="flip-card-back">
<a href="../Radio_1/"><button type="button"> <h3>1</h3></button></a>
<h2>Transition And Trans-Actions Intersections</h2>
<h3 class="time">44'47"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 2----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"> <h3>2</h3></button>
<h2>Les Sons XPUB </h2>
</div>
<div class="flip-card-back">
<a href="../Radio_2/"><button type="button"> <h3>2</h3></button></a>
<h2>Les Sons XPUB </h2>
<h3 class="time">56'08"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰✰✰✰✰✰✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 3----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<a href="./Radio_3/"><button type="button"> <h3>3</h3></button></a>
<h2>A Generative State of Mind</h2>
</div>
<div class="flip-card-back">
<a href="../Radio_3/"><button type="buttonback"> <h3>3</h3></button></a>
<h2>A Generative State of Mind</h2>
<h3 class="time">22'08"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰✰✰✰✰✰✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 4----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"> <h3>4</h3></button>
<h2>The Act of Untethering</h2>
</div>
<div class="flip-card-back">
<a href="../Radio_4/"><button type="button"> <h3>4</h3></button></a>
<h2>The Act of Untethering</h2>
<h3 class="time">27'44"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 5----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"> <h3>5</h3></button>
<h2>Broken Phone </h2>
</div>
<div class="flip-card-back">
<a href="../Radio_5/"><button type="button"> <h3>5</h3></button></a>
<h2>Broken Phone </h2>
<h3 class="time">--'--"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 6----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"> <h3>6</h3></button>
<h2>Sobremesa </h2>
</div>
<div class="flip-card-back">
<a href="../Radio_6/"><button type="button"> <h3>6</h3></button></a>
<h2>Sobremesa </h2>
<h3 class="time">21'56"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰✰</p>
<p></p>
</div>
</div>
</div>
<!-------- RADIO 7----------------------------------------------------------------------------->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<button type="button"><h3>7</h3></button>
<h2>XPUB Cookbook </h2>
</div>
<div class="flip-card-back">
<a href="../Radio_7/"><button type="button"><h3>7</h3></button></a>
<h2>XPUB Cookbook </h2>
<h3 class="time">25'38"</h3>
<p class="level">Implicancy level:</p>
<p class="star">✰✰✰✰✰</p>
<p></p>
</div>
</div>
</div>
</div>
</body> </body>

Loading…
Cancel
Save