Browse Source

wanker

master
Jake Champion 5 years ago
parent
commit
424bfdf605
3 changed files with 54 additions and 9 deletions
  1. BIN
      images/sofa.png
  2. +15
    -6
      index2.html
  3. +39
    -3
      style.css

BIN
images/sofa.png View File

Before After
Width: 2560  |  Height: 1600  |  Size: 669KB

+ 15
- 6
index2.html View File

@@ -13,10 +13,16 @@
<div id="app">
<div>
<div id="main">
<video src="webm.land/media/drs7.webm"></video>
<div id="elapsedTime">1:45</div>
<div id="duration">6:01</div>
<div id="title">Johnny Day - Desert Sand</div>
<div id="gradient">
<div id="serverControls" class="flex-container">
<button id="start">Start</button>
<button id="connect">Connect</button>
</div>
<!-- <video src="webm.land/media/drs7.webm"></video>-->
<div id="elapsedTime">1:45</div>
<div id="duration">6:01</div>
<div id="title">Johnny Day - Desert Sand</div>
</div>
</div>
<div id="controls" class="flex-container">
<progress value=0.1></progress>
@@ -26,8 +32,11 @@
<span class="icon icon-last" id="previous"></span>
</div>
<div id="playlist">
<input type="text" autofocus placeholder="Add video link ...">
<input type="text" autofocus placeholder="Add video title ...">
<form>
<input type="text" autofocus required placeholder="Add video link ...">
<input type="text" autofocus required placeholder="Add video title ...">
<button type="submit">Submit</button>
</form>
<div>
<ul>
<li>Save My Night (Mark Sixma Remix)<button><span class="icon-cross"></span></button></li>


+ 39
- 3
style.css View File

@@ -66,18 +66,54 @@
}

#app {
background: #343537;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

#gradient {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
height: 100%;
}

#main {
width: 66.7vw;
height: 83.2vh;
background: url(images/Art-work.png)no-repeat center center;
background: url(images/sofa.png)no-repeat center center;
background-size: cover;
float: left;
margin: 0;
}

#serverControls {
height: 40vh;
/* height: 50%;*/
}

#serverControls button, form button {
color: #333;
border: 0;
border-radius: 3px;
box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
font: 14px open_sanssemibold;
margin: auto;
padding: 0 25px;
line-height: 8vh;
width: 25vw;
background: #f9cd52
}

form button {
display: block;
float: none;
margin-top: 5.6%;
line-height: 4vh;
}

#serverControls button + button {
background: #98C1D9;
}

video {
width:100%;
height: 50%;
@@ -151,7 +187,7 @@ input {
}

ul {
height: 85vh;
height: 79vh;
margin-left: 12.8%;
overflow: scroll;
padding: 0;


Loading…
Cancel
Save