productivity-timer/index.html at master · MarkLoeser/productivity-timer · GitHub

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
<html lang="en">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


	<link href="https://fonts.googleapis.com/css?family=Bungee+Hairline" rel="stylesheet">
</head>

	<div class="row">
		<h1>Productivity Timer</h1>
	</div>

	<div class="timer" id="workTimerSection">
		<div class="container">
			<div class="row">
				<h3>Work Session</h3>
				<p id="timer" class="displayTime"></p>
			</div>
			<div class="col-md-offset-2 col-md-2 col-sm-2 col-sm-offset-1 addSubtract" onClick="subtractMinute()">
				<p>-</p>
			</div>
			<div class="col-md-2 col-sm-3 start" onClick="startCountdown()">
				<p>Start</p>
			</div>
			<div class="col-md-2 col-sm-3 stop" onClick="stopCountdown()">
				<p>Stop</p>
			</div>
			<div class="col-md-2 col-sm-2 addSubtract" onClick="addMinute()">
				<p>+</p>
			</div>
		</div>
  	</div>
	<div class="breakTimerHidden timer" id="breakTimerSection">
		<div class-"container">
			<div class="row">
				<h3>Break Timer</h3>
				<p id="breakTimer" class="displayTime"></p>
			</div>
			<div class="row">
			</div>
			<div class="col-sm-1 col-sm-offset-3 col-xs-offset-0 col-xs-12 addSubtract" onClick="subtractBreakMinute()">
				<p>-</p>
			</div>
			<div class="col-sm-2 col-xs-12 start" onClick="startBreakCountdown()">
				<p>Start</p>
			</div>
			<div class="col-sm-2 col-xs-12 stop" onClick="stopBreakCountdown()">
				<p>Stop</p>
			</div>
			<div class="col-sm-1 col-xs-12 addSubtract" onClick="addBreakMinute()">
				<p>+</p>
			</div>
		</div>
  </div>
		<div class="customTime col-md-6 col-sm-12">
			<div class="row">
				<h3>Custom Time Settings</h3>
			</div>
			<div class="row changeTime">
  				<input id="customWorkTime" type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
  				<input type="button" value="Change Work Time" onClick="changeDefaultWorkTime()">
  			</div>
  			<div class="row changeTime">
  				<input id="customBreakTime" type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
  				<input type="button" value="Change Break Time" onClick="changeDefaultBreakTime()">
  			</div>
		</div>
		<div class="productive col-md-6 col-sm-12">
			<div class="row">
				<h3>Total Productivity Time</h3>
				<p id="productivityTime"></p>
			</div>
			<div class="col-sm-2 col-sm-offset-2 tweet" onclick="tweetIt()">
				<img src="images/twitter.png">
			</div>
			<div class="col-sm-6 tweetExplanation">
				<p>Tweet your productivity time</p>
			</div>


<script src="javascript.js" type="text/javascript"></script>

</html>