@ -19,7 +19,8 @@
< div class = "sidetop" >
<!-- to add a new event copy paste above — as the ones below. -->
<!-- once the event is over remember to move to the sidebottom section -->
< p > 28th March'21 — 11:00 CET: < a href = "https://varia.zone/en/rr-sense-full-1.html" target = "_blank" > Read & Repair< / a > < / p >
< p > more TBA soon! < a href = "https://varia.zone/en" target = "_blank" > 👀 < / a > < / p >
< / div >
@ -32,6 +33,9 @@
< div class = "sidebottom" >
< p > 28th March'21: < a href = "https://varia.zone/en/rr-sense-full-1.html" target = "_blank" > Read & Repair< / a > < / p >
< p > 23rd 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 >
@ -54,17 +58,10 @@
<!-- AFTER EVENTS PLACEHOLDER -->
<!-- uncomment after the event to display the iframe below -->
<!-- <iframe class="resize - drag" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen >
< / iframe > -->
< iframe class = "resize-drag" src = "https://loading.vvvvvvaria.org" allow = "camera; microphone" width = "600" height = "680" frameborder = "0" webkitallowfullscreen = "true" mozallowfullscreen = "true" allowfullscreen >
< / iframe >
<!-- essay frame
< div class = "essay" >
< iframe src = "https://theusercondition.computer/" > < / iframe > < br > ↬
< a class = "windowlinks" href = "https://theusercondition.computer/" target = "_blank" > theusercondition.computer< / a >
< / div >
-->
<!-- CHAT INTERFACE
< div class = "chat" >
< iframe src = "https://chat.vvvvvvaria.org/" > < / iframe > < br > ↬
@ -90,19 +87,20 @@
< / div >
-->
<!-- ETHERPAD IFRAME
< div class = "halfscreen" >
< iframe src = "https://pad.vvvvvvaria.org/read_repair_supreme_connections" > < / iframe > < br > ↝
< a class = "windowlinks" href = "https://pad.vvvvvvaria.org/read_repair_supreme_connections" target = "_blank" > pad.vvvvvvaria.org/read_repair_supreme_connections< / a >
< / div >
< / div > -->
<!-- ESSAY IFRAME
< div class = "halfscreen" >
< iframe src = "https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_intelligent_life_scraps.pdf" > < / iframe > < br > ↬
< a class = "windowlinks" href = "https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_intelligent_life_scraps.pdf" target = "_blank" > read_supreme_connections_intelligent_life_scraps.pdf< / a >
< / div >
< / div > -->
<!-- AUDIO NEW CODE -->
<!-- AUDIO NEW CODE
< span class = "audio-stream" >
< audio id = "player" preload = "none" src = "https://ice.suroh.tk/meander " > < / audio >
< p >
@ -115,9 +113,9 @@
< / div >
< span class = "audio-link" > ↬ < a class = "windowlinks" href = "https://ice.suroh.tk/meander " target = "_blank" > direct link to audio< / a > < / span >
< / span >
-->
<!-- IMAGE GALLERY
<!-- IMAGE GALLERY
< p class = "img-gallery-title" > ⇩ IMAGE ⇊ GALLERY ⇘ < / p >
< div class = "img-gallery" >
< figure >
@ -137,19 +135,9 @@
< a class = "windowlinks" href = "https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_the_blonde_composer.jpg" target = "_blank" > read_supreme_connections_the_blonde_composer.jpg< / a >
< / figure >
< / div >
-->
<!-- lil face
< div class = "lil-face loading" >
< a href = "https://silviolorusso.com" target = "_blank" >
< img src = "https://i.ytimg.com/vi/AsFBRdkFKx8/mqdefault.jpg" style = "width: 100px; border-radius: 25px; box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;" / >
< / a >
< / div >
-->
<!-- TO ACTIVATE A BELOW SECTION FOR YOUR EVENT -->
<!-- REMOVE THE UNCOMMENT " < ! - - " and " - - > " SIGNS -->
@ -162,7 +150,8 @@
< iframe class = "resize-drag" src = "https://meet.jit.si/varia.broadcats" allow = "camera; microphone" width = "640" height = "480" frameborder = "0" webkitallowfullscreen = "true" mozallowfullscreen = "true" allowfullscreen >
< / iframe >
-->
<!-- EXAMPLE VIDEO FILE -->
<!-- EXAMPLE VIDEO FILE -->
<!--
< video class = "resize-drag" autoplay = "" loop = "" >
@ -171,35 +160,23 @@
< / video >
-->
<!-- <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
< video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
< source
src="https://video.vvvvvvaria.org/test.m3u8"
type="application/x-mpegURL"
/>
< / video > < br >
< a class = "windowlinks" href = "https://bbb.constantvzw.org/b/ang-twu-g0m-hib" target = "_blank" > if you want to join the call click here to access direct link of the BBB!< / a >
< / div > -->
<!-- <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
< video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
< source
src="https://video.vvvvvvaria.org/test.m3u8"
type="application/x-mpegURL"
/>
< / video > < br >
< a class = "windowlinks" href = "https://bbb.constantvzw.org/b/ang-twu-g0m-hib" target = "_blank" > if you want to join the call click here to access direct link of the BBB!< / a >
< / div > -->
<!-- EXAMPLE ETHERPAD -->
<!-- <div class="halfscreen">
< iframe src = "https://pad.vvvvvvaria.org/fhm#1.notes" > < / iframe > < br > ↝
< a class = "windowlinks" href = "https://pad.vvvvvvaria.org/fhm#1.notes" target = "_blank" > pad.vvvvvvaria.org/fhm#1.notes< / a >
< / div > -->
< p class = "note" > < u > Note< / u > : this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly *< / 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> -->
