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.
274 Commits
1 Branch
0 Tags
56 MiB
Tree: db1c77791f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'db1c77791f'
${ noResults }
web-narrowcast/index.html

232 lines
12 KiB
Raw Normal View History

adding the atnofs page
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! -->
resetting the index page to the default
3 years ago
adding the radio broadcast with OSP of tonight
2 years ago
<p>September 7th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #1: standards and work arounds, with Open Source Publishing (OSP)</a></p>
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> -->
adding the atnofs page
3 years ago
</div>
<div class="middle">
adding the radio broadcast with OSP of tonight
2 years ago
<p>⇈ Soon ⇈ <br> ⇈ Binnenkort ⇈</p>
adding the atnofs page
3 years ago
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<!-- ADD A CURRENT LIVE EVENT HERE -->
Update &#39;index.html&#39;
3 years ago
<p id="livesubtitle"><a href="" target="_blank"></a></p>
adding the radio broadcast with OSP of tonight
2 years ago
<p>⇊ Was amazing ↷ ook leuk ⇊</p>
<p> <a href="https://vvvvvvaria.org/archive/">Archive ↩</a></p>
adding the atnofs page
3 years ago
</div>
<div class="sidebottom">
resetting the index page to the default
3 years ago
<p>23 maart / March '22: A Transversal Network of Feminist Servers (<a href="https://varia.zone/atnofs-varia.html" target="_blank">een radio uitzending</a> / <a href="https://varia.zone/en/atnofs-varia.html" target="_blank">a radio broadcast</a>)</a></p>
Update &#39;index.html&#39;
3 years ago
resetting the index page to the default
3 years ago
<p>18 December '21: <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>
adding the atnofs page
3 years ago
resetting the index page to the default
3 years ago
<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>
adding the atnofs page
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>
resetting the index page to the default
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>
adding the atnofs page
3 years ago
<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 -->
Update &#39;index.html&#39;
3 years ago
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
adding the atnofs page
3 years ago
<!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
switching the index page now for the broadcast at 18:00
2 years ago
<!-- chat -->
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- etherpad-->
<!-- <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> -->
adding the atnofs page
3 years ago
</div>
<!-- MEDIA CONTENT -->
<!-- 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 " -->
switching the index page now for the broadcast at 18:00
2 years ago
<marquee scrolldelay="92">[LIVE NOW] Publishing Partyline, Broadcast #1: standards and work arounds, with Open Source Publishing (OSP)</marquee>
adding the atnofs page
3 years ago
<!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander -->
switching the index page now for the broadcast at 18:00
2 years ago
<div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://voice.vvvvvvaria.org/live"> </audio>
resetting the index page to the default
3 years ago
<p>
Press play (best listened in FireFox). It might take a minute to load.</p>
adding the atnofs page
3 years ago
<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>
switching the index page now for the broadcast at 18:00
2 years ago
<span class="audio-link">(<a class="windowlinks" href="https://voice.vvvvvvaria.org/live" target="_blank">direct link to audio</a>)</span>
adding the atnofs page
3 years ago
</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 -->
switching the index page now for the broadcast at 18:00
2 years ago
<div class="img-gallery" id="showGal">
adding the atnofs page
3 years ago
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure>
switching the index page now for the broadcast at 18:00
2 years ago
<img alt="" src="./OSP/osp-bienvenue-welkom.jpg"><br>
Lightbox sign at the entrance of the OSP studio, saying "Bienvenue OSP Welkom" in stickered colorful neon Crickx letters
(<a class="windowlinks" href="./OSP/osp-bienvenue-welkom.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./OSP/osp.kitchen.png"><br>
Screenshot of <a href="https://osp.kitchen">osp.kitchen</a>
(<a class="windowlinks" href="./OSP/osp.kitchen.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./OSP/Tools-shapes-practice-shapes-tools-osp.png"><br>
Inspired by the motto of the Libre Graphics Research Unit, TOOLS SHAPE PRACTICE SHAPE TOOLS"
(<a class="windowlinks" href="./OSP/Tools-shapes-practice-shapes-tools-osp.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./OSP/html2print-pdf-spread.png"><br>
Screenshot of html2print rendering a PDF in the browser
(<a class="windowlinks" href="./OSP/html2print-pdf-spread.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./OSP/medor.png"><br>
Cover of Médor Nº27 (summer 2022)
(<a class="windowlinks" href="./OSP/medor.png" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
<figure>
switching the index page now for the broadcast at 18:00
2 years ago
<img alt="" src="./OSP/medor-28-spread-1.jpg"><br>
Spread from the latest edition of Médor Nº28, showing the custom columns lay out made with html2print & CSS regions
(<a class="windowlinks" href="./OSP/medor-28-spread-1.jpg" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
<figure>
switching the index page now for the broadcast at 18:00
2 years ago
<img alt="" src="./OSP/medor-28-spread-2.jpg"><br>
Spread from the latest edition of Médor Nº28, showing the custom columns lay out made with html2print & CSS regions
(<a class="windowlinks" href="./OSP/medor-28-spread-2.jpg" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
<figure>
switching the index page now for the broadcast at 18:00
2 years ago
<img alt="" src="./OSP/medor-n28-web-version-of-article.png"><br>
Web article from the latest edition of Médor Nº28, showing how the same content is used for both the website and printed magazine
(<a class="windowlinks" href="./OSP/medor-n28-web-version-of-article.png" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
resetting the index page to the default
3 years ago
</div>
adding the atnofs page
3 years ago
switching the index page now for the broadcast at 18:00
2 years ago
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="fullscreen chat" id="">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
Chat room
(<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link this chat</a>)
</div>
adding the atnofs page
3 years ago
switching the index page now for the broadcast at 18:00
2 years ago
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<!-- <div class="fullscreen" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/publishing-partyline-radio-conversation-1-with-OSP"></iframe><br>
Live transcriptions pad
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/publishing-partyline-radio-conversation-1-with-OSP" target="_blank">direct link to this pad</a>)
</div>
-->
adding the atnofs page
3 years ago
<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>