anglk/web-narrowcast
1
0
Fork 0
forked from varia/web-narrowcast
Code Issues 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">
<!-- essay frame -->
<div class="halfscreen">
<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> ↬
<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 -->
<div class="lil-face loading" style="position: absolute;
bottom: 50px;
@ -97,15 +106,10 @@
</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>
</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> -->

34
narrowstyle.css
View File

@ -65,11 +65,11 @@ button {
.note {
font-size: 0.8rem;
position: fixed;
bottom: 0;
right: 0;
bottom: 7px;
right: 25px;
margin: 0.2rem;
background-color: #393c56;
margin-left: 310px;
background-color: #393c56;
}
.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 :::::::::::::::::::::::::::::::::::::::::::::: */