-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (80 loc) · 3.67 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
<html>
<head>
<meta charset='utf-8'>
<title>BeepEvery</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.png" />
<meta name="description" content="Interval beeping and self-serving website all in one!" />
</head>
<body>
<audio id="audio">
<source src="beep.mp3" />
<source src="beep.wav" />
Sorry, your browser doesn't support HTML5 audio. <a href="mailto:[email protected]">Mail me</a> to get my lazy butt up and use Flash.
</audio>
<div id="header" class="row-fluid">
<div class="span8 offset2">
<h1>BeepEvery </h1>
<input id="interval" class="input-small" type="text" value="1m10s">
</div>
</div>
<div id="error" class="row-fluid">
<div class="span8 offset2 alert alert-error">
<button type="button" id="hide-error" class="close">×</button>
The interval must be of the form xx<strong>h</strong>xx<strong>m</strong>xx<strong>s</strong>
</div>
</div>
<div class="row-fluid">
<div id="timer-block" class="hero-unit span8 offset2">
<span id="timer">
<span id="h">0</span><span class="little">h</span>
<span id="m">0</span><span class="little">m</span>
<span id="s">0</span><span class="little">s</span>
</span>
<!-- can't get this to work yet
<span id="next-beep">next beep in <span id="remaining">0</span> seconds</span>
-->
</div>
</div>
<div id="controls" class="row-fluid">
<div id="start-pause" class="hero-unit control span4 offset2">START</div>
<div id="reset" class="hero-unit control span4 offset6">RESET</div>
</div>
<div class="row-fluid">
<div id="footer" class="span8 offset2">
Made by <a href="http://maxmackie.com">Max Mackie</a>.
BeepEvery is on <a href="http://github.com/maxmackie/beepevery">Github</a>.
<p id="social">
<a href="https://github.com/maxmackie/beepevery"><img src="img/github-32-black.png"></a>
<a href="https://plus.google.com/share?url=http://beepevery.com"><img src="img/googleplus-32-black.png"></a>
<a href="http://www.reddit.com/submit?url=http://beepevery.com"><img src="img/reddit-32-black.png"></a>
<a href="https://news.ycombinator.com/item?id=5551242"><img src="img/hackernews-32-black.png"></a>
<a href="https://twitter.com/intent/tweet?url=http://beepevery.com&text=BeepEvery: A new webapp that beeps to your command. Check it out. "><img src="img/twitter-32-black.png"></a>
</p>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.timer.js" type="text/javascript"></script>
<script src="js/timer.js" type="text/javascript"></script>
<!-- Start of Woopra Code -->
<script type="text/javascript">
function woopraReady(tracker) {
tracker.setDomain('beepevery.com');
tracker.setIdleTimeout(1800000);
tracker.track();
return false;
}
(function() {
var wsc = document.createElement('script');
wsc.src = document.location.protocol+'//static.woopra.com/js/woopra.js';
wsc.type = 'text/javascript';
wsc.async = true;
var ssc = document.getElementsByTagName('script')[0];
ssc.parentNode.insertBefore(wsc, ssc);
})();
</script>
<!-- End of Woopra Code -->
</body>
</html>