anglk
/
web-narrowcast
forked from varia/web-narrowcast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

corrections and updated stream link

master
JoanaChicau 3 years ago
parent
2efbf4540c
commit
ebd5fe879d
1 changed files with 39 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 73
      index.html

73
index.html
View File

@ -28,22 +28,31 @@ iframe {
.allchance{ .allchance{
width: 100%; width: 100%;
margin: 1%; margin: 1%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
} }
.chance{ .chance, button.chance {
font-family: "Computer Modern Typewriter Light"; font-family: "Computer Modern Typewriter Light";
margin: 1%; margin: 1%;
padding: 0.5rem;
background-color: var(--color-lightpink); background-color: var(--color-lightpink);
border-radius: 0.2rem; border-radius: 1.2rem;
height: 5rem;
border: none;
box-shadow: 0.3rem 0.2rem 0.3rem var(--color-lightpink);
} }
a.chance-link , a.chance-link: visited { a.chance-link , a.chance-link: visited {
color: var(--color-lightpink) !important; color: var(--color-lightpink) !important;
text-decoration: none !important; text-decoration: none !important;
} }
.chance-cap{ .chance-cap{
font-size: 0.7rem; font-size: 0.8rem;
} }
#rnd { #rnd {
font-size: 2rem; font-size: 2rem;
margin: 0.25rem;
} }
</style> </style>
@ -136,11 +145,9 @@ document.getElementById("rnd").innerHTML = icons[random];
<!-- jitsi or alike CALLING BELLEN--> <!-- jitsi or alike CALLING BELLEN-->
<button onclick="hideshowJitsi()" class="" id="bhide_jit"> ⭑✰⭑ <br> STREAM </button> <button onclick="hideshowJitsi()" class="" id="bhide_jit"> ⭑✰⭑ <br> STREAM </button>
<!-- etherpad--> <!-- etherpad-->
<button onclick="hideshowPad()" class="" id="bhide_ether">WRITING <br> SCHRIJVEN</button> <button onclick="hideshowPad()" class="" id="bhide_ether">ETHERPAD <br> & CHAT</button>
<!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- video streaming or files --> <!-- video streaming or files -->
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">ARquatic <br> LIVE </button> <button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">AR'QUATIC <br> LIVE </button>
<!-- chat <!-- chat
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button> <button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
--> -->
@ -149,7 +156,8 @@ document.getElementById("rnd").innerHTML = icons[random];
--> -->
<!-- image multiple --> <!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button> <button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
<!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">MORE + <br> MERE +</button>
</div> </div>
@ -190,10 +198,10 @@ document.getElementById("rnd").innerHTML = icons[random];
<!-- JITSI --> <!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats --> <!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen" id="showJit"> <div class="halfscreen" id="showJit">
<iframe src="" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen> <iframe width="560" height="315" src="https://www.youtube.com/embed/Fnd9faqXURw?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</iframe> </iframe>
<br> ↬ <br> ↬
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a> <a class="windowlinks" href="https://www.youtube.com/watch?v=Fnd9faqXURw" target="_blank"> direct link to ↬ youtube stream</a>
</div> </div>
<!-- Jitsi for use --> <!-- Jitsi for use -->
@ -221,31 +229,22 @@ document.getElementById("rnd").innerHTML = icons[random];
<!-- NEW ZONE --> <!-- NEW ZONE -->
<div class="allchance"> <div class="allchance">
<button class="chance" onclick="randomize()">chance operations <p id="rnd"></p></button>
<div class="chance-cap"> <button class="chance" onclick="randomize()">click here ▸ chance operations *･゜<p id="rnd"></p></button>
<br> <div class="chance-cap">
🤖 🤝 🙃 = "human-machine collaboration"; <br>
💻 💛🔥 🎹 = "CodeKlavier"; 🤖 🤝 🙃 = "human-machine collaboration";
🌍 🔊 🌈 = "networked audio-visuals"; 💻 💛🔥 🎹 = "CodeKlavier";
🌊 🎶 = "Tidal Cycles"; 🌍 🔊 🌈 = "networked audio-visuals";
©️ ➡️ ♻️ = "FL0SS" (free/libre and open source software); 🌊 🎶 = "Tidal Cycles";
🔮 🖥️✨ = esoteric programming languages; ©️ ➡️ ♻️ = "FL0SS" (free/libre and open source software);
🔮 🖥️✨ = esoteric programming languages;
<sup><a style="color:var(--color-lightpink);" class="chance-link" href="https://walkerart.org/magazine/chance-conversations-an-interview-with-merce" target="_blank" > about chance operations [* ref.]</a><sup>
<sup><a style="color:var(--color-lightpink);" class="chance-link" href="https://walkerart.org/magazine/chance-conversations-an-interview-with-merce" target="_blank" > about chance operations [+]</a><sup>
</div> </div>
</div> </div>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="fullscreen hide" id="showEssay">
<iframe src="https://geometries.xyz/"></iframe><br> ↬
<a class="windowlinks" href="https://geometries.xyz/" target="_blank"> ↬ direct link to Choreographies of the Circle & Other Geometries</a>
</div>
<!-- here is an example if you would like to add an iframe --> <!-- here is an example if you would like to add an iframe -->
@ -280,7 +279,9 @@ document.getElementById("rnd").innerHTML = icons[random];
<iframe width="560" height="315" src="https://www.youtube.com/embed/h6mXDQg3qYc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/h6mXDQg3qYc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br> ↬ ARquatic at Home <br> ↬ ARquatic at Home
<a class="windowlinks" href="https://www.youtube.com/watch?v=h6mXDQg3qYc" target="_blank"> ↬ direct link to video stream </a> <a class="windowlinks" href="https://www.youtube.com/watch?v=h6mXDQg3qYc" target="_blank"> ↬ direct link to video stream</a> and
<a class="windowlinks" href="https://apps.apple.com/nl/app/arquatic/id1557620712?l=en" target="_blank"> ↬ link to Apple app</a> or
<a class="windowlinks" href="https://play.google.com/store/apps/details?id=space.codeklavier.arquatic&hl=en_US&gl=US" target="_blank"> ↬ link to Android app</a>
</div> </div>
@ -392,12 +393,16 @@ document.getElementById("rnd").innerHTML = icons[random];
<br> ↬ Playing Beuys’s Records - Concert - Chiho Oka <br> ↬ Playing Beuys’s Records - Concert - Chiho Oka
<a class="windowlinks" href="https://vimeo.com/650992697" target="_blank"> ↬ link ↫ </a> <a class="windowlinks" href="https://vimeo.com/650992697" target="_blank"> ↬ link ↫ </a>
</figure> </figure>
</div> </div>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="fullscreen hide" id="showEssay">
<iframe src="https://geometries.xyz/"></iframe><br> ↬
<a class="windowlinks" href="https://geometries.xyz/" target="_blank"> ↬ direct link to Choreographies of the Circle & Other Geometries</a>
</div>
<!-- NEW NOTE --> <!-- NEW NOTE -->
<!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * <u>Nota</u>: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *</p> --> <!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * <u>Nota</u>: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *</p> -->

Write Preview
Loading…
Cancel
Save