second week

3 years ago · fc65d5c9a3
parent 6ae346937b
commit fc65d5c9a3
2 changed files with 143 additions and 93 deletions
--- a/index.html
+++ b/index.html
@ -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>
-    <style>
-body{
-    font-family:monospace;
-    background-color:SeaShell;
-    color:Tomato;
-    text-align:center;
+        <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;
    
-        }
-        @keyframes note { 
-0%   {left:300px; top:550px;}
-30%  {left:450px; top:400px;}            
-60%  {left:350px; top:420px;}
-100% {left:300px; top:550px;}
 }

-.note{
-font-size:18;
-position: absolute;
-z-index: -1;
-animation-name: note;
-animation-duration: 80s;
-animation-iteration-count: infinite;
-animation-fill-mode: forwards;
+@-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%}
 }
-        
-.info{
-    bottom: 30px;
-    text-align: center;
-margin: auto;
-    width: 50%;
-       } 
-        
-    </style>
+@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;
+    }
+    
+   
+.playlist{
+
+    color: white;
+    line-height: 1.6;
+    position: absolute;
+    display: inline-block;
+    left: 2%;
+    top: 800px;
+    /*white-space: nowrap;*/
+    word-wrap:break-word;
+    white-space: normal;
+    }   
+    
+    
+
+.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̰̼̥͈͓ͥ͑̚ÃR̥̙͑Ȧ͔͙͈͑___________|_________________________________________________________________________
-⁰⁰⁺⁰⁰ ___________°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸_______________________________________________________
-01'26"________________________________|______S̿̈́̽̀U͖͋G̔ͫͤͧ̇A̤̙͇̣ͅR͓̟̫̖͙ ͍̞̾&̺̫̳͕͛̓ ̰̦͍̝̻S͈͉͙̔̐Uͯ́G̞͈̜Â̇R͉͙̆̐͆_____|_______________________________________________
-⁰⁰⁺⁰⁰ __________________________________________________¯·.¯`·.¯`·.____________________________________________
-17'23"_________________________________________________________|_T̗ͭ͐U̟̻̤̭̜R̳̲͚̜̍T͉ͭL̗̓̋̉͗E̯̦̣̖̬͑̃ͫ̊ͦ ̱̓̎̎ͩͨC̰̍̏́̾͋Oͮ̌N̳͖͎̓̄͒ͅVͥĖ͍R̘ͮͩT̮̠̺̘̑͐͂E̞͇ͥͥ͊͊̾R̥̍̂ͯ_|______________________________
-⁰⁰⁺⁰⁰ ______________________________________________________________________________๏__________________________
-02'41"___________________________________________________________________________________|_Ȑ͇̻̘̟͆̓O̬͛T̯ͥ̆̈Ȋ͇̱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 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>
-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>
+    
+<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; ">

-<!-- <pre><b>
+<audio controls>
+        <source src="http://echo.lurk.org:999/clarasugar.ogg" type="audio/mpeg" controls autoplay>
+</audio>

- ___|)________________________________________________________
-|___/____________________________|___________________________||
-|__/|_______/|____/|_____/|______|_________XPUB______________||
-|_/(|,\____/_|___/_|____/_|______|___________SPECIAL_________||
-|_\_|_/___|__|__|__|___|__|___|__|___________________________||
-|   |     | ()  | ()   | ()   |  |                           ||
-| (_|   -()-  -()-   -()-   -()- | -()-  -()-  -()-   -()-   ||
-|________________________________|__|__()_|__()_|__()__|_____||
-|__/___\_._______________________|__|__|__|__|__|__|___|_____||
-|__\___|.________________________|___\_|___\_|___\_|___|_____||
-|_____/__________________________|____\|____\|____\|_________||
-|____/___________________________|___________________________||
+<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>            

-</b></pre> -->

-    </body>
-</html>

+                                                                                                                                                                                                     
+            
+<div class= "info1">

+<b>Testing 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.
+ 
+</div>
+
+
+
+
+
+</body>
+</html>
--- a/pic.jpg
+++ b/pic.jpg