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

test user cond event 1

Browse Source
This commit is contained in:
lowrussia 2021-03-19 17:19:11 +01:00
parent cdaaec0945
commit 2d06afa9e0
2 changed files with 44 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -43,11 +43,20 @@
<div class="live live-flex"> <div class="live live-flex">
<!-- essay frame --> <!-- essay frame -->
<div class="halfscreen"> <div class="essay">
<iframe src="https://theusercondition.computer/"></iframe><br> ↬ <iframe src="https://theusercondition.computer/"></iframe><br> ↬
<a class="windowlinks" href="https://theusercondition.computer/" target="_blank">theusercondition.computer</a> <a class="windowlinks" href="https://theusercondition.computer/" target="_blank">theusercondition.computer</a>
</div> </div>
<!-- CHAT INTERFACE -->
<div class="chat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> chat.vvvvvvaria.org</a>
</div>
<!-- AUDIO STREAM -->
<audio controls loop="" class="audio" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio>
<!-- lil face --> <!-- lil face -->
<div class="lil-face loading" style="position: absolute; <div class="lil-face loading" style="position: absolute;
bottom: 50px; bottom: 50px;
@ -97,15 +106,10 @@
</div> --> </div> -->
<!-- CHAT INTERFACE -->
<div class="halfscreen">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> chat.vvvvvvaria.org</a>
</div>
<!-- AUDIO STREAM -->
<audio controls loop="" class="halfscreen resize-drag" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio>
@ -115,7 +119,7 @@
<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"> <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 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> --> <!-- <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> -->

34
narrowstyle.css
View File

@ -65,11 +65,11 @@ button {
.note { .note {
font-size: 0.8rem; font-size: 0.8rem;
position: fixed; position: fixed;
bottom: 0; bottom: 7px;
right: 0; right: 25px;
margin: 0.2rem; margin: 0.2rem;
background-color: #393c56;
margin-left: 310px; margin-left: 310px;
background-color: #393c56;
} }
.about { .about {
@ -342,6 +342,34 @@ button.minimize:hover {
} }
/* SILVIO */
.essay {
width: 55%;
}
.essay iframe {
width: 100%;
height: 80vh;
}
.chat {
margin-left: 1%;
width: 44%;
}
.chat iframe {
width: 100%;
height: 80vh;
}
.audio {
width: 50%;
right: 12%;
position: absolute;
bottom: 60px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */