-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (100 loc) · 5.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BitDay - A Beautiful Pixel Wallpaper Set</title>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/png" href="img/favicon.png" />
</head>
<body>
<div id="menubar">
<div id="icon">
<a href="index.html"><img src="img/icon.png"/></a>
</div>
</div>
<div id="logo">
<img class="center" src="img/logo.png"/>
</div>
<div id="ss-wrapper">
<div id="slideshow">
<img src="img/ss/01-Morning.png" alt="Slideshow Image 1" class="active" />
<img src="img/ss/02-Late-Morning.png" alt="Slideshow Image 2" />
<img src="img/ss/03-Afternoon.png" alt="Slideshow Image 3" />
<img src="img/ss/04-Late-Afternoon.png" alt="Slideshow Image 4" />
<img src="img/ss/05-Evening.png" alt="Slideshow Image 5" />
<img src="img/ss/06-Late-Evening.png" alt="Slideshow Image 6" />
<img src="img/ss/07-Night.png" alt="Slideshow Image 7" />
<img src="img/ss/08-Late-Night.png" alt="Slideshow Image 4" />
<a href="live/index.html"><div id="slideshow-text-overlay"><span>Enter Browser Mode</span></div></a>
</div>
</div>
<center>
<iframe style="border: 0; width: 400px; height: 42px; margin: 2% auto 0 auto;" src="http://bandcamp.com/EmbeddedPlayer/album=871226884/size=small/bgcol=333333/linkcol=e99708/t=4/transparent=true/" seamless><a href="http://breakbeatheartbeat.bandcamp.com/album/hold-on">Hold On by Breakbeat Heartbeat</a></iframe></center>
<div id="wrapper">
<h1>Live Browser Mode</h1><p style="margin-top: 60px;">Click the photo to enter the live browser version of BitDay.</p>
<a href="live/index.html"><img class="thumbnail" src="img/BitDay-thumb.png"/></a>
<h1>Download</h1><p style="margin-top: 60px;"><b>1.</b> Pick your screen resolution...</p>
<select class="screenres" name="forma" onchange="location = this.options[this.selectedIndex].value;">
<option value="">:)</option>
<option value="/v1.0/legacy/BitDay-1280x720.zip">1280x720</option>
<option value="/v1.0/legacy/BitDay-1280x800.zip">1280x800</option>
<option value="/v1.0/legacy/BitDay-1366x768.zip">1366x768</option>
<option value="/v1.0/legacy/BitDay-1440x900.zip">1440x900</option>
<option value="/v1.0/legacy/BitDay-1600x900.zip">1600x900</option>
<option value="/v1.0/legacy/BitDay-1680x1050.zip">1680x1050</option>
<option value="/v1.0/legacy/BitDay-1920x1080.zip">1920x1080</option>
<option value="/v1.0/legacy/BitDay-1920x1200.zip">1920x1200</option>
<option value="/v1.0/legacy/BitDay-2560x1440.zip">2560x1440</option>
<option value="/v1.0/legacy/BitDay-2560x1600.zip">2560x1600</option>
<option value="/v1.0/legacy/BitDay-2880x1800.zip">2880x1800</option>
</select>
<p class="info"><a href="http://www.whatismyscreenresolution.com/" target="_blank">Don't know your screen resolution?</a></p>
<p style="margin-top: 60px; margin-bottom: 60px;">2. Choose your Operating System...</p>
<a href="v1.0/docs/Mac-Installation.txt" target="_blank"><img class="os" src="img/osapple.png"/></a>
<a href="https://github.com/rwood/WallpaperChange" target="_blank"><img class="os" src="img/oswindows.png"/><a/>
<a href="v1.0/docs/Ubuntu-Installation.txt" target="_blank"><img src="img/osubuntu.png"/></a>
<p style="margin-top: 60px; margin-bottom: 20px;">3. Install the Changer...</p>
<p class="info">Read the included documentation from step 2 to get your wallpapers changing based on your computer's time of day. An easier cross-platform solution is coming soon :)</p>
</div>
<!--<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46777737-1', 'bitday.me');
ga('send', 'pageview');
</script>-->
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 3000 );
window.addEventListener("resize", function(e) {
$("#slideshow-text-overlay").height($("#slideshow IMG.active").height());
});
});
</script>
</body>
</html>