Browse Source

user.cond 3

master
lowrussia 3 years ago
parent
commit
5ebdc10429
  1. BIN
      design-for-obsolete-devices-BEIGNON.pdf
  2. 142
      index.html
  3. BIN
      ken-loach.png
  4. 24
      narrowstyle-extra.css
  5. 258
      template.html

BIN
design-for-obsolete-devices-BEIGNON.pdf

Binary file not shown.

142
index.html

@ -34,7 +34,7 @@
<!-- once the event is over remember to move to the sidebottom section --> <!-- 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! --> <!-- 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! -->
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> <p>29 July'21: <a href="http://varia.zone/en/usercond03.html" target="_blank" >The User Condition #03 - With Anaëlle Beignon</a></p>
</div> </div>
<div class="middle"> <div class="middle">
@ -80,47 +80,46 @@
<!-- BUTTONS HIDE SHOW MEDIA --> <!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia"> <div class="b_allmedia">
<!-- placeholder iframe loading -->
<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</button>
<!-- audio streaming or files --> <!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button> <button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- etherpad-->
<button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button>
<!-- jitsi or alike -->
<button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button>
<!-- PDFs--> <!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button> <button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- video streaming or files -->
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</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>
<!-- image single -->
<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE <br> BEELD</button>
<!-- 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>
</div> </div>
<!-- MEDIA CONTENT --> <!-- MEDIA CONTENT -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen" id="showEssay">
<iframe src="design-for-obsolete-devices-BEIGNON.pdf"></iframe><br>
<a class="windowlinks" href="https://anaellebeignon.fr/design-for-obsolete-devices.html" target="_blank"> Design for Obsolete Devices ↬ direct link to text</a>
</div>
<!-- AFTER-EVENTS PLACEHOLDER --> <!-- CHAT -->
<!-- PLACEHOLDER link: https://loading.vvvvvvaria.org --> <!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen" id="showChat">
<!-- <iframe class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen> <iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
</iframe> --> <a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
<iframe class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen> </div>
</iframe>
<!-- 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 --> <!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 <!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander --> previous audio cast: https://stream.w-i-t-m.net/meander -->
<div class="audio-stream fullscreen hide" id="showAudio"> <div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://stream.w-i-t-m.net/meander"> </audio> <audio id="player" preload="none" src="https://stream.w-i-t-m.net/meander"> </audio>
<p> <p>
Press play (best listened in FireFox). It might take a minute to load.</p> Press play (best listened in FireFox). It might take a minute to load.</p>
@ -135,77 +134,6 @@
</div> </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> <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> </div>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br>
<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank"> Varia Narrowcast Intro ↝ direct to pad </a>
</div>
<!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.broadcats" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br>
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a>
</div>
<!-- Jitsi for use -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
<!-- <div class="fullscreen" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" width="640" height="800" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br>
<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank"> direct link to ↬ Jitsi</a>
</div> -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen hide" id="showEssay">
<iframe src="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html"></iframe><br>
<a class="windowlinks" href="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html" target="_blank"> Varia Broadcast ↬ direct link to text</a>
</div>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="fullscreen hide" id="showVideo">
<video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
<source
src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4"
type="application/x-mpegURL"
/>
</video>
<br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4" target="_blank"> Read & Repair: Wireless-Imagination ↬ direct link to video </a>
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen hide" 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>
@ -216,32 +144,36 @@
https://vvvvvvaria.org/archive/varia-server/varia-home-red.png https://vvvvvvaria.org/archive/varia-server/varia-home-red.png
https://vvvvvvaria.org/archive/varia-server/welcome.png --> https://vvvvvvaria.org/archive/varia-server/welcome.png -->
<div class="img-gallery hide" id="showGal"> <div class="img-gallery" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p> <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br> <img src="https://anaellebeignon.fr/images/tp2/phone.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg" target="_blank" alt="">caption: 'Read & Repair — Wireless Imagination' ↬ link to .jpg</a> <a class="windowlinks" href="https://anaellebeignon.fr/images/tp2/phone.png" target="_blank" alt="">caption: 'Flip phone given to a participant for a one week probe experiment.' ↬ link to .jpg</a>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> <img src="https://anaellebeignon.fr/images/tp2/phonebook.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png" target="_blank" alt=""> caption: 'Varia pixels' ↬ link to .png</a> <a class="windowlinks" href="https://anaellebeignon.fr/images/tp2/phonebook.png" target="_blank" alt=""> caption: 'Prototype of a phonebook enabling a more fluid encounter whith the Swedish public healthcare for people who don't own a smartphone.' ↬ link to .png</a>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> <img src="ken-loach.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png" target="_blank" alt=""> caption: 'Welcome to Varia home server' ↬ link to .jpg</a> <a class="windowlinks" href="ken-loach.png" target="_blank" alt=""> caption: 'I, Daniel Blake, directed by Ken Loach (2016)' ↬ link to .jpg</a>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> <img src="https://i.imgur.com/nnRX7pT.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a> <a class="windowlinks" href="https://i.imgur.com/nnRX7pT.png" target="_blank" alt=""> caption: 'Required update to use the YouTube app on an iPhone 4s' ↬ link to .jpg</a>
</figure> </figure>
</div> </div>
<a href="https://anaellebeignon.fr" id="anaelle">
<img src="https://pbs.twimg.com/profile_images/1323611977575518208/fEfpDrse_400x400.jpg" alt="Anaëlle Beignon">
</a>
<a href="https://silviolorusso.com" id="silvio">
<img src="https://media-exp3.licdn.com/dms/image/C4D03AQEPRwVQ4I_P3Q/profile-displayphoto-shrink_200_200/0/1516954117428?e=1631145600&v=beta&t=_qF5Xly7LcGDxsrsKDb92hfXkzHF-6X4O4fa7dTYqgM" 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 * <u>Nota</u>: deze interface is in experimentele fase ☆゚.*・。゚ en sommige dingen kunnen niet altijd soepel werken *</p>
@ -251,6 +183,8 @@
<script type="text/javascript" src="narrowscripts.js"></script> <script type="text/javascript" src="narrowscripts.js"></script>

