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

added placeholder and moved live event to past

Browse Source
This commit is contained in:
JoanaChicau 2021-03-14 14:46:03 +01:00
parent 16da0ca035
commit e6989ac381
2 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@ -25,13 +25,12 @@
<div class="middle"> <div class="middle">
<p>⇈ Will be awesome ⇈</p> <p>⇈ Will be awesome ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p> <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle">Feminist Hack Meetings: Feminist Servers</p> <p id="livesubtitle"></p>
<p>⇊ Was amazing ↷ </p> <p>⇊ Was amazing ↷ </p>
</div> </div>
<div class="sidebottom"> <div class="sidebottom">
<!-- <p>2021.03.13: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank" >FHM #1 Feminist Hack Meetings: Feminist Servers</a></p> <p>2021.03.13: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank" >FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
-->
<p>2021.02.28: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p> <p>2021.02.28: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
<p>2020.06.27: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p> <p>2020.06.27: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
@ -44,8 +43,8 @@
<div class="live live-flex"> <div class="live live-flex">
<!-- <iframe class="resize-drag" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen> <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>
<!-- TO ACTIVATE A BELOW SECTION FOR YOUR EVENT --> <!-- TO ACTIVATE A BELOW SECTION FOR YOUR EVENT -->
@ -67,7 +66,8 @@
type="video/mp4"> type="video/mp4">
</video> </video>
--> -->
<div class="fullscreen" style="margin: 0% 0% 2% 0%;">
<!-- <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
<video <video
id="player" id="player"
class="video-js vjs-default-skin" class="video-js vjs-default-skin"
@ -80,27 +80,31 @@
/> />
</video><br> </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> <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> -->
<!-- CHAT INTERFACE --> <!-- CHAT INTERFACE -->
<div class="halfscreen"> <!-- <div class="halfscreen">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ <iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> chat.vvvvvvaria.org</a> <a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> chat.vvvvvvaria.org</a>
</div> </div> -->
<!-- AUDIO STREAM --> <!-- AUDIO STREAM -->
<!-- <audio controls loop="" class="halfscreen" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio> --> <!-- <audio controls loop="" class="halfscreen" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio> -->
<!-- EXAMPLE ETHERPAD --> <!-- EXAMPLE ETHERPAD -->
<div class="halfscreen"> <!-- <div class="halfscreen">
<iframe src="https://pad.vvvvvvaria.org/fhm#1.notes"></iframe><br> ↝ <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> <a class="windowlinks" href="https://pad.vvvvvvaria.org/fhm#1.notes" target="_blank"> pad.vvvvvvaria.org/fhm#1.notes</a>
</div> </div> -->
<!-- <p class="note"> * move and resize the elements above by dragging their corners / sides and click on the page to set the position *</p> --> <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * you can move and resize the elements above by dragging their corners / sides and click on the page to set the position *</p>
<p class="note"> <u>Note</u>: this iterface 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>
<!-- <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>

6
narrowstyle.css
View File

@ -48,6 +48,7 @@ body {
font-family: "Computer Modern Typewriter Light"; font-family: "Computer Modern Typewriter Light";
background-color: #393c56; background-color: #393c56;
color: #ffe4fd; color: #ffe4fd;
height: 100%;
} }
iframe, iframe,
@ -68,6 +69,7 @@ button {
right: 0; right: 0;
margin: 0.2rem; margin: 0.2rem;
background-color: #393c56; background-color: #393c56;
margin-left: 310px;
} }
.about { .about {
@ -87,6 +89,10 @@ button {
text-decoration: none; text-decoration: none;
} }
#side {
box-shadow: inset 0rem -0.4rem 1rem #ffe4fd;
}
.sidebar { .sidebar {
height: 100%; height: 100%;
position: fixed; position: fixed;