@ -1,107 +1,157 @@
< html xmlns = "http://www.w3.org/1999/xhtml" lang = "" xml:lang = "" >
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, user-scalable=yes" / >
< title > Untitled< / title >
< link rel = "stylesheet" href = "" / >
< / head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width" >
< title > test title< / title >
< style >
body, html{
height: 100%;
}
body {
width: 100%;
background: linear-gradient(71deg, #050505, #b4b2b4, #4946ce, #eeb4a2, #7c26c1, #daf2be);
background-size: 1200% 1200%;
-webkit-animation: gra 40s ease infinite;
-moz-animation: gra 40s ease infinite;
animation: gra 40s ease infinite;
font-family: monospace;
background-color:SeaShell;
color:Tomato;
text-align:center;
}
@keyframes note {
0% {left:300px; top:550px;}
30% {left:450px; top:400px;}
60% {left:350px; top:420px;}
100% {left:300px; top:550px;}
@-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{
position: relative;
top: 320px;
left: 2%;
width: 294px;
margin: 0;
padding: 0;
}
.streamlink{
vertical-align:top;
}
.title{
position:absolute;
display:inline-block;
left:2%;
color: white;
}
.note{
font-size:18;
.playlist{
color: white;
line-height: 1.6;
position: absolute;
z-index: -1;
animation-name: note;
animation-duration: 80s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
display: inline-block;
left: 2%;
top: 800px;
/*white-space: nowrap;*/
word-wrap:break-word;
white-space: normal;
}
.info{
bottom: 30px;
text-align: center;
margin: auto;
width: 50%;
.info1{
background-color: white;
box-shadow: 7px 7px 12px black;
width: 250px;;
padding: 1em;
position: absolute;
display: inline-block;
left: 36%;
top: 310px;
/*white-space: nowrap;*/
word-wrap:break-word;
white-space: normal;
}
< / style >
< / head >
< body >
< div class = "note" > ♪< / div >
< pre > < b >
__ __ __ __ _______ ___ ______ _______ _______ ______ _______ ______ ___ _______
| |_| || | | | | || | | _ | | || | | _ | | _ || | | | | |
| || |_| | | ___|| | | | || | _____||_ _| | | || | |_| || _ || | | _ |
| || | | |___ | | | |_||_ | |_____ | | | |_||_ | || | | || | | | | |
| ||_ _| | ___|| | | __ ||_____ | | | | __ || || |_| || | | |_| |
| ||_|| | | | | | | | | | | | _____| | | | | | | || _ || || | | |
|_| |_| |___| |___| |___| |___| |_||_______| |___| |___| |_||__| |__||______| |___| |_______|
TRANSITION AND TRANS-ACTIONS INTERSECTIONS
< br > ⁰⁰⁺⁰⁰
< audio src = "https://echo.lurk.org:999/transition.ogg" controls autoplay > Get a new browser! ah < / audio >
< br > 00'00"
< audio src = "https://echo.lurk.org:999/myradio.ogg" controls autoplay > Get a new browser! ah < / audio >
< br >
⁰⁰⁺⁰⁰ ⟴_______________________________________________________________________________________________________
04'33"___|___________C͕̳̓͐͒̾L̰̼̥͈͓ͥ͑̚ÃR̥̙͑Ȧ͔͙͈͑___________|_________________________________________________________________________
⁰⁰⁺⁰⁰ ___________°º¤ø,¸ ¸ ¸ ¸ ¸ ¸
01'26"________________________________|______S̿̈́̽̀U͖͋G̔ͫͤͧ̇A̤̙͇̣ͅR͓̟̫̖͙ ͍̞̾& ̺̫̳͕͛̓ ̰̦͍̝̻S͈͉͙̔̐Uͯ́G̞͈̜Â̇R͉͙̆̐͆_____|_______________________________________________
⁰⁰⁺⁰⁰ __________________________________________________¯·.¯`·.¯`·.____________________________________________
17'23"_________________________________________________________|_T̗ͭ͐U̟̻̤̭̜R̳̲͚̜̍T͉ͭL̗̓̋̉͗E̯̦̣̖̬͑̃ͫ̊ͦ ̱̓̎̎ͩͨC̰̍̏́̾͋Oͮ̌N̳͖͎̓̄͒ͅVͥĖ͍R̘ͮͩT̮̠̺̘̑͐͂E̞͇ͥͥ͊͊̾R̥̍̂ͯ_|______________________________
⁰⁰⁺⁰⁰ ______________________________________________________________________________๏__________________________
02'41"___________________________________________________________________________________|_Ȑ͇̻̘̟͆̓O̬͛T̯ͥ̆̈Ȋ͇̱Rͮ͂̉̚O̲͑̚L̜̤̠̮ͪ̏_|___________
⁰⁰⁺⁰⁰ ____________________________________________________________________________________________________|__⬲
< / b >
< div class = "title" >
< pre >
,--,
,---.'| ,----.. ,--. ,-.----.
| | : ,---,. .--.--. .--.--. / / \ ,--.'| .--.--. ,--, ,--, \ / \ ,---,.
: : | ,' .' | / / '. / / '. / . : ,--,: : | / / '. |'. \ / .`| | : \ ,--, ,' .' \
| ' : ,---.' || : /`. / | : /`. / . / ;. \,`--.'`| ' :| : /`. / ; \ `\ /' / ; | | .\ : ,'_ /|,---.' .' |
; ; ' | | .'; | |--` ; | |--` . ; / ` ;| : : | |; | |--` `. \ / / .' . : |: | .--. | | :| | |: |
' | |__ : : |-,| : ;_ | : ;_ ; | ; \ ; |: | \ | :| : ;_ \ \/ / ./ | | \ :,'_ /| : . |: : : /
| | :.'|: | ;/| \ \ `. \ \ `. | : | ; | '| : ' '; | \ \ `. \ \.' / | : . /| ' | | . .: | ;
' : ;| : .' `----. \ `----. \. | ' ' ' :' ' ;. ; `----. \ \ ; ; ; | |`-' | | ' | | || : \
| | ./ | | |-, __ \ \ | __ \ \ |' ; \; / || | | \ | __ \ \ | / \ \ \ | | ; : | | : ' ;| | . |
; : ; ' : ;/| / /`--' / / /`--' / \ \ ', / ' : | ; .' / /`--' / ; /\ \ \ : ' | | ; ' | | '' : '; |
| ,/ | | \'--'. / '--'. / ; : / | | '`--' '--'. / ./__; \ ; \ : : : : | : ; ; || | | ;
'---' | : .' `--'---' `--'---' \ \ .' ' : | `--'---' | : / \ \ ;| | : ' : `--' \ : /
| | ,' `---` ; |.' ; |/ \ ' |`---'.| : , .-./ | ,'
`----' '---' `---' `--` `---` `--`----' `----'
a temporary live broadcast hosted by Clara X Sugar
< br > < br > < br >
< b > PLAYLIST< / b > < br >
////////////////////////////////////////////////////////////< br >
The XPUB Department of Digital Records - Case Number: 92
MIPOLONI - Us
Mozzarella X Gouda - echo
Radio Legends - Macintosh and Windows share a little boogie< br >
////////////////////////////////////////////////////////////
< / pre >
< / div >
< img src = "pic.jpg" style = "position:absolute; display: inline-block; width: 28%; top: 310px; left: 58%; z-index:2; box-shadow: 7px 7px 12px black; " >
< audio controls >
< source src = "http://echo.lurk.org:999/clarasugar.ogg" type = "audio/mpeg" controls autoplay >
< / audio >
< br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br >
< div class = "info" style = "font-family:monospace;" >
< b > *CLARA:*< / b > She_Unnames_Them_remix_clara.wav, < b > *SUGAR& SUGAR:*< / b > "ad_kitkat.mp3
ad_meltedburgers.mp3", < b > *TURTLE CONVERTER:*< / b > "TCturtle2.mp3, TCturtle.mp3, TCname.mp3, TCname_melobytes.mp3, TCturtle_melobytes.mp3, TCturtle_song_melobytes.mp3",< b > *ROTIROL:*< / b > "rotirol-playinginavirtualworld.mp3", < b > *PONGIE& MILO*: Transitions< / b > ⁰⁰⁺⁰⁰.
< br >
If technological systems are implicated in the structuring of knowledge and knowledge systems are implicated in how technology operates … how do we start to think the world otherwise?!
< br > < br >
< b > testing 2, 1, 4. test. test.< / b >
< br > < br >
This is the first ever broadcast of XPUB year of 2021/2022. Tune into a compilation of obscure sounds and voices of the moment. Laying the ground for many more experimental streams to come.
< br > < br >
< div class = "info1" >
< b > T esting 2, 1, 4. test. test.< / b > < br > < br >
If technological systems are implicated in the structuring of knowledge and knowledge systems are implicated in how technology operates … how do we start to think the world otherwise?! < br > < br >
Welcome to the second broadcast of XPUB year of 2021/2022. Tune in for a compilation of obscure sounds and voices of the moment.< br > < br >
Laying the ground for many more experimental streams to come. < br > < br >
Eight weekly broadcasts emit the signals of different constellations within the ten of us, bringing forth different responses and creating new approaches to the way knowledge and technology interplay and create inherent structures.
< br > < br > < br >
Radio Implicancies broadcasts from 16:00-17:00 on < a > https://issue.xpub.nl/15< / a >
< / div >
<!-- <pre><b>
___|)________________________________________________________
|___/____________________________|___________________________||
|__/|_______/|____/|_____/|______|_________XPUB______________||
|_/(|,\____/_|___/_|____/_|______|___________SPECIAL_________||
|_\_|_/___|__|__|__|___|__|___|__|___________________________||
| | | () | () | () | | ||
| (_| -()- -()- -()- -()- | -()- -()- -()- -()- ||
|________________________________|__|__()_|__()_|__()__|_____||
|__/___\_._______________________|__|__|__|__|__|__|___|_____||
|__\___|.________________________|___\_|___\_|___\_|___|_____||
|_____/__________________________|____\|____\|____\|_________||
|____/___________________________|___________________________||
< / b > < / pre > -->
< / body >
< / html >
pnofrc
4 years ago