BIN
ken-loach.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 KiB

24
narrowstyle-extra.css

@ -3,25 +3,17 @@
/* once the event is over remember these and the corresponding classes /* once the event is over remember these and the corresponding classes
on index.html and put all back to 'placeholder mode' dank je! */ on index.html and put all back to 'placeholder mode' dank je! */
/* 17/05/2021 Silvio's User Condition #02 */ /* Silvio's User Condition #03 */
/* #showEther.fullscreen { #showEssay {
position: relative; width: 54.5%;
width: 85%;
} }
#showEther.fullscreen > div { #showChat {
width: 50%; width: 34.5%;
float: left;
} }
#showEther.fullscreen > div > iframe { #anaelle, #silvio {
width: 100%;
height: 600px;
}
#brendan, #silvio {
width: 80px; width: 80px;
height: auto; height: auto;
position: fixed; position: fixed;
@ -29,11 +21,11 @@ on index.html and put all back to 'placeholder mode' dank je! */
right: 80px; right: 80px;
} }
#brendan { #anaelle {
bottom: 230px; bottom: 230px;
} }
#brendan > img, #silvio > img { #anaelle > img, #silvio > img {
border-radius: 50px; border-radius: 50px;
box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd; box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;
} */ } */

258
template.html

@ -0,0 +1,258 @@
<!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! -->
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p>
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"></p>
<p>⇊ Was amazing ↷ <br>⇊ Was geweldig ↷ </p>
</div>
<div class="sidebottom">
<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>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank" >Read & 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 & 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">
<!-- placeholder iframe loading -->
<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</button>
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- etherpad-->
<button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button>
<!-- jitsi or alike -->
<button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button>
<!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- video streaming or files -->
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button>
<!-- chat -->
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image single -->
<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE <br> BEELD</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div>
<!-- MEDIA CONTENT -->
<!-- AFTER-EVENTS PLACEHOLDER -->
<!-- PLACEHOLDER link: https://loading.vvvvvvaria.org -->
<!-- <iframe class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> -->
<iframe class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<!-- 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 hide" id="showAudio">
<audio id="player" preload="none" src="https://stream.w-i-t-m.net/meander"> </audio>
<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>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br>
<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank"> Varia Narrowcast Intro ↝ direct to pad </a>
</div>
<!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.broadcats" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br>
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a>
</div>
<!-- Jitsi for use -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
<!-- <div class="fullscreen" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" width="640" height="800" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br>
<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank"> direct link to ↬ Jitsi</a>
</div> -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen hide" id="showEssay">
<iframe src="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html"></iframe><br>
<a class="windowlinks" href="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html" target="_blank"> Varia Broadcast ↬ direct link to text</a>
</div>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="fullscreen hide" id="showVideo">
<video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
<source
src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4"
type="application/x-mpegURL"
/>
</video>
<br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4" target="_blank"> Read & Repair: Wireless-Imagination ↬ direct link to video </a>
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen hide" 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>
<!-- 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 hide" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg" target="_blank" alt="">caption: 'Read & Repair — Wireless Imagination' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png" target="_blank" alt=""> caption: 'Varia pixels' ↬ link to .png</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png" target="_blank" alt=""> caption: 'Welcome to Varia home server' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a>
</figure>
</div>
<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>
Loading…
Cancel
Save