-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
130 lines (120 loc) · 6.04 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
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eye Care</title>
<link href="flat-ui/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="flat-ui/css/flat-ui.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/style-compact.css" rel="stylesheet">
</head>
<body>
<div class="frame">
<div class="ec-controls">
<a href="#" id="window-expand" title="Expanded"><img src="images/win-expanded-white.png"/></a><a href="#" id="window-compact" title="Compact"><img src="images/win-compact-white.png"/></a><a href="#" id="window-minimize" title="Minimize"><img src="images/win_min_white.png"/></a><a href="#" id="window-close" title="Close"><img src="images/win_close_white.png"/></a>
</div>
<div class="main-menu">
<img id="btn_menu" src="images/option-vertical.png"/>
<ul>
<li id="m_feedback">Do you like it?</li>
</ul>
</div>
<div class="ec-title"><img class="icon-small" src="images/icon48_light.png"/> Eye Care</div>
</div>
<div class="ec-settings dropdown">
<a id="btnSettings" href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fui-gear"></span></a>
<span class="dropdown-arrow"></span>
<ul class="dropdown-menu dropdown-inverse">
<li><a id="btnMenuReset" href="#">Reset Timer</a></li>
<li><a id="btnMenuSounds" href="#">Sound
<span class="ec-sound-on glyphicon glyphicon-volume-up"></span>
<span class="ec-sound-off glyphicon glyphicon-volume-off"></span>
</a></li>
<li class="divider"></li>
<li><a id="btnMenuHome" href="#">Home</a></li>
<!--<li><a href="#">Exercises</a></li>-->
<li><a id="btnMenuAbout" href="#">About</a></li>
</ul>
</div>
<div class="ec-scr-home container">
<div class="row ec-init">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<ul class="pager">
<li class="previous"><a id="prevMode" href="#"><span class="fui-arrow-left"></span></a></li>
<!--dev--> <li value="0" class="item">5s Work / 5s Rest</li>
<li value="201" class="item selected">20m Work / 1m Rest</li>
<li value="303" class="item">30m Work / 3m Rest</li>
<li value="605" class="item">60m Work / 5m Rest</li>
<li value="999" class="item">Custom</li>
<li class="next"><a id="nextMode" href="#"><span class="fui-arrow-right"></span></a></li>
</ul>
</div>
<div class="col-xs-1"></div>
</div>
<div class="row text-center normalMode">
<div class="col-xs-12">
<div id="tClock" class="tDisplay">00 : 00 : 00s</div>
<a id="btnSkipRest" href="#" class="btn btn-xs btn-inverse ec-rest">Skip</a>
</div>
</div>
<div class="row text-center customMode">
<div class="col-xs-1"></div>
<div class="col-xs-5">
<a id="btnWorkMinus" class="btn btn-info" href="#"><span class="fui-- glyphicon glyphicon-minus"></span></a>
<input id="inputWork" type="text" value="" placeholder="work" class="form-control" pattern="[0-9]{4}">
<a id="btnWorkPlus" class="btn btn-info" href="#"><span class="fui-plus"></span></a>
</div>
<div class="col-xs-5">
<a id="btnRestMinus" class="btn btn-info" href="#"><span class="fui-- glyphicon glyphicon-minus"></span></a>
<input id="inputRest" type="text" value="" placeholder="rest" class="form-control">
<a id="btnRestPlus" class="btn btn-info" href="#"><span class="fui-plus"></span></a>
</div>
</div>
<div class="row text-center">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<a id="btnStart" href="#" class="btn btn-block btn-lg btn-success ec-init">Start</a>
<a id="btnReset" href="#" class="btn btn-block btn-lg btn-danger ec-work">Reset</a>
<a id="btnBreak" href="#" class="btn btn-block btn-lg btn-success ec-remind">Take a Break >></a>
</div>
<div class="col-xs-1"></div>
</div>
<div class="row text-center ec-remind">
<div class="col-xs-12">
<div class="ec-title-remind">Remind me in </div>
<a id="btnRemind2" href="#" class="btn btn-xs btn-info">2 min</a>
<a id="btnRemind5" href="#" class="btn btn-xs btn-info">5 min</a>
<a id="btnSkip" href="#" class="btn btn-xs btn-default">Skip</a>
</div>
</div>
</div>
<div class="ec-scr-about container">
<div class="ec-back"><a id="btnAboutBack" class="ec-btnBack" href="#"><span class="fui-arrow-left"></span></a></div>
<div class="row text-center">
<div class="col-xs-12">
<div id="ec-version"> v 2.1</div>
<div class="ec-page-title">About</div>
<p><strong>Eye Care</strong> helps you maintain a healthy lifestyle when working long hours in front of the screen.
<br /><span class="about-compact-hide">Regular breaks combined with eye exercises and moderate movement are crucial to prevent eyestrain, backpain and other health issues.</span>
<a id="hrefMayo1" href="#">more...</a>
</p>
</div>
</div>
<div class="row text-center">
<div class="col-xs-12">
<div class="ec-copyright">Developed by <a id="hrefGithub1" href="#"><strong>Radu Filip</strong></a></div>
</div>
</div>
</div>
<audio id="audioNotif" src="assets/notification.mp3"></audio>
<audio id="audioResume" src="assets/blip.mp3"></audio>
</body>
<script src="flat-ui/js/jquery-1.8.3.min.js"></script>
<script src="flat-ui/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="flat-ui/js/bootstrap.min.js"></script>
<script src="flat-ui/js/bootstrap-select.js"></script>
<script src="flat-ui/js/application.js"></script>
<script type="text/javascript" src="js/timer.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</html>