varia
/
web-narrowcast
14
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity
This is repo hosts experiments for the broadcast (aka narrowcast) webpage at Varia.zone
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
249 Commits
1 Branch
0 Tags
56 MiB
Tree: 23d91167c8
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '23d91167c8'
${ noResults }
web-narrowcast/index.html

243 lines
13 KiB
Raw Normal View History

usercond 04
3 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NARROWCAST</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" /> -->
<!-- OUR STYLES -->
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link>
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle-extra.css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<!-- OUR SCRIPTS -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="narrowscripts.js"></script>
<script type="text/javascript" src="narrowskin.js"></script>
</head>
<body>
<div class="linkmore">
<a href="https://vvvvvvaria.org/logs/zamopuzo" target="_blank">back ↗ stage </a>
<br>
<a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div>
<div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()">⇆</button>
<div class="sidetop">
<!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section -->
<!-- if no event is left please add this placeholder: <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! -->
added back maarquee placeholder
3 years ago
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p>
added event in the archive wireless orchestra
3 years ago
usercond 04
3 years ago
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"><a href="http://varia.zone/en/usercond04.html" target="_blank">The User Condition #04 - "Losing Your Data is Good for You" - with Dave Young </a></p>
<p>⇊ Was amazing ↷ geweldig ⇊</p>
<p> <a href="archive.html">Archive ↩</a></p>
</div>
<div class="sidebottom">
<p>17 December '21': <a href="http://varia.zone/en/double-launch-si16-and-vernaculars-come-to-matter.html" target="_blank">Double publication launch: <em>Learning How to Walk While Catwalking</em> and <em>Vernaculars come to matter</em></a></p>
added event in the archive wireless orchestra
3 years ago
<p>17 December '21: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p>
usercond 04
3 years ago
<p>5 December '21: <a href="http://varia.zone/en/cc-nlcl-tales.html" target="_blank">Ch◦re◦graphing C◦ding ↝ tales from real-time collaborative audio-visual coding ↜ </a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank"> Mirroring the 24hr radio marathon ROOTS </a></p>
<p>29 July'21: <a href="https://vvvvvvaria.org/usercond03.html" target="_blank">The User Condition #03 - met Anaëlle Beignon </a></p>
<p>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank">Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>12 July'21: <a href="" target="_blank">Waste/d voices and infrastructures</a></p>
<p>12-14 June'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>11 June'21: <a href="" target="_blank">Ecstatic Speech</a></p>
<p>19-23 May'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank">The User Condition #02 - Met Brendan Howell </a></p>
<p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank">Read &amp; Repair</a></p>
<p>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank">User Condition S01E01</a></p>
<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank">FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank">Read &amp; Repair: Wireless Imagination</a></p>
<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank">RE#SISTER: Corporeal Whispers</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank">Niek Hilkmann - Groeten uit Charlois</a></p>
<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
</div>
</div>
<div class="live live-flex">
<!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia">
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- chat -->
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div>
<!-- MEDIA CONTENT -->
added back maarquee placeholder
3 years ago
<!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT
<!-- if online: -->
<!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " -->
<!-- if offline: -->
<!-- " ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone " -->
<marquee scrolldelay="92"> * ◝ ₊· ON AIR ♪ ♬ ヾ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸.✧ ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪. ♪ . * ◝ ₊· </marquee>
usercond 04
3 years ago
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen" id="showEssay">
<iframe src="https://www.furtherfield.org/know-your-filesystem-and-how-it-affects-you/"></iframe><br> ↬
<a class="windowlinks" href="https://www.furtherfield.org/know-your-filesystem-and-how-it-affects-you/" target="_blank"> Know Your Filesystem (and how it affects you) ↬ direct link to text</a>
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
</div>
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen hide" id="showImg">
<img src="https://vvvvvvaria.org/images/FHM2_poster.jpg">
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/images/FHM2_poster.jpg" alt=""> caption: 'Varia' ↬ link to .jpg</a>
</figure>
<!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander -->
<div class="audio-stream fullscreen" id="showAudio">
Update &#39;index.html&#39;
3 years ago
<audio id="player" preload="none" src="https://voice.vvvvvvaria.org/narrowcast"> </audio>
usercond 04
3 years ago
<p>
Press play (best listened in FireFox). It might take a minute to load.</p>
<div class="audio-buttons">
<button id="bp" class="stream-button b-narrow" onclick="document.getElementById('player').play(); bplaytoggle()">Play</button>
<button id="bs" class="stream-button b-narrow" onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src; bstoptoggle()">Stop</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
</div>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://stream.w-i-t-m.net/meander" target="_blank"> direct link to audio! </a></span>
</div>
<!-- IMAGE GALLERY -->
<!-- PLACEHOLDER links:
https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg
https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png
https://vvvvvvaria.org/archive/varia-server/varia-home-red.png
https://vvvvvvaria.org/archive/varia-server/welcome.png -->
<div class="img-gallery" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/copyme.gif"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/copyme.gif" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/ecdl.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/ecdl.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/Evolution_of_the_document_icon_shape.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/Evolution_of_the_document_icon_shape.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/hackerz.gif"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/hackerz.gif" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/idealwork.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/idealwork.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/magical.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/magical.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/metaphor.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/metaphor.png" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/metazuck.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/metazuck.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/needlecards.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/needlecards.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/Robertson-Filing-Cabinet-2.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/Robertson-Filing-Cabinet-2.jpg" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
<figure>
update userconditoin 04
3 years ago
<img src="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/skeuomorphism.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/~s/user-cond-04_temp/kyf/skeuomorphism.png" target="_blank" alt=""> link to .jpg</a>
usercond 04
3 years ago
</figure>
</div>
<a href="https://dvyng.com/" id="dave" target="_blank">
<img src="https://post.lurk.org/system/accounts/avatars/000/006/762/original/fc8339a39e5596e0.gif" alt="Dave Young">
</a>
<a href="https://silviolorusso.com" id="silvio" target="_blank">
<img src="https://www.che-fare.com/che-fare-media/2015/07/Schermata-2015-07-10-alle-14.48.04-1.jpg" alt="Silvio Lorusso">
</a>
<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. There is the option to open the direct url of each element in a new window.</p> -->
</div>
<script type="text/javascript" src="narrowscripts.js"></script>
</body>
</html>