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

started translation on index + added extra css file

Browse Source 
and fixed small css things
This commit is contained in:
JoanaChicau 2021-04-12 22:37:11 +02:00
parent 0a82089563
commit c908538512
3 changed files with 43 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
index.html
View File

@ -8,6 +8,7 @@
<!-- OUR STYLES --> <!-- OUR STYLES -->
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link> <link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link>
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle-extra.css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<!-- OUR SCRIPTS --> <!-- OUR SCRIPTS -->
@ -21,33 +22,35 @@
<div class="linkmore"> <div class="linkmore">
<a href="https://vvvvvvaria.org/logs/zamopuzo" target="_blank">back ↗ stage </a> <a href="https://vvvvvvaria.org/logs/zamopuzo" target="_blank">back ↗ stage </a>
<br> <br>
<a href="https://stream.vvvvvvaria.org/about.html"> about ↝ </a> <a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div> </div>
<div id="side" class="sidebar sidemin"> <div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()">⇆</button> <button class="minimize" onclick="fside()">⇆</button>
<div class="sidetop"> <div class="sidetop">
<!-- to add a new event copy paste above — as the ones below. --> <!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section--> <!-- once the event is over remember to move to the sidebottom section -->
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a></p> <!-- 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>
</div> </div>
<div class="middle"> <div class="middle">
<p>⇈ Will be awesome ⇈</p> <p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p> <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"></p> <p id="livesubtitle"></p>
<p>⇊ Was amazing ↷ </p> <p>⇊ Was amazing ↷ <br>⇊ Was geweldig ↷ </p>
</div> </div>
<div class="sidebottom"> <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>28 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>23 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> <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>
@ -73,21 +76,21 @@
<!-- placeholder iframe loading --> <!-- placeholder iframe loading -->
<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</button> <button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</button>
<!-- chat --> <!-- chat -->
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING</button> <button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- etherpad --> <!-- etherpad -->
<button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING</button> <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button>
<!-- audio streaming or files --> <!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING</button> <button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- jitsi or alike --> <!-- jitsi or alike -->
<button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING</button> <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</button> <button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- video streaming or files --> <!-- video streaming or files -->
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING</button> <button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button>
<!-- image single --> <!-- image single -->
<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE</button> <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</button> <button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div> </div>
@ -96,6 +99,7 @@
<!-- AFTER-EVENTS PLACEHOLDER --> <!-- 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 class="fullscreen" id="showWel" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> </iframe>
@ -104,6 +108,7 @@
<!-- CHAT --> <!-- CHAT -->
<!-- PLACEHOLDER link: -->
<div class="chat halfscreen hide" id="showChat"> <div class="chat halfscreen hide" id="showChat">
<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"> direct link to chat! </a> <a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
@ -113,6 +118,7 @@
<!-- ETHERPAD --> <!-- ETHERPAD -->
<!-- PLACEHOLDER link: -->
<div class="halfscreen hide" id="showEther"> <div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/read_repair_supreme_connections"></iframe><br> ↝ <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"> direct to pad </a> <a class="windowlinks" href="https://pad.vvvvvvaria.org/read_repair_supreme_connections" target="_blank"> direct to pad </a>
@ -122,7 +128,7 @@
<!-- AUDIO --> <!-- AUDIO -->
<!-- PLACEHOLDER link: -->
<div class="audio-stream fullscreen hide" id="showAudio"> <div class="audio-stream fullscreen hide" id="showAudio">
<audio id="player" preload="none" src="https://ice.suroh.tk/meander "> </audio> <audio id="player" preload="none" src="https://ice.suroh.tk/meander "> </audio>
<p> <p>
@ -139,7 +145,7 @@
<!-- JITSI --> <!-- JITSI -->
<!-- PLACEHOLDER link: -->
<div class="halfscreen hide" id="showJit"> <div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.broadcats" allow="camera; microphone" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen> <iframe src="https://meet.jit.si/varia.broadcats" allow="camera; microphone" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> </iframe>
@ -149,7 +155,7 @@
<!-- ESSAY --> <!-- ESSAY -->
<!-- PLACEHOLDER link: -->
<div class="halfscreen hide" id="showEssay"> <div class="halfscreen hide" id="showEssay">
<iframe src=""></iframe><br> ↬ <iframe src=""></iframe><br> ↬
<a class="windowlinks" href="" target="_blank"> direct link to PDF</a> <a class="windowlinks" href="" target="_blank"> direct link to PDF</a>
@ -158,7 +164,7 @@
<!-- VIDEO --> <!-- VIDEO -->
<!-- PLACEHOLDER link: -->
<div class="fullscreen hide" id="showVideo"> <div class="fullscreen hide" id="showVideo">
<video <video
id="player" id="player"
@ -178,7 +184,7 @@
<!-- IMAGE --> <!-- IMAGE -->
<!-- PLACEHOLDER link: -->
<figure class="halfscreen hide" id="showImg"> <figure class="halfscreen hide" id="showImg">
<img src="https://varia.zone/images/de_varia.jpg"> <img src="https://varia.zone/images/de_varia.jpg">
<br> ↬ <br> ↬
@ -190,10 +196,10 @@
<!-- IMAGE GALLERY --> <!-- IMAGE GALLERY -->
<!-- PLACEHOLDER link: -->
<div class="img-gallery hide" id="showGal"> <div class="img-gallery hide" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ </p> <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure> <figure>
<img src="https://varia.zone/images/de_varia.jpg"><br> ↬ <img src="https://varia.zone/images/de_varia.jpg"><br> ↬
@ -219,7 +225,7 @@
<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 * <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. 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> -->

