/
settings.html
88 lines (67 loc) · 2.46 KB
/
settings.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cat nap</title>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
</script>
<script src="js/jquery/jquery-1.12.3.min.js"></script>
<script src="js/jquery/jquery-ui.min.js"></script>
<script src="js/controls.js"></script>
<script src="js/window.js"></script>
<link rel="stylesheet" href="js/jquery/jquery-ui.css">
<link rel="stylesheet" href="Font-Awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<div class="header">
<div class="catface"> </div>
<div class="status">
<div class="playpause" id="playpause"></div>
<div class="info" id="clockinfo"></div>
</div>
<div class="help" onclick="help();"><i class="fa fa-question-circle"></i></div>
</div>
<!-- controls -->
<div class="controls">
<!-- brk wait -->
<div class="slideControl">
<label>
<div class="title">Work</div>
<div class="val" id="brk-wait-val"><i class="fa fa-clock-o "></i> 60 minutes</div>
</label>
<div id="brk-wait" class="slide"></div>
</div>
<!-- brk length -->
<div class="slideControl">
<label>
<div class="title">Break</div>
<div class="val" id="brk-duration-val"><i class="fa fa-clock-o "></i> 5 minutes</div>
</label>
<div id="brk-length" class="slide"></div>
</div>
<!-- skip -->
<div class="slideControl">
<label>
<div class="title">Skips</div>
<div class="val" id="skip-val"><i class="fa fa-repeat"></i> 0 times</div>
</label>
<div id="skip" class="slide"></div>
</div>
<!-- track mouse/windows -->
<div class="slideControl">
<label>
<div class="title"><i class="fa fa-search"></i> Track</div>
</label>
<div style="display:inline-block;">
<input type="checkbox" id="track-mouse" onclick="checkboxChanged();" checked><label for="track-mouse" class="checklabel"><i class="fa fa-mouse-pointer"></i> Mouse</label>
<input type="checkbox" id="track-windows" onclick="checkboxChanged();" checked><label for="track-windows" class="checklabel"><i class="fa fa-laptop"></i> Windows</label>
</div>
</div>
</div>
</body>
</html>