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

273 lines
14 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>
cleaning up the narrowcast
2 years ago
adding the atnofs page
3 years ago
<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>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">
page for publishing partyline broadcast 2
2 years ago
<p>⇈ Soon<br>⇈ Binnenkort</p>
<p id="livetitle">LIVE NOW ⇶ </p>
archived slf-mirror.html
2 years ago
<p><br>October 5th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank"><span id="livesubtitle">Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</span></a><br><br></p>
adding the atnofs page
3 years ago
<!-- ADD A CURRENT LIVE EVENT HERE -->
page for publishing partyline broadcast 2
2 years ago
<p>⇊ Previous broadcasts<br>⇊ Vorige uitzendingen </p>
adding the radio broadcast with OSP of tonight
2 years ago
<p> <a href="https://vvvvvvaria.org/archive/">Archive ↩</a></p>
adding the atnofs page
3 years ago
</div>
<div class="sidebottom">
archived slf-mirror.html
2 years ago
<p>September 29th-30th, Sonic Liberation Front, Women Life Freedom<a href="https://cloud.disroot.org/apps/files_sharing/publicpreview/wFzqNR8yrHidif3?x=1080&y=1125&a=true&file=IMG_20220929_142643_959.jpg&scalingup=0" target="_blank"></a></p>
cleaning up the narrowcast
2 years ago
<p>September 21st, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #2: dependency relations in the ecosystem, with Paged.js</a></p>
page for publishing partyline broadcast 2
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>
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 -->
archived slf-mirror.html
2 years ago
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
cleaning up the narrowcast
2 years ago
<!-- image multiple -->
archived slf-mirror.html
2 years ago
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
<!-- 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 " -->
archived slf-mirror.html
2 years ago
<marquee scrolldelay="92">[LIVE NOW] Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</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">
switching to separate source element for the audio tag
2 years ago
<audio id="player" preload="none">
archived slf-mirror.html
2 years ago
<source src="https://voice.vvvvvvaria.org/live" type="audio/mpeg">
switching to separate source element for the audio tag
2 years ago
Your browser does not support the audio element. Try the direct link to the audio below!
</audio>
resetting the index page to the default
3 years ago
<p>
page for publishing partyline broadcast 2
2 years ago
Press play to tune in! It might take a few seconds to load.</p>
adding the atnofs page
3 years ago
<div class="audio-buttons">
switching to separate source element for the audio tag
2 years ago
<button id="audioButton" class="stream-button b-narrow" onclick="Play()">Play</button>
page for publishing partyline broadcast 2
2 years ago
<script>
var audio = document.getElementById("player");
switching to separate source element for the audio tag
2 years ago
audio.volume = 0.6;
var butn = document.getElementById("audioButton");
adding the atnofs page
3 years ago
page for publishing partyline broadcast 2
2 years ago
function Play() {
switching to separate source element for the audio tag
2 years ago
if(audio.paused) {
audio.play();
butn.innerText = "Pause";
}
else {
audio.pause();
butn.innerText = "Play";
}
}
page for publishing partyline broadcast 2
2 years ago
</script>
adding the atnofs page
3 years ago
<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>
archived slf-mirror.html
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 -->
slf stream
2 years ago
<div class="img-gallery" id="showGal">
adding the atnofs page
3 years ago
archived slf-mirror.html
2 years ago
<!-- <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p> -->
adding the atnofs page
3 years ago
<figure>
archived slf-mirror.html
2 years ago
<img alt="A screenshot of the website accentgrave/ctrlaltprint" src="./broadcast3/accentgrave-website.png"><br>
Julien Bidoret's web-to-print work on <a href="https://accentgrave.net/ctrlaltprint/" target="_blank">accentgrave.net/ctrlaltprint</a>
(<a class="windowlinks" href="./broadcast3/accentgrave-website.png" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
archived slf-mirror.html
2 years ago
<figure>
updated index.html
2 years ago
<img alt="A screenshot of the web-to-print publication Code X" src="./broadcast3/code-x-prepostprint.png"><br>
updated index.html
2 years ago
A web-to-print collaboration between Quentin Juhel and Julie Blanc on the journal <em>Code X</em>, from Quentin's website <a href="https://juhel-quentin.fr/projets/code-x-numero-1" target="_blank">juhel-quentin.fr</a>
archived slf-mirror.html
2 years ago
(<a class="windowlinks" href="./broadcast3/code-x-prepostprint.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
updated index.html
2 years ago
<img alt="" src="./broadcast3/CTRL-alt-print-pagedjs-interactive-pdf.png"><br>
An interactive PDF made with paged.js: <a href="https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/pagedjs/exemples/interactive.html" target="_blank">preview</a>
(<a class="windowlinks" href="./broadcast3/CTRL-alt-print-pagedjs-interactive-pdf.png" target="_blank" alt="">link to image</a>)
archived slf-mirror.html
2 years ago
</figure>
updated index.html
2 years ago
<figure>
<img alt="" src="./broadcast3/ESAD-thesis-pagedjs.png"><br>
A preview of the master thesis template used at ESAD Pyrénées
(<a class="windowlinks" href="./broadcast3/ESAD-thesis-pagedjs.png" target="_blank" alt="">link to image</a>)
archived slf-mirror.html
2 years ago
</figure>
<figure>
updated index.html
2 years ago
<img alt="A screenshot of web-to-print student work at ESAD Pyrénées" src="./broadcast3/ESAD-web-to-print-examples.png"><br>
Forkable examples of web-to-print student work at ESAD Pyrénées
(<a class="windowlinks" href="./broadcast3/ESAD-web-to-print-examples.png" target="_blank" alt="">link to image</a>)
archived slf-mirror.html
2 years ago
</figure>
<figure>
updated index.html
2 years ago
<img alt="" src="./broadcast3/LIDEAL-ANARCHIQUE-webcam-booklet.png"><br>
A booklet with webcam drawing functionality made with paged.js : <a href="https://maisondeseditions.fr/ideal/tools/aquatre/" target="_blank">preview</a>
(<a class="windowlinks" href="./broadcast3/LIDEAL-ANARCHIQUE-webcam-booklet.png" target="_blank" alt="">link to image</a>)
archived slf-mirror.html
2 years ago
</figure>
<figure>
updated index.html
2 years ago
<img alt="" src="./broadcast3/workshop-amelie-dumont.png"><br>
Workshop with Amelie Dumont at ESAD Pyrénées
(<a class="windowlinks" href="./broadcast3/workshop-amelie-dumont.png" target="_blank" alt="">link to image</a>)
adding the atnofs page
3 years ago
</figure>
updated index.html
2 years ago
<figure>
<img alt="" src="./broadcast3/2print-org.png"><br>
updated index.html
2 years ago
<a href="http://2print.org/" target="_blank">2print.org</a>, web to print library website, Lucile Haute and Quentin Juhel
updated index.html
2 years ago
<a class="windowlinks" href="./broadcast3/2print-org.png" target="_blank" alt="">link to image</a>)
</figure>
updated index.html
2 years ago
<figure>
<img alt="" src="./broadcast3/w2plibrary.png"><br>
Web to print library, Lucile Haute and Quentin Juhel
<a class="windowlinks" href="./broadcast3/w2plibrary.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./broadcast3/DesignandDigitalCultureatNimes.png"><br>
Making of <em>Design and Digital Culture at Nimes</em>, a collaborative book made with Nimes University students and Lucile Haute
<a class="windowlinks" href="./broadcast3/DesignandDigitalCultureatNimes.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./broadcast3/Juliaveljkovic.png"><br>
Web-to-print work by ESAD Valence student Julia Veljkovic
<a class="windowlinks" href="./broadcast3/Juliaveljkovic.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./broadcast3/louisesansoldi.png"><br>
Web-to-print work by ESAD Valence student Louise Sansoldi
<a class="windowlinks" href="./broadcast3/louisesansoldi.png" target="_blank" alt="">link to image</a>)
</figure>
updated index.html
2 years ago
resetting the index page to the default
3 years ago
</div>
adding the atnofs page
3 years ago
archived slf-mirror.html
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
archived slf-mirror.html
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>