Skip to content

Commit 3450507

Browse files
committed
some enhancements
1 parent 67ee444 commit 3450507

File tree

6 files changed

+389
-369
lines changed

6 files changed

+389
-369
lines changed

screen.nw/css/style.css

Lines changed: 81 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,82 @@
1-
* { cursor: none; }
2-
3-
html, body , #slides, .photo {
4-
height: 100%;
5-
width: 100%;
6-
margin: 0;
7-
padding: 0;
8-
overflow: hidden;
9-
}
10-
11-
body {
12-
background: #000;
13-
}
14-
15-
#statusPause {
16-
position: absolute;
17-
z-index: 100;
18-
display: inline-block;
19-
font-weight: bold;
20-
font-size: 30px;
21-
letter-spacing: 5px;
22-
color: #fff;
23-
text-shadow: 0 0 5px #000;
24-
padding: 0 5px 0 8px;
25-
margin: 5px;
26-
background: rgba(255,255,255,0.3);
27-
border-radius: 3px;
28-
}
29-
30-
.hide {
31-
display: none!important;
32-
}
33-
34-
#debug {
35-
position: absolute;
36-
top: 0;
37-
z-index: 9999;
38-
}
39-
40-
#slides {
41-
text-align: center;
42-
}
43-
44-
.photo {
45-
opacity: 0;
46-
position: absolute;
47-
/* CSS animation defined in JS */
48-
}
49-
50-
.photo .bg-blur {
51-
opacity: 0.5;
52-
position: absolute;
53-
z-index: -1;
54-
left: 0;
55-
top: 0;
56-
}
57-
58-
.photo.portrait img {
59-
height: 100%;
60-
/* box-shadow: 0 0 20px -5px; */
61-
transform: translate3d(0, 0, 0);
62-
}
63-
64-
.photo .exif {
65-
position: absolute;
66-
bottom: 0;
67-
left: 0;
68-
color: #fff;
69-
background: rgba(0,0,0,0.5);
70-
padding: 5px 8px;
71-
opacity: .5;
72-
font-size: 80%;
73-
}
74-
75-
.visible {
76-
opacity: 1;
77-
}
78-
79-
.fadeIn {
80-
opacity: 1;
81-
z-index: 10;
1+
* { cursor: none; }
2+
3+
html, body , #slides, .photo {
4+
height: 100%;
5+
width: 100%;
6+
margin: 0;
7+
padding: 0;
8+
overflow: hidden;
9+
}
10+
11+
body {
12+
background: #000;
13+
}
14+
15+
#statusPause {
16+
position: absolute;
17+
z-index: 100;
18+
display: inline-block;
19+
font-weight: bold;
20+
font-size: 30px;
21+
letter-spacing: 5px;
22+
color: #fff;
23+
text-shadow: 0 0 5px #000;
24+
padding: 0 5px 0 8px;
25+
margin: 5px;
26+
background: rgba(255,255,255,0.3);
27+
border-radius: 3px;
28+
}
29+
30+
.hide {
31+
display: none!important;
32+
}
33+
34+
#debug {
35+
position: absolute;
36+
top: 0;
37+
z-index: 9999;
38+
}
39+
40+
#slides {
41+
text-align: center;
42+
}
43+
44+
.photo {
45+
opacity: 0;
46+
position: absolute;
47+
/* CSS animation defined in JS */
48+
}
49+
50+
.photo .bg-blur {
51+
opacity: 0.5;
52+
position: absolute;
53+
z-index: -1;
54+
left: 0;
55+
top: 0;
56+
}
57+
58+
.photo.portrait img {
59+
height: 100%;
60+
/* box-shadow: 0 0 20px -5px; */
61+
transform: translate3d(0, 0, 0);
62+
}
63+
64+
.photo .exif {
65+
position: absolute;
66+
bottom: 0;
67+
left: 0;
68+
color: #fff;
69+
background: rgba(0,0,0,0.5);
70+
padding: 5px 8px;
71+
opacity: .5;
72+
font-size: 80%;
73+
}
74+
75+
.visible {
76+
opacity: 1;
77+
}
78+
79+
.fadeIn {
80+
opacity: 1;
81+
z-index: 10;
8282
}

screen.nw/index.html

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,19 @@
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
76
<title>Screensaver</title>
8-
97
<meta name="apple-mobile-web-app-capable" content="yes">
108
<meta name="viewport" content="width=device-width, initial-scale=1">
11-
129
<meta name="author" content="Marco Krage">
1310
<meta name="description" content="Slideshow using in a node-webkit app as Screensaver">
1411
<meta name="keywords" content="screensaver, slideshow, node-webkit, app">
15-
1612
<link href="css/normalize.css" type="text/css" rel="stylesheet" />
1713
<link href="css/style.css" type="text/css" rel="stylesheet" />
1814
</head>
1915
<body>
2016
<div id="statusPause" class="hide">II</div>
2117
<div id="slides"></div>
22-
<script src="js/jquery-2.0.3.min.js"></script>
18+
<script src="js/jquery-2.2.3.min.js"></script>
2319
<script src="js/imagesloaded.pkgd.min.js"></script>
2420
<script src="js/jquery-imagefill.js"></script>
2521
<script src="js/background-blur.min.js"></script>

0 commit comments

Comments
 (0)