-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
120 lines (107 loc) · 4.21 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
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Toastmaster Speech Timer</title>
<meta description="Practice your speech with confidence. This timer can be used to practice 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://www.toastmastertimer.com/">
</head>
<body>
<div id="body">
<section class="content-wrapper">
<h1 style="margin-bottom: 20px;">Toastmaster Speech 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="When you are giving a toastmasters speech you will not see the time. All you will have is the green, yellow, red lights come on. In order to simulate a real world 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>© 2013 - Guy Ellis</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 -->
<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-164775-23', 'toastmastertimer.com');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>