-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
77 lines (74 loc) · 3.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.1.1/darkly/bootstrap.min.css" integrity="sha384-ae362vOLHy2F1EfJtpMbNW0i9pNM1TP2l5O4VGYYiLJKsaejqVWibbP6BSf0UU5i" crossorigin="anonymous" />
<title>Exam Timer</title>
<!-- link rel="stylesheet" href="style.css" /-->
</head>
<body>
<nav class="navbar navbar-expand navbar-dark bg-primary">
<span class="navbar-brand mb-0 h1 mr-auto">Davo's Exam Timer</span>
<div class="navbar-nav">
<a class="nav-item nav-link" href="#" data-toggle="modal" data-target="#configure">Configure</a>
</div>
</nav>
<div class="container mt-4">
<h1 id="exam-title"></h1>
<div class="row mt-3">
<div class="col"><h4>Reading time:</h4> <h3 id="time-reading-start"></h3></div>
<div class="col"><h4>Writing time:</h4> <h3 id="time-writing-start"></h3></div>
<div class="col"><h4>Finish:</h4> <h3 id="time-end"></h3></div>
</div>
<div class="mt-4">
<div class="text-center"><h4>Time now:</h4> <p id="clock" class="display-1"></p></div>
<div class="text-center">
<h4>Time until <span id="end-type">...</span>:</h4>
<p id="countdown" class="display-1"><span id="cd-h-wrapper"><span id="countdown-hours">0</span>h</span> <span id="cd-m-wrapper"><span id="countdown-minutes">00</span>m</span> <span id="cd-s-wrapper"><span id="countdown-seconds">00</span>s</span></p>
</div>
</div>
</div>
<div class="modal fade" id="configure" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Configuration</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form id="config-form">
<div class="modal-body">
<div class="form-group">
<label for="config-exam-title">Exam title (optional):</label>
<input type="text" class="form-control" id="config-exam-title" />
</div>
<div class="form-group">
<label for="config-reading-time">Reading time start:</label>
<input type="time" class="form-control" id="config-reading-time" value="10:10" />
</div>
<div class="form-group">
<label for="config-writing-time">Writing time start:</label>
<input type="time" class="form-control" id="config-writing-time" value="10:15" />
</div>
<div class="form-group">
<label for="config-end-time">End time:</label>
<input type="time" class="form-control" id="config-end-time" value="11:40" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js" integrity="sha256-L3S3EDEk31HcLA5C6T2ovHvOcD80+fgqaCDt2BAi92o=" crossorigin="anonymous" defer></script>
<script src="script.js" defer></script>
</body>
</html>