-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
80 lines (70 loc) · 3.33 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Touchy BP</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Viewport scale setting (required): http://labs.doat.com/touchybp/#meta-viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<!-- iPhone standalone settings: http://labs.doat.com/touchybp/#standalone -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="img/icon.png"/>
<link rel="apple-touch-startup-image" href="img/splash.png" />
<!-- Initial configuration script -->
<script>
// Determines if the agent has a touch interface: http://labs.doat.com/touchybp/#istouch
var isTouch = location.href.indexOf('istouch=true') !== -1 ? true : ('ontouchstart' in window);
// TouchyJs configuration: http://labs.doat.com/touchyjs/#configuration
var touchyjsConfig = {
'fixedPositioning': true, // default
'browserHistory': true // default
};
</script>
<!-- Normalize css by : http://labs.doat.com/touchybp/#normalize.mobile.css -->
<script>
var csspath = isTouch ? 'normalize.mobile.css' : 'normalize.css';
document.write('<link rel="stylesheet" href="css/normalize.css/' + csspath + '"><\/script>');
</script>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/demo.css" />
<!-- Hide content before rendering: http://labs.doat.com/touchyjs/#nav-dependancy -->
<style type="text/css"> .touchyjs-content { display: none; } </style>
</head>
<body>
<div class="touchyjs-header">
Header content
</div>
<div class="touchyjs-content" id="page1">
<div>
Content page 1 <br>
<br>
<a href="" onclick="TouchyJS.Nav.goTo('page2'); return false;">Go to next page</a>
<br><br><br><br><br><br><br>
</div>
</div>
<div class="touchyjs-content" id="page2">
<div>
Content page 2
<br>
<a href="" onclick="TouchyJS.Nav.back(); return false;">Go back</a>
<br><br><br><br><br><br><br>
</div>
</div>
<script>
if(!isTouch) {
document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>');
} else {
document.write('<script src="js/libs/zepto.min.js"><\/script>');
}
</script>
<script src="js/libs/touchy.min.js"></script>
<script src="js/script.js"></script>
<!-- Change UA-XXXXX-X to be your site's ID -->
<script>
window._gaq = [['_setAccount', 'UAXXXXXXXX1'], ['_trackPageview'], ['_trackPageLoadTime']];
document.write('<script src="' + ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js"><\/script>');
</script>
</body>
</html>