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

archived event + added back placeholder + bit clean up

Browse Source
This commit is contained in:
JoanaChicau 2021-03-29 17:00:39 +02:00
parent a4187c5998
commit e10c18a3e8
2 changed files with 32 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
index.html
View File

@ -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" > &#128064; </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,20 +135,10 @@
<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 -->
<!-- AND ADD THE APPROPRIATE URLS -->
@ -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> -->

5
narrowstyle.css
View File

@ -434,10 +434,7 @@ content: 'PAUSE';
border-radius: 1rem 0.5rem 1rem 0.5rem;
}
/* ehterpad — maybe remove?
#editorcontainerbox {
margin-bottom: 39px;
}*/
/* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */