varia/web-narrowcast
14
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

corrections and updated stream link

Browse Source
This commit is contained in:
JoanaChicau 2021-12-03 18:07:28 +01:00
parent 2efbf4540c
commit ebd5fe879d
1 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
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,10 +229,10 @@ 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>
<button class="chance" onclick="randomize()">click here ▸ chance operations *･゜<p id="rnd"></p></button>
<div class="chance-cap"> <div class="chance-cap">
<br> <br>
🤖 🤝 🙃 = "human-machine collaboration"; 🤖 🤝 🙃 = "human-machine collaboration";
💻 💛🔥 🎹 = "CodeKlavier"; 💻 💛🔥 🎹 = "CodeKlavier";
@ -233,19 +241,10 @@ document.getElementById("rnd").innerHTML = icons[random];
©️ ➡️ ♻️ = "FL0SS" (free/libre and open source software); ©️ ➡️ ♻️ = "FL0SS" (free/libre and open source software);
🔮 🖥️✨ = esoteric programming languages; 🔮 🖥️✨ = 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> -->