forked from guyellis/toastmaster-timer
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
108 lines (94 loc) · 3.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Community Board Presentation Timer</title>
<meta description="This timer can be used to time any speech type. It was originally created for practicing Toastmaster speeches. Large font and big colors enable you to see it from a distance."
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<meta name="viewport" content="width=device-width"/>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="toastmaster.css" rel="stylesheet"/>
<link rel="canonical" href="https://timer.beta.nyc/">
</head>
<body>
<div id="body">
<section class="content-wrapper">
<h1 style="margin-bottom: 20px;">Community Board Presentation Timer</h1>
<div>
<div class="row" id="buttons" style="font-size: large"></div>
<br/>
<div class="row" id="content" style="font-size: xx-large; height:20px; line-height:20px">
<div class="col-sm-2 col-md-2">
<input class="form-control" id="green-light" type="text">
</div>
<div class="col-sm-2 col-md-2">
<input class="form-control" id="yellow-light" type="text">
</div>
<div class="col-sm-2 col-md-2">
<input class="form-control" id="red-light" type="text">
</div>
<div class="col-sm-2 col-md-2">
<button class="btn btn-default btn-primary btn-lg" id="btnStart" type="button" value="Start">Start</button>
</div>
<div class="col-sm-2 col-md-2">
<button class="btn btn-default btn-lg" id="btnReset" type="button" value="Reset">Reset</button>
</div>
</div>
<br/>
<div>
<label class="label label-default"><input type="checkbox" id="showDigits" name="showDigits" value="showDigits" checked="checked" title="You can disable the digits being shown.">Show Digits</label>
</div>
<div class="row" id="trafficlight" style="font-size: 28em;line-height:600px">
0:00
</div>
</div>
</section>
</div>
<div>
<g:plusone></g:plusone>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p><a href="https://github.com/guyellis/toastmaster-timer" target="_blank">© 2013 - Guy Ellis - MIT License</a></p>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="toastmaster.js"></script>
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to https://www.addthis.com/get/smart-layers to customize -->
<!--
<script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520675fc00be804f"></script>
<script type="text/javascript">
addthis.layers({
'theme': 'transparent',
'share': {
'position': 'left',
'numPreferredServices': 5
},
'follow': {
'services': [
{'service': 'twitter', 'id': 'wildfiction'},
{'service': 'linkedin', 'id': 'wildfiction'},
{'service': 'google_follow', 'id': 'b/111266032064731398941/'}
]
},
'whatsnext': {},
'recommended': {
'title': 'Recommended for you:'
}
});
</script>
-->
<!-- AddThis Smart Layers END -->
<!--
Google Plus One button:
Will appear where the <g:plusone></g:plusone> tag.
-->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<!-- Google Analytics -->
<!-- Google Analytics Needs to be added -->
</body>
</html>