forked from omni5cience/sleepyti.me
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
89 lines (82 loc) · 4.69 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
<!doctype html>
<!----------------------------------------------------
sleepyti.me bedtime calculator
Author: David Shaw (dshaw dot jobs at gmail dot com)
URL: http://github.com/davidshaw/sleepyti.me/
------------------------------------------------------>
<html>
<head>
<title>sleepyti.me bedtime calculator</title>
<meta name="Description" content="Sleepyti.me is a bedtime calculator that can help you calculate when to fall asleep. By counting backwards in sleep cycles, sleepyti.me has the ability to help you wake up refreshed, instead of feeling groggy. Sleepyti.me can also help you figure out what time to set your alarm if you are going to sleep at that moment.">
<meta name="Keywords" content="sleep, refreshed, sleeping, health, bedtime, bed, bed time, calculator, ajax, javascript">
<meta name="robots" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0;"/>
<link rel="stylesheet" href="static/style.css" type="text/css" media="screen" />
<script src="static/jquery.js"></script>
<script src="static/sleepytime.js"></script>
</head>
<body>
<div id="title">sleepyti.me <font color="lightblue">bedtime calculator</font></div>
<div id="content" class="hidden">
<p id="intro">I have to wake up at <span id="waketime" style="display:none;"></span></p>
<div id="picker">
<div class="waketime center">
<select id="hour"><option>hour</option></select>
<select id="minute"><option>minute</option></select>
<select id="ampm"><option>AM</option><option>PM</option></select>
</div>
<p class="center"><font color="#666666"><i>or, find out when to wake up if you go to bed now</i></p>
<input type="button" value="zzz" id="sleepnow"/>
</div>
<div id="wake" class="hidden">
<p>It takes the average human <b>fourteen minutes</b> to fall asleep.</p>
<p>If you head to bed right now, you should try to wake up at one of the following times:</p>
<div id="wake-times" class="hidden"></div>
<p>A good night's sleep consists of 5-6 complete sleep cycles.</p>
</div>
<div id="sleep" class="hidden">
<p>You should try to <b>fall asleep</b> at one of the following times:</p>
<div id="sleep-times" class="hidden"></div>
<p><font color="#0080FF">Please keep in mind that you should be <i>falling asleep</i> at these times.</p>
<p>The average adult human takes <b>fourteen minutes</b> to fall asleep, so plan accordingly!</font></p>
<p><font color="#9966CC">sleepyti.me works by counting backwards in <b>sleep cycles</b>. Sleep cycles typically last <b>90 minutes</b>.</p>
<p>Waking up in the middle of a sleep cycle leaves you feeling tired and groggy, but waking up <i>in between</i> cycles lets you wake up feeling refreshed and alert!</font></p>
</div>
<div id="amazon" style="display:none;" align="center" valign="bottom">
<hr color="#CCCCCC">
<p id="footer">sleepyti.me is provided as a free service thanks to support from our ads.</p>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7082199327067068";
/* sleepy */
google_ad_slot = "4113086282";
google_ad_width = 300;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class="back center"><a href="" id="back">back</a></div>
</div>
<div id="fb"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsleepyti.me&layout=standard&show_faces=true&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe></div>
</div>
<noscript>
<div style="font-family:Garamond; margin-bottom:130px;">
<p>Hello, and welcome to sleepyti.me. Sleepyti.me is a bedtime calculator that counts backwards in sleep cycles and tells you when to go to sleep so that you can wake up refreshed!</p>
<p>This site is written in Javascript, which must be enabled in order to use the page. Thanks for visiting, and sorry for the inconvenience!</p>
</div>
</noscript>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19580945-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</body>
</html>