varia
/
web-narrowcast
12
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity
Browse Source

reverting to template

master
lowrussia 3 years ago
parent
cda81fe79b
commit
bf80a826c2
3 changed files with 153 additions and 153 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 151
      index.html
  2. 4
      narrowstyle-extra.css
  3. 151
      old-events/user-condition-02.html

151
index.html
View File

@ -33,10 +33,7 @@
<!-- 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>
<p>17 May '21: <a href="http://varia.zone/en/usercond01.html" target="_blank" >User Condition S01E02 with Brendan Howell</a></p>
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p>
</div>
@ -76,10 +73,22 @@
<!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia">
<!-- placeholder iframe loading -->
<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</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>
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</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>
<!-- 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>
@ -88,24 +97,41 @@
<!-- 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>
<!-- 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>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro -->
<div class="fullscreen" id="showEther">
<div>
<iframe src="https://pad.vvvvvvaria.org/user.condition.02.restorative"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/user.condition.02.restorative" target="_blank"> Restorative Netstalgia ↝ direct to pad </a>
</div>
<div>
<iframe src="https://pad.vvvvvvaria.org/user.condition.02.reflective"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/user.condition.02.reflective" target="_blank"> Reflective Netstalgia ↝ direct to pad </a>
</div>
<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>
<!-- 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">
<audio id="player" preload="none" src="https://stream.w-i-t-m.net/meander"> </audio>
<div class="audio-stream fullscreen hide" id="showAudio">
<audio id="player" preload="none" src="https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3"> </audio>
<p>
Press play (best listened in FireFox). It might take a minute to load.</p>
<div class="audio-buttons">
@ -114,8 +140,70 @@
<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>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 " target="_blank"> direct link to audio! </a></span>
</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
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" 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>
<!-- 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>
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen hide" id="showImg">
<img src="https://varia.zone/images/de_varia.jpg">
<br> ↬
<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" target="_blank" alt=""> caption: 'Varia 3D WoW' ↬ link to .jpg</a>
</figure>
<!-- IMAGE GALLERY -->
@ -125,37 +213,29 @@
https://vvvvvvaria.org/archive/varia-server/varia-home-red.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>
<figure>
<img src="http://varia.zone/images/infinite-contemporaneity-device.jpg"><br> ↬
<a class="windowlinks" href="http://www.wintermute.org/brendan/?p=the-infinite-contemporaneity-device" target="_blank" alt="">caption: 'Infinite Contemporaneity Device ↬ link to .jpg</a>
<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://cdn.webampskins.org/screenshots/48279a18204f1d2cf7db3fc98be51ae9.png"><br> ↬
<a class="windowlinks" href="https://skins.webamp.org/" target="_blank" alt=""> caption: 'Winamp skin' ↬ link to .png</a>
<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/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>
<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://pbs.twimg.com/media/E1CKa-zWEAQuizc?format=jpg&name=large"><br> ↬
<a class="windowlinks" href="https://twitter.com/CRTpixels" target="_blank" alt=""> caption: 'CRT Pixels' ↬ link to .jpg</a>
<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>
<a href="http://www.wintermute.org/brendan/" id="brendan">
<img src="https://archive.transmediale.de/sites/default/files/public/styles/6col/public/node/participant/field_participant_image/16950/Brendan_Howell_p1855_web_zuklein.jpg?itok=oEwY0erf" alt="Brendan Howell">
</a>
<a href="https://silviolorusso.com" id="silvio">
<img src="https://media-exp1.licdn.com/dms/image/C4D03AQEPRwVQ4I_P3Q/profile-displayphoto-shrink_800_800/0/1516954117428?e=1626307200&v=beta&t=PpaCo0I8VLPpM_dt_y77TdiFVu4W5T966F1LyUO65KM" alt="Silvio Lorusso">
</a>
@ -166,7 +246,8 @@
<!-- <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>
</div>
</body>
</html>

4
narrowstyle-extra.css
View File

@ -5,7 +5,7 @@ on index.html and put all back to 'placeholder mode' dank je! */
/* 17/05/2021 Silvio's User Condition #02 */
#showEther.fullscreen {
/* #showEther.fullscreen {
position: relative;
width: 85%;
}
@ -36,4 +36,4 @@ on index.html and put all back to 'placeholder mode' dank je! */
#brendan > img, #silvio > img {
border-radius: 50px;
box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;
}
} */

151
template.html → old-events/user-condition-02.html
View File

@ -33,7 +33,10 @@
<!-- 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>
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p>
<p>17 May '21: <a href="http://varia.zone/en/usercond01.html" target="_blank" >User Condition S01E02 with Brendan Howell</a></p>
</div>
@ -73,22 +76,10 @@
<!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia">
<!-- placeholder iframe loading -->
<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</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>
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</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>
<!-- 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>
@ -97,41 +88,24 @@
<!-- 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>
<!-- 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>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.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 class="fullscreen" id="showEther">
<div>
<iframe src="https://pad.vvvvvvaria.org/user.condition.02.restorative"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/user.condition.02.restorative" target="_blank"> Restorative Netstalgia ↝ direct to pad </a>
</div>
<div>
<iframe src="https://pad.vvvvvvaria.org/user.condition.02.reflective"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/user.condition.02.reflective" target="_blank"> Reflective Netstalgia ↝ direct to pad </a>
</div>
</div>
<!-- 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://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3"> </audio>
<div class="audio-stream fullscreen" 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">
@ -140,70 +114,8 @@
<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://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 " 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>
<!-- 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
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" 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>
<!-- 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>
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen hide" id="showImg">
<img src="https://varia.zone/images/de_varia.jpg">
<br> ↬
<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" target="_blank" alt=""> caption: 'Varia 3D WoW' ↬ link to .jpg</a>
</figure>
<!-- IMAGE GALLERY -->
@ -213,29 +125,37 @@
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">
<div class="img-gallery" 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>
<img src="http://varia.zone/images/infinite-contemporaneity-device.jpg"><br> ↬
<a class="windowlinks" href="http://www.wintermute.org/brendan/?p=the-infinite-contemporaneity-device" target="_blank" alt="">caption: 'Infinite Contemporaneity Device ↬ 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>
<img src="https://cdn.webampskins.org/screenshots/48279a18204f1d2cf7db3fc98be51ae9.png"><br> ↬
<a class="windowlinks" href="https://skins.webamp.org/" target="_blank" alt=""> caption: 'Winamp skin' ↬ 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>
<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/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>
<img src="https://pbs.twimg.com/media/E1CKa-zWEAQuizc?format=jpg&name=large"><br> ↬
<a class="windowlinks" href="https://twitter.com/CRTpixels" target="_blank" alt=""> caption: 'CRT Pixels' ↬ link to .jpg</a>
</figure>
</div>
<a href="http://www.wintermute.org/brendan/" id="brendan">
<img src="https://archive.transmediale.de/sites/default/files/public/styles/6col/public/node/participant/field_participant_image/16950/Brendan_Howell_p1855_web_zuklein.jpg?itok=oEwY0erf" alt="Brendan Howell">
</a>
<a href="https://silviolorusso.com" id="silvio">
<img src="https://media-exp1.licdn.com/dms/image/C4D03AQEPRwVQ4I_P3Q/profile-displayphoto-shrink_800_800/0/1516954117428?e=1626307200&v=beta&t=PpaCo0I8VLPpM_dt_y77TdiFVu4W5T966F1LyUO65KM" alt="Silvio Lorusso">
</a>
@ -246,8 +166,7 @@
<!-- <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>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save