-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathsign_in.html
303 lines (259 loc) · 10.5 KB
/
sign_in.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="thirdparty/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="thirdparty/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="thirdparty/bootstrap/css/docs.css" rel="stylesheet" type="text/css" />
<link href="thirdparty/DataTables-1.9.4/media/css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="thirdparty/DataTables-1.9.4/media/css/demo_table.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="sign_in.css">
<script src="thirdparty/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
<script src="thirdparty/bootstrap/js/bootstrap.min.js"></script>
<script src="thirdparty/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
<script src="thirdparty/DataTables-1.9.4/media/js/paging.js"></script>
<script src="sign_in.js"></script>
<title>Appu: Manage Account</title>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div id="name-and-version">
<!-- <a class="brand" href="#"><h1>Appu</h1><p id="version-info">0.0.0</p></a> -->
<a class="brand" href="#" style="font-size: 24px">Appu
(<span id="version-info">0.0.0</span>)
</a>
</div>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="manage-account">
<a id="sign-in-title" href="#" style="font-size: 22px; font-weight:bold;">Log-in</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- <div id="account-login-div" class="container"> -->
<!-- <div class="row"> -->
<!-- </div> -->
<!-- </div> -->
<div id="age-verification-container-div" class="age-verification-container">
<div class="content">
<div class="row">
<div class="span8 offset1" style="margin-top: 50px;">
<div class="container">
<div class="span12">
<label class="checkbox">
<input style="float: left" id="age-verification-checkbox" type="checkbox" value="">
<p style="font-size: 18px; float: left; margin-left: 1em">I certify that I am 18 years of age or older.</p>
</label>
</div>
</div>
<div class="container" style="margin-top: 2em">
<div class="span12">
<button id="age-verification-button"
class="btn disabled btn-primary " type="button">Next</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span8" style="text-align: center; font-size: 36px;">
</div>
</div>
</div>
</div> <!-- age-verification-container -->
<div id="site-accounts-verification-container-div" class="site-accounts-verification-container">
<div class="content">
<div class="row">
<div class="span8 offset1" style="margin-top: 50px;">
<div class="container">
<div class="span12">
<p style="font-size: 18px">As a part of initial install, Appu would ask you to login into
a few popular web applications belonging to categories such as social networking,
email, professional networking, financial service, and e-commerce.<br/><br/>
Before proceeding further, please verify that you have accounts on following
sites.
</p>
</div>
</div>
<div class="container">
<div class="span12">
<label class="checkbox-google">
<input style="float: left" data-site="google" id="google-account-verification-checkbox" class="site-accounts" type="checkbox" value=""><p style="float: left; margin-left: 1em">Google</p><br/><br/>
</label>
<label class="checkbox-facebook">
<input style="float: left" data-site="facebook" id="facebook-account-verification-checkbox" class="site-accounts" type="checkbox" value=""><p style="float: left; margin-left: 1em">Facebook</p><br/><br/>
</label>
<label class="checkbox-paypal">
<input style="float: left" data-site="paypal" id="paypal-account-verification-checkbox" class="site-accounts" type="checkbox" value=""><p style="float: left; margin-left: 1em">Paypal</p><br/><br/>
</label>
<label class="checkbox-amazon">
<input style="float: left" data-site="amazon" id="amazon-account-verification-checkbox" class="site-accounts" type="checkbox" value=""><p style="float: left; margin-left: 1em">Amazon</p><br/><br/>
</label>
<label class="checkbox-linkedin">
<input style="float: left" data-site="linkedin" id="linkedin-account-verification-checkbox" class="site-accounts" type="checkbox" value=""><p style="float: left; margin-left: 1em">LinkedIn</p><br/><br/>
</label>
</div>
</div>
<div class="container" style="margin-top: 2em">
<div class="span12">
<button id="site-accounts-verification-button"
class="btn disabled btn-primary " type="button">Next</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span8" style="text-align: center; font-size: 36px;">
</div>
</div>
</div>
</div> <!-- site-accounts-container -->
<div id="delete-cookies-verification-container-div" class="delete-cookies-verification-container">
<div class="content">
<div class="row">
<div class="span8 offset1" style="margin-top: 50px;">
<div class="container">
<div class="span12">
<p style="font-size: 18px">In the next few steps, we would request you
to login into the previously selected applications in the following list.
<ul style="font-size: 0.90em; margin-top: 1em">
<li>Facebook</li>
<li>Google</li>
<li>Linkedin</li>
<li>Paypal</li>
<li>Amazon</li>
</ul>
After logging in, Appu will download personal information fields
such as name, address, phone number, last-4 digits of the credit
card number, last-2 digits of the social security number from
these accounts. <br/><br/>
Before proceeding further, Appu will delete ALL of your existing cookies.
As a side effect of this action, you would be logged out of ALL the sites
where you are currently logged in. <br/><br/>
To proceed further and allow Appu to delete all the cookies, please
click on the checkbox and click the Next button.
</p>
<label class="checkbox" style="margin-top: 2em; font-weight: bold">
<input id="delete-cookies-verification-checkbox" type="checkbox" value=""> I agree to deleting all of the existing cookies<br/>
</label>
</div>
</div>
<div class="container" style="margin-top: 1em">
<div class="span12">
<button id="delete-cookies-verification-button"
class="btn disabled btn-primary " type="button">Next</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span8" style="text-align: center; font-size: 36px;">
</div>
</div>
</div>
</div> <!-- cookies-deletion-container -->
<div id="lottery-container-div" class="lottery-container">
<div class="content">
<div class="row">
<div id="lottery-agreement-text-div" class="span7 offset3 pagination-centered"
style="margin-top: 200px;">
<fieldset id="fieldset-lottery-options">
<legend>Do you want to participate in Appu lottery to
get a shot at winning $100?</legend>
<label class="radio inline">
<input type="radio" name="lottery-opts"
id="lottery-participation-on" value="yes">
Yes
</label>
<label class="radio inline">
<input type="radio" name="lottery-opts"
id="lottery-participation-off" value="no">
No
</label>
</fieldset>
<br/>
<br/>
<button id="lottery-setting-button"
class="btn disabled btn-primary" type="button">Next</button>
<br/><br/>
<a href="http://appu.gtnoise.net/competition.html" style="font-size: 10px;">
More information, Terms & Conditions</a>
</div>
</div>
<div class="row">
<div class="span6" style="text-align: center; font-size: 36px;">
</div>
</div>
</div>
</div> <!-- lottery-container -->
<div id="login-container-div" class="login-container">
<div class="content">
<div class="row">
<div class="span12" style="text-align: center;">
<div class="span12 row">
<p id="top-status" class="status-message"></p>
</div>
<div class="progress-div span12">
<div class="span3">
</div>
<div class="progress span6">
<div class="bar" id="progress" style="width: 20%"></div>
</div>
</div>
<div class="progress-div span12">
Cookies are getting deleted. Hold on!
</div>
</div>
<div class="span6">
<div class="login-form offset1 input-form">
<h2>Login</h2>
<fieldset>
<div class="clearfix">
<input id="login-username" class="input-xlarge" type="text" placeholder="Username">
</div>
<div class="clearfix">
<input id="login-password" class="input-xlarge" type="password" placeholder="Password">
</div>
<button id="login-submit" class="btn primary">Sign in</button>
<p id="sign-in-status" class="status-message"></p>
</fieldset>
</div>
</div>
<div class="span6">
<div class="create-account-form offset1 input-form">
<h2>Create Account</h2>
<fieldset>
<div class="clearfix">
<input id="ca-username" class="input-xlarge" type="text" placeholder="Username">
</div>
<div class="clearfix">
<input id="ca-password" class="input-xlarge" type="password" placeholder="Password">
</div>
<div class="clearfix">
<input id="ca-confirm-password" class="input-xlarge" type="password" placeholder="Confirm Password">
</div>
<button id="create-account-submit" class="btn primary" type="submit">Create Account</button>
<p id="create-account-status" class="status-message"></p>
</fieldset>
</div>
<h5 id="username-info">If you are creating a new account, please note that we
do not send the actual username back to our server. We send
<a href="http://en.wikipedia.org/wiki/Cryptographic_hash_function">sha1sum</a>
of the username and hence no matter what username you use, we would not know your
identity.<br/>
</div>
</div>
</div>
</div> <!-- /login-container -->
<footer class="footer navbar-fixed-bottom">
</footer>
</body>
</html>