-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstruction-lunge.html
75 lines (74 loc) · 3.37 KB
/
instruction-lunge.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="import" href="head.html" >
<meta charset="UTF-8">
<title>Squat instructions</title>
</head>
<body>
<header>
<nav>
<h1><a href="/">PoseNet Demos</a></h1>
</nav>
</header>
<div class="container">
<div>
<h2 id="exercise-name">Squat Exercise</h2>
</div>
<div id="instructions">
<h2>Instructions: </h2>
<div>
<p>Exercise will start with calibration phase.</p>
<p>1. Make sure that camera see only you posture, there should be nobody else on camera range.</p>
<p>2. Make sure that you are standing facing forward and far enough so your feet are captured on camera.</p>
<p>3. The calibration will required to stand in <b>left leg in lunge pose</b> like in below picture for 5sec.</p>
<p>4. The second stage of calibration will required to stand in <b>standing pose</b> like in below picture for 5sec</p>
<p>5. The calibration will required to stand in <b>right leg in lunge pose</b> like in below picture for 5sec.</p>
</div>
<div class="centerize">
<video autoplay></video>
</div>
<div>
<ul id="exercise-list">
<li>
<h2>lunge pose</h2>
<picture>
<source media="(max-width:319px)" srcset="./images/lunge.jpg">
<source media="(min-width:320px && max-width:799px)" srcset="./images/lunge.jpg">
<source media="(min-width:800px)" srcset="./images/lunge.jpg">
<img class="exercise-img" src="./images/lunge.jpg" alt="Picture of lunge exercise">
</picture>
</li>
<li>
<h2>standing pose</h2>
<picture>
<source media="(max-width:319px)" srcset="./images/standing.jpeg">
<source media="(min-width:320px && max-width:799px)" srcset="./images/standing.jpeg">
<source media="(min-width:800px)" srcset="./images/standing.jpeg">
<img class="exercise-img" src="./images/standing.jpeg" alt="Picture of standing pose">
</picture>
</li>
<li>
<h2>lunge pose</h2>
<picture>
<source media="(max-width:319px)" srcset="./images/lunge.jpg">
<source media="(min-width:320px && max-width:799px)" srcset="./images/lunge.jpg">
<source media="(min-width:800px)" srcset="./images/lunge.jpg">
<img class="exercise-img" src="./images/lunge.jpg" alt="Picture of lunge exercise">
</picture>
</li>
</ul>
</div>
<div class="centerize">
<a class="btn-calibration" href="camera-lunge.html">Start Calibration</a>
</div>
</div>
</div>
<script src="instruction-camera.js"></script>
</body>
<footer>
<div>
<!--Designed by <a target="_blank" href="https://www.vecteezy.com">Vecteezy.com</a>-->
</div>
</footer>
</html>