4
narrowstyle-extra.css Normal file
View File

@ -0,0 +1,4 @@
/* 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! */

14
narrowstyle.css
View File

@ -301,14 +301,18 @@ button.minimize:hover {
} }
.bhide_chat_off{ .bhide_chat_off{
background: rgb(242,217,242); background: -moz-linear-gradient(0deg, rgba(242,217,242,1) 20%, rgba(57,60,86,1) 40%, rgba(57,60,86,1) 60%, rgba(255,228,253,1) 80%, rgba(255,228,253,1) 100%);
background: -moz-linear-gradient(0deg, rgba(242,217,242,1) 33%, rgba(57,60,86,1) 49%, rgba(255,228,253,1) 67%, rgba(255,228,253,1) 100%); background: -webkit-linear-gradient(0deg, rgba(242,217,242,1) 20%, rgba(57,60,86,1) 40%, rgba(57,60,86,1) 60%, rgba(255,228,253,1) 80%, rgba(255,228,253,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(242,217,242,1) 33%, rgba(57,60,86,1) 49%, rgba(255,228,253,1) 67%, rgba(255,228,253,1) 100%); background: linear-gradient(0deg, rgba(242,217,242,1) 20%, rgba(57,60,86,1) 40%, rgba(57,60,86,1) 60%, rgba(255,228,253,1) 80%, rgba(255,228,253,1) 100%);
background: linear-gradient(0deg, rgba(242,217,242,1) 33%, rgba(57,60,86,1) 49%, rgba(255,228,253,1) 67%, rgba(255,228,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2d9f2",endColorstr="#ffe4fd",GradientType=1);
/*content: " OFF";*/ /*content: " OFF";*/
} }
.bhide_chat_off:hover {
background: -moz-linear-gradient(0deg, rgba(242,217,242,1) 40%, rgba(57,60,86,1) 50%, rgba(255,228,253,1) 60%, rgba(255,228,253,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(242,217,242,1) 40%, rgba(57,60,86,1) 50%, rgba(255,228,253,1) 60%, rgba(255,228,253,1) 100%);
background: linear-gradient(0deg, rgba(242,217,242,1) 40%, rgba(57,60,86,1) 50%, rgba(255,228,253,1) 60%, rgba(255,228,253,1) 100%);
}
.live { .live {
margin-left: 300px; margin-left: 300px;
display: inline-block; display: inline-block;