FitnessManager/widget2.html at master · the4dpatrick/FitnessManager · 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Widget | FitnessManager</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/widget.css" />
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body>
    <div id="step-1">
      <div class="small-12 medium-6 medium-centered columns">
	<div class="row">
	  <div class="small-4 columns">
	    <div class="circle active">1</div>
	  </div>
	  <div class="small-4 columns">
	    <div class="circle">2</div>
	  </div>
	  <div class="small-4 columns">
	    <div class="circle">3</div>
	  </div>
	</div>
	<div class="row">
	  <div class="small-12 medium-10 medium-centered columns">
	    <h1>Hello <b>Daming!</b></h1>
	    <p>You had the following workout scheduled by your trainer <b>Patrick</b></p>
	    <ul id="todays-workout" class="disc">
	      <li>30 Min Jog</li>
	      <li>100 Push-ups</li>
	    </ul>
	    <div class="row">
	      <div class="button-bar">
		<ul class="yes-or-no button-group radius">
		  <li><a href="#" class="button-box-shadow button success">Yes</a></li>
		  <li><a href="#" class="button-box-shadow button alert">No</a></li>
		</ul>
	      </div>
	    </div>
	    </div>
	  </div>
	</div>
      </div>
      <div id="step-2">
	<div class="small-12 medium-6 medium-centered columns">
	  <div class="row">
	    <div class="small-4 columns">
	      <div class="circle active">1</div>
	    </div>
	    <div class="small-4 columns">
	      <div class="circle active">2</div>
	    </div>
	    <div class="small-4 columns">
	      <div class="circle">3</div>
	    </div>
	  </div>
	  <div class="row">
	    <div class="small-12 medium-10 medium-centered columns">
	      <h1>One Rep Max</b></h1>
	      <p>Last week you had a one rep max of: <b>100lb</b>. Did you surpass it?</p>
	      <div class="row">
		<div class="button-bar">
		  <ul class="yes-or-no button-group radius">
		    <li><a href="#" class="button-box-shadow button success">Yes</a></li>
		    <li><a href="#" class="button-box-shadow button alert">No</a></li>
		  </ul>
		</div>
	      </div>
	    </div>
	  </div>
	</div>
</div>
	    <div id="step-3">
	      <div class="small-12 medium-6 medium-centered columns">
		<div class="row">
		  <div class="small-4 columns">
		    <div class="circle active">1</div>
		  </div>
		  <div class="small-4 columns">
		    <div class="circle active">2</div>
		  </div>
		  <div class="small-4 columns">
		    <div class="circle active">3</div>
		  </div>
		</div>
		<div class="row">
		  <div class="small-12 medium-10 medium-centered columns">
		    <h1>That's all for today!</h1>
		    <p>Look at your progress</p>
		    <div class="button">To Dashboard</div>
		  </div>
		</div>
		<div id="fitness-manager-logo">Powered by <a href="#"><img src="images/fm-logo.png"></div>
		<script src="js/vendor/jquery.js"></script>
		<script src="js/foundation.min.js"></script>
		<script src="js/jquery-ui-min.js"></script>
		<script src="js/calc.js"></script>
		<script src="js/oneRepMax.js"></script>
		<script src="js/prefixfree-1.0.7.js"></script>
		<script src="js/piechart.js"></script>
		<script src="js/line-chart.js"></script>
		<script>
		  $(document).foundation();
		</script>
  </body>
</html>