almd/mainsite.html at master · mimilei/almd · 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
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300,100' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/mainsite_style.css">
    <link rel="stylesheet" href="assets/style.css">
    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js"></script>
    <script src="assets/script.js"></script>
  </head>
  <body onload="startup()">
    <div class="st-container">
      <input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
    	<a href="#st-panel-1">Home</a>

    	<input type="radio" name="radio-set" id="st-control-2"/>
    	<a href="#st-panel-2">About</a>

    	<input type="radio" name="radio-set" id="st-control-3"/>
    	<a href="#st-panel-3">Try</a>

      <div class="st-scroll">
        <section class="st-panel" id="st-panel-1">
          <div class="logo"></div>
          <h1>ALMD</h1>
          <h3>Protecting your personal world: one hand at a time.</h3>
        </section>
        <section class="st-panel demo" id="st-panel-2">
          <h2>About</h2>
          <h3>Your hands are a key part of you who are and what you do.</h3>
          <p>We created ALMD (pronounced "almond") to help people overcome the health
            barriers of modern society. Targeted towards those who suffer from or are at
            risk of developing carpal tunnel, ALMD is a smart lifestyle coach that
            measures your positioning at the keyboard and sends alerts
            and recommendations when your posture and habits are unhealthy. Carpal tunnel
            is a common cause of work absence as well as the cause of much pain and
            suffering amongst modern professionals. By spreading awareness of what it means
            to be healthy at the computer and workplace, we envision a world where such
            ailments no longer hold back the individual from living their life to the fullest.</p>
        </section>
        <section class="st-panel demo" id="st-panel-3">
          <h2>Try It Out</h2>
          <div onload="startup()">
            <div id="angle-container">
            	<h3>Your current hand angle is:</h3>
            </div>
            <div class="button-container">
            	<button id="pause" onclick="pause()">Pause</button>
            	<button id="resume" onclick="resume()">Resume</button>
            	<div id="message"></div>
            </div>
          </div>
        </section>
      </div>
  </body>
</html>
</div>