-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathmobile.html
120 lines (106 loc) · 5.3 KB
/
mobile.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
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
109
110
111
112
113
114
115
116
117
118
119
120
<html class='intro'>
<head>
<title>BOOM BOOM BOOM!</title>
<link rel="stylesheet" type="text/css" href="CSS/mobile.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="/Assets/favicon.ico" type="image/x-icon">
<link rel="icon" href="/Assets/favicon.ico" type="image/x-icon">
<script type='text/javascript'>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43611103-6', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</head>
<body class='intro'>
<div id="incorrectKey" class='valignOuter hidden faded'>
<div class='valign'>
<div class='valignWrap'>
<img src='Assets/warning.svg'></img>
<h1>Looks like you made a typo</h1>
</div>
</div>
</div>
<div id="introWrapper" class='valignOuter'>
<div id="intro" class='valign'>
<div class='valignWrap'>
<h1>Enter the key from the desktop site</h1>
<form id="inputForm">
<input id="inputKey" type="text" name="key"><br>
<input id="submitKey" type="submit" value="">
</form>
</div>
</div>
</div>
<div id="rotateDevice" class='valignOuter'>
<div class='valign'>
<div class='valignWrap'>
<img src='Assets/rotate.svg'></img>
<h1>Please rotate your device</h1>
</div>
</div>
</div>
<div id="keypadWrapper" class='hidden'>
<div id="keypad">
<div id="a" class="row">
<div id="a1" class="button"><img src='Assets/buttons/a1.svg'></img></div>
<div id="a2" class="button"><img src='Assets/buttons/a2.svg'></img></div>
<div id="a3" class="button"><img src='Assets/buttons/a3.svg'></img></div>
<div id="a4" class="button"><img src='Assets/buttons/a4.svg'></img></div>
<div id="a5" class="button"><img src='Assets/buttons/a5.svg'></img></div>
<div id="a6" class="button"><img src='Assets/buttons/a6.svg'></img></div>
<div id="a7" class="button"><img src='Assets/buttons/a7.svg'></img></div>
<div id="a8" class="button"><img src='Assets/buttons/a8.svg'></img></div>
<div id="a9" class="button"><img src='Assets/buttons/a9.svg'></img></div>
<div id="a10" class="button"><img src='Assets/buttons/a0.svg'></img></div>
</div>
<div id="b" class="row">
<div id="b1" class="button"><img src='Assets/buttons/b1.svg'></img></div>
<div id="b2" class="button"><img src='Assets/buttons/b2.svg'></img></div>
<div id="b3" class="button"><img src='Assets/buttons/b3.svg'></img></div>
<div id="b4" class="button"><img src='Assets/buttons/b4.svg'></img></div>
<div id="b5" class="button"><img src='Assets/buttons/b5.svg'></img></div>
<div id="b6" class="button"><img src='Assets/buttons/b6.svg'></img></div>
<div id="b7" class="button"><img src='Assets/buttons/b7.svg'></img></div>
<div id="b8" class="button"><img src='Assets/buttons/b8.svg'></img></div>
<div id="b9" class="button"><img src='Assets/buttons/b9.svg'></img></div>
<div id="b10" class="button"><img src='Assets/buttons/b0.svg'></img></div>
<div id="b11" class="button"><img src='Assets/buttons/b11.svg'></img></div>
</div>
<div id="c" class="row">
<div id="c1" class="button"><img src='Assets/buttons/c1.svg'></img></div>
<div id="c2" class="button"><img src='Assets/buttons/c2.svg'></img></div>
<div id="c3" class="button"><img src='Assets/buttons/c3.svg'></img></div>
<div id="c4" class="button"><img src='Assets/buttons/c4.svg'></img></div>
<div id="c5" class="button"><img src='Assets/buttons/c5.svg'></img></div>
<div id="c6" class="button"><img src='Assets/buttons/c6.svg'></img></div>
<div id="c7" class="button"><img src='Assets/buttons/c7.svg'></img></div>
<div id="c8" class="button"><img src='Assets/buttons/c8.svg'></img></div>
<div id="c9" class="button"><img src='Assets/buttons/c9.svg'></img></div>
<div id="c10" class="button"><img src='Assets/buttons/c0.svg'></img></div>
<div id="c11" class="button"><img src='Assets/buttons/c11.svg'></img></div>
</div>
<div id="d" class="row">
<div id="d1" class="button"><img src='Assets/buttons/d1.png'></img></div>
<div id="d2" class="button"><img src='Assets/buttons/d2.png'></img></div>
<div id="d3" class="button"><img src='Assets/buttons/d3.png'></img></div>
<div id="d4" class="button"><img src='Assets/buttons/d4.png'></img></div>
<div id="d5" class="button"><img src='Assets/buttons/d5.svg'></img></div>
<div id="d6" class="button"><img src='Assets/buttons/d6.svg'></img></div>
<div id="d7" class="button"><img src='Assets/buttons/d7.png'></img></div>
<div id="d8" class="button"><img src='Assets/buttons/d8.svg'></img></div>
<div id="d9" class="button"><img src='Assets/buttons/d9.svg'></img></div>
<div id="d0" class="button"><img src='Assets/buttons/d0.svg'></img></div>
</div>
</div>
</div>
<script src="JS/libs/jquery-2.0.0.min.js"></script>
<script src="https://cdn.socket.io/socket.io-1.0.4.js"></script>
<script src="JS/MobileController/mainMobileController.js" type="text/javascript"></script>
</body>
</html>