comparison service/remoteSlideshow/www/index.jade @ 1002:a94e05a79d4e

old remoteSlideshow edits Ignore-this: dc9aabd00ee3d4cb7d568cdd7d5e51c darcs-hash:20151004111507-312f9-0ad4bff24fe26b52d26dd730d2f3bdb50fa3e837
author drewp <drewp@bigasterisk.com>
date Sun, 04 Oct 2015 04:15:07 -0700
parents 31610c14a34c
children
comparison
equal deleted inserted replaced
1001:3184772368a5 1002:a94e05a79d4e
2 head 2 head
3 style 3 style
4 body { 4 body {
5 background: black; 5 background: black;
6 color: white; 6 color: white;
7 width: 1024px;
8 height: 600px;
9 overflow: hidden;
7 } 10 }
11
12 h1, p {
13 background: hsla(0, 0%, 0%, 0.47);
14 display: inline-block;
15 font-size: 31px;
16 padding: 7px;
17 }
18
8 img#main { 19 img#main {
9 position: absolute; 20 position: absolute;
10 left: 0px; 21 left: 0px;
11 top: 0px; 22 top: 0px;
12 width: 100%; 23 width: 1024px;
13 height: 100%; 24 height: 600px;
14 z-index: -10; 25 z-index: -10;
15 } 26 }
27 div#feeder {
28 box-shadow: 5px 5px 112px hsl(0, 0%, 0%);
29 position: absolute;
30 left: 180px;
31 top: 61px;
32 border: 2px solid white;
33 }
34 div#feeder img {
35
36 }
16 body 37 body
17 img(id='main', src="#") 38 img(id='main', src="")
39 div(id='feeder')
18 h1 Ari's bed cactus 40 h1 Ari's bed cactus
41 div(style="position: absolute; right: 20px; top: 20px")
42 button(data-bind="click: toggleFeederCam")
43 | toggle feeder
44 button(data-bind="click: nextImage") next image
45 p(style="position:absolute; left: 20px; top:500px")
46 | Picture
47 span(data-bind="text: imageIndex() + 1")
48
19 script(src="../lib/jquery-1.9.1.min.js") 49 script(src="../lib/jquery-1.9.1.min.js")
50 script(src="../lib/knockout-2.3.0.js")
20 script(src='show.js') 51 script(src='show.js')
21 52