Mercurial > code > home > repos > homeauto
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 |