master
camilo 3 years ago
parent e92c304ccc
commit 6bdef3fb06

@ -2,234 +2,256 @@
<html>
<head>
<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">
<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>
<title>❃ XPUB LAN(D) ❃</title>
</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 class="head">
<h1>Radio Implicancies</h1>
<embed src="https://wttr.in/Rotterdam?T0">
</div>
<div id="audio">
<audio controls>
<source src="http://echo.lurk.org:999/lastbroadcast.ogg" type="audio/ogg">
</audio>
<div class="title2">
Live stream <br>
@4PM <br>
17th June
</div>
<div class="stream">
<div class="chat">
<embed src="https://hack.chat/?radioimplicancies">
</div>
<div class="text">
<div class="title">
Cybernetic Awakening ❃ XPUB LAN(D)
</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----------------------------------------------------------------------------->
<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>
<i>Jacopo</i>❃ Intro♫<br><br>
<!-------- 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----------------------------------------------------------------------------->
<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>
3. ❃ <i>Nocturne in C Sharp Minor (No. 20) arrangement for Web Oscillator ❃ Martin</i> <br>
<!-------- 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>
<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 id="vid">
<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>
</div>
<div class="chat">
<embed src="https://hack.chat/?radioimplicancies">
</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>

Loading…
Cancel
Save