anglk
/
web-narrowcast
forked from varia/web-narrowcast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

clean

master
lowrussia 3 years ago
parent
1580b673ce
commit
61b7bf856b
3 changed files with 173 additions and 142 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 142
      index.html
  2. 142
      old-events/user-cond-03/index.html
  3. 31
      old-events/user-cond-03/narrowstyle-extra.css

142
index.html
View File

@ -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>29 July'21: <a href="http://varia.zone/en/usercond03.html" target="_blank" >The User Condition #03 - With Anaëlle Beignon</a></p> <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p>
</div> </div>
<div class="middle"> <div class="middle">
@ -80,46 +80,47 @@
<!-- 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>
<!-- CHAT --> <!-- AFTER-EVENTS PLACEHOLDER -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ --> <!-- PLACEHOLDER link: https://loading.vvvvvvaria.org -->
<div class="chat halfscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ <!-- <iframe class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a> </iframe> -->
</div> <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>
<!-- 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" id="showAudio"> <div class="audio-stream fullscreen hide" 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,6 +136,77 @@
<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>
<!-- IMAGE GALLERY --> <!-- IMAGE GALLERY -->
@ -144,36 +216,32 @@
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" id="showGal"> <div class="img-gallery hide" 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://anaellebeignon.fr/images/tp2/phone.png"><br> ↬ <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://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> <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>
<figure> <figure>
<img src="https://anaellebeignon.fr/images/tp2/phonebook.png"><br> ↬ <img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> ↬
<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> <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>
<figure> <figure>
<img src="ken-loach.png"><br> ↬ <img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> ↬
<a class="windowlinks" href="ken-loach.png" target="_blank" alt=""> caption: 'I, Daniel Blake, directed by Ken Loach (2016)' ↬ link to .jpg</a> <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>
<figure> <figure>
<img src="https://i.imgur.com/nnRX7pT.png"><br> ↬ <img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> ↬
<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> <a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a>
</figure> </figure>
</div> </div>
<a href="https://anaellebeignon.fr" id="anaelle" target="_blank">
<img src="https://pbs.twimg.com/profile_images/1323611977575518208/fEfpDrse_400x400.jpg" alt="Anaëlle Beignon">
</a>
<a href="https://silviolorusso.com" id="silvio" target="_blank">
<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>
@ -183,8 +251,6 @@
<script type="text/javascript" src="narrowscripts.js"></script> <script type="text/javascript" src="narrowscripts.js"></script>

142
template.html → old-events/user-cond-03/index.html
View File

@ -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>
@ -136,77 +135,6 @@
<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>
<!-- IMAGE GALLERY --> <!-- IMAGE GALLERY -->
@ -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" target="_blank">
<img src="https://pbs.twimg.com/profile_images/1323611977575518208/fEfpDrse_400x400.jpg" alt="Anaëlle Beignon">
</a>
<a href="https://silviolorusso.com" id="silvio" target="_blank">
<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>

31
old-events/user-cond-03/narrowstyle-extra.css
View File

@ -0,0 +1,31 @@
/* ADD HERE YOUR OWN S*T*Y*L*E */
/* once the event is over remember these and the corresponding classes
on index.html and put all back to 'placeholder mode' dank je! */
/* Silvio's User Condition #03 */
#showEssay {
width: 54.5%;
}
#showChat {
width: 34.5%;
}
#anaelle, #silvio {
width: 80px;
height: auto;
position: fixed;
bottom: 100px;
right: 80px;
}
#anaelle {
bottom: 230px;
}
#anaelle > img, #silvio > img {
border-radius: 50px;
box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;
} */
Write Preview
Loading…
Cancel
Save