-
Notifications
You must be signed in to change notification settings - Fork 8
/
initial_survey.html
151 lines (139 loc) · 5.09 KB
/
initial_survey.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
<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 rel="stylesheet" type="text/css" href="initial_survey.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="initial_survey.js"></script>
<title>Appu: Initial Survey</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;">Initial Survey</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="questions-container-div" class="questions-container">
<div class="content">
<div class="row">
<div class="span8 offset1" style="margin-top: 5px;">
<div class="container">
<div class="span12">
<p style="font-size: 22px">Please fill answers to these 5 questions and click on submit</p>
<p style="font-size: 12px; color:red">(Please note that it is click using "mouse" and not hitting enter on keyboard!)</p>
<div style="font-size: 18px; float: left; margin-left: 1em; margin-top: 2em">
<div class="row">
<div class="span6">
1. Can you roughly estimate how many web accounts you regularly
log into and use?
</div>
<div class="span3">
<input id="num-accounts" type="text">
</div>
</div>
</div>
<div style="font-size: 18px; float: left; margin-left: 1em; margin-top: 2em">
<div class="row">
<div class="span6">
2. Estimate how many different passwords do you use across
these accounts?
</div>
<div class="span3">
<input id="num-passwords" type="text">
</div>
</div>
</div>
<div style="font-size: 18px; float: left; margin-left: 1em; margin-top: 2em">
3. Estimate on how many sites you have given each of the following
piece of personal information:
<div class="row" style="margin-top: 5px">
<div class="span1"></div>
<div class="span3">name</div>
<div class="span6"><input id="num-name" type="text"></div>
</div>
<div class="row" style="margin-top: 5px">
<div class="span1"></div>
<div class="span3">address</div>
<div class="span6"><input id="num-address" type="text"></div>
</div>
<div class="row" style="margin-top: 5px">
<div class="span1"></div>
<div class="span3">phone</div>
<div class="span6"><input id="num-phone" type="text"></div>
</div>
<div class="row" style="margin-top: 5px">
<div class="span1"></div>
<div class="span3">credit card numbers</div>
<div class="span6"><input id="num-ccn" type="text"></div>
</div>
<div class="row" style="margin-top: 5px">
<div class="span1"></div>
<div class="span3">social security numbers</div>
<div class="span6"><input id="num-ssn" type="text"></div>
</div>
</div>
<div style="font-size: 18px; float: left; margin-left: 1em; margin-top: 2em">
<div class="row">
<div class="span6">
4. How do you keep track of all the personal information
that you have given on various sites?
</div>
</div>
<div class="row">
<div class="span6">
<textarea id="keeping-track-pi-desc" style="width: 45em; height: 10em; margin-top: 5px"></textarea>
</div>
</div>
</div>
<div style="font-size: 18px; float: left; margin-left: 1em; margin-top: 2em">
<div class="row">
<div class="span6">
5. Are you concerned about what might happen to your
personal information if your accounts get compromised?
</div>
</div>
<div class="row">
<div class="span6">
<textarea id="account-compromise-concern-desc" style="width: 45em; height: 10em; margin-top: 5px"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="margin-top: 2em">
<div class="span12">
<div class="span3"></div>
<div class="span3">
<button id="intial-survey-submit"
class="btn disabled btn-primary " type="button">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>