This repository has been archived by the owner on Aug 4, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (49 loc) · 1.8 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meeting Timer: Inspired by ReWork</title>
<link rel="stylesheet" href="//brick.a.ssl.fastly.net/Open+Sans:400">
<link href="meeting-timer.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- TODO: optimize view for "keyboard up" -->
<div id="container">
<p>
<span id="mt-past-present">I am in a meeting with</span>
<span class="highlight">
<input id="attendees" type="number" value="2" /> <span id="attend-plural">attendees</span></span>.
</p>
<p id="cost">
<span id="cost-past-present">So far, this meeting has cost</span>
<span id="hrs-exist">
<span class="highlight">
<time id="hrs">0</time>
<span id="hrs-plural">hours</span>,
</span>
</span>
<span id="mins-exist">
<span class="highlight">
<time id="mins">0</time>
<span id="mins-plural">minutes</span>
</span>
and
</span>
<span class="highlight">
<time id="secs">0</time>
<span id="secs-plural">seconds</span>
</span>
of productive time.
</p>
<button id="control" class="start">Start meeting.</button>
<button id="end">End meeting.</button>
<button id="reset">New meeting.</button>
<button id="no-more">No more meetings.</button>
<p id="why-no-more" class="off">
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis ornare vel eu leo.
</p>
</div>
<script src="stretchy.min.js" type="text/javascript" async></script>
<script src="meeting-timer.js" type="text/javascript"></script>
</body>
</html>