-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
81 lines (72 loc) · 2.77 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
<!DOCTYPE html>
<html lang=en-gb>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Haptic Effect Demo - from The Lab</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="handshake.js"></script>
</head>
<body>
<header>
<h1><a href="https://thelab.o2.com/">The Lab</a></h1>
<div id="menu">
<a href="https:/o2Labs/handshake-html5-vibrate-haptic-library" class="menu-button">Fork me on Github</a>
</div>
</header>
<section>
<h1>Haptic Effect Demo<br />from The Lab</h1>
<hr class="wide"/>
<h3>Currently working on Firefox Mobile, Firefox for Android, Chrome (beta) for Android.</h3>
<hr class="wide"/>
<h2>SMS</h2>
<h3>Notify the user of an incoming message</h3>
<button onclick="sms();">SMS</button>
<hr />
<h2>Heart Beat</h2>
<h3>for 5 beats</h3>
<button class="dual" onclick="heartBeat(5);">Heart Beat</button>
<button class="dual" onclick="heartBeat(5,300)">Heart Beat (fast)</button>
<hr />
<h2>Clunk Click</h2>
<h3>Suitable for Error Events</h3>
<button onclick="clunkClick();">Clunk Click</button>
<hr />
<h2>Lite</h2>
<h3>A gentle, low powered vibration</h3>
<button class="dual" onclick="lite();">Lite</button>
<button class="dual" onclick="lite(64)">Lite repeated 64 times</button>
<hr />
<h2>Medium Rumble</h2>
<h3>A staccato vibration</h3>
<button onclick="medium();">Medium</button>
<hr />
<h2>Star Wars</h2>
<button onclick="starWars();">Star Wars</button>
<hr />
<h2>Waiting</h2>
<h3>Suiting for indicating a pause during activity</h3>
<button onclick="waiting(5);">Please Wait</button>
<hr />
<h2>Countdown</h2>
<h3>3... 2... 1...</h3>
<button onclick="countdown();">3... 2... 1... Go!</button>
<hr />
<h2>Shave & A Hair Cut...</h2>
<button onclick="shaveAndAHairCut();">...two bits!</button>
<hr class="wide"/>
</section>
<footer>
<div id="footer-menu" role="navigation">
<a href="https://thelab.o2.com/who-we-are/" class="footer-button">Who we are</a>
<a href="https://thelab.o2.com/category/projects/" class="footer-button">Projects</a>
<a href="https://thelab.o2.com/category/events/" class="footer-button">Events</a>
<a href="https://thelab.o2.com/category/opinion/" class="footer-button">Opinion</a>
<a href="https://thelab.o2.com/category/case-studies/" class="footer-button">Cast Studies</a>
<a href="https://thelab.o2.com/category/about-us/" class="footer-button">About Us</a>
</div>
<p>All content © 2014, the Lab is a trade mark of Telefónica UK Limited. Telefónica UK Limited, 260 Bath Road, Slough, Berkshire SL14DX. Registered in England No. 1743099.</p>
</footer>
</body>
</html>