-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (144 loc) · 9.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
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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body>
<meta content="width=device-width,initial-scale=1" name="viewport" />
<section class="container" id="SurveyLink"><!-- Instructions -->
<div class="row">
<h1 style="color: rgb(51, 51, 51);">Mood and Anxiety Questions</h1>
<div id="MainText">
<p>Welcome to Mood and Anxiety Questions web-based questionnaires that examine symptoms related to mood, anxiety, and attention. Before taking part in this National Institutes of Health (NIH) research study, please read the script below and click on the "I Agree" button at the bottom of the page if you understand the statements and freely agree to participate in the study.</p>
<p>This study involves web-based questionnaires designed to learn about symptoms related to mood, anxiety, and depression. The study involves no more than minimal risk to participants (i.e., the level of risk encountered in daily life). For this study, a “session” consists of answering questionnaires. This session will take no more than 20 minutes.</p>
<p>There are limits on how many sessions you can carry out within one week and within one month. We will not invite you fulfill a session more often than twice in any week, more often than four times in any month or more than six times total. Each session is independent of any other session and you will be paid for each session that you complete. Always, the decision to carry out one of our sessions is completely up to you.</p>
<p>For the entire study you could perform up to a total of six sessions. If you were to fulfill the maximum number of sessions (6) it would take approximately a total of 7 hours, spread out over more than a month.</p>
<p>This session has just one part. Please note: The session does not allow you to take a break; once you start the session, you cannot pause it. Please make sure you have at least 20 minutes to complete this session before you start. In this session you will be asked questions about your age, sex, and work/education level. This is followed by a number of questionnaires about your experience of symptoms related to mood, anxiety, and attention.</p>
<p>Questionnaires will be collected via a unique Pavlovia link. You may review their privacy practices on their website (<a href="https://pavlovia.org/docs/home/ethics">https://pavlovia.org/docs/home/ethics</a>).</p>
<p>Subject level responses from this experiment will be publicly shared online, but data will be anonymized prior to sharing. This will include removal of precise date and time information. In other words, we will take all reasonable steps to ensure that there is no way to link responses to individuals in the publicly shared data.</p>
<p>Your ID on this platform will be used to distribute payment to you, but NIH will not receive your ID with your survey responses or data. NIH will not have any access to your personal identifiers nor will we attempt to access any personally identifying information about you that you may have put on your public profile page.</p>
<p>Participation is voluntary and the decision to participate in a study is completely up to you. Your refusal to take part in the study will not result in any penalty or loss of benefits to which you are otherwise entitled. You may stop participating in the study at any time. However, since this platform allows us to view only fully completed sessions, we will be unable to compensate you if you do not complete <em>all</em> the questionnaires. </p>
<p>If you have questions or concerns about the study please contact the Principal Investigator of the study, Dylan Nielson at <a href="mailto:[email protected]" target="_blank">[email protected]</a>.</p>
<p><strong>If you are 18 years of age or older, understand the statements above, and freely consent to participate in the study, click on the "I Agree" button to begin the experiment. </strong></p>
</div>
<div id="MainText">
<p> </p>
<center><button onclick="agreeFunction()">I AGREE</button><button onclick="disagreeFunction()">I DO NOT AGREE</button></center>
<p> </p>
</div>
<div id="Goodbye" style="display:none;">
<p>You have declined to participate. Thank you for your response. Have a nice day! You may click <a href="https://app.prolific.com/submissions/complete?cc=CDG2UD3Z">this link</a> to return to Prolific and return your submission without penalty.</p>
</div>
<div id="Links" style="display:none;">
<center>
<center>
<h4>Link to Task:<br />
<i>(click to open in new tab)</i></h4>
<i>After completing the task, you will receive a code to type into the box.<br />
To receive credit, you must type the code correctly.</i></center>
<center> </center>
<center><em>Clicking the link below will open the task in a new tab.<br />
<strong>Please click the link only once and do not close the tab until you are redirected back to Prolific.<br />
<strong>You will be redirected back to Prolific once you have completed the questionnaire.</strong></center>
<center><em style="color: rgb(255, 0, 0);">If you have technical issues, please try a different browser! Some participants say <strong>Firefox</strong> has worked best.</em></center>
</center>
<div class="row" id="workContent">
<div class="col-xs-12 col-md-6 col-md-offset-3" style="width: 485px; margin-left: 242.5px;">
<table class="table table-condensed table-bordered" style="width: 455px;">
<colgroup>
<col class="col-xs-4 col-md-4" style="width: 0px;" />
<col class="col-xs-8 col-md-8" style="width: 0px;" />
</colgroup>
<tbody>
<tr>
<td style="line-height: 1.42857;"><b><b><label>Survey link:</label></b></b></td>
<td style="line-height: 1.42857;">
<p><b><b><a href="https://run.pavlovia.org/NIMH-COMPPSYCH/mood-anxiety-survey-prolific/?participant=" id="pavlovia-link" target="_blank">Click Here</a></b></b></p>
</td>
</tr>
</tbody>
</table>
</div>
<!-- End Survey Link Layout --></div>
</div>
</section>
<!-- Please note that Bootstrap CSS/JS and JQuery are 3rd party libraries that may update their url/code at any time. Amazon Mechanical Turk (MTurk) is including these libraries as a default option for you, but is not responsible for any changes to the external libraries --><!-- External CSS references -->
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" integrity="sha384-IS73LIqjtYesmURkDE9MXKbXqYA8rvKEp/ghicjem7Vc3mGRdQRptJSz60tvrB6+" rel="stylesheet" /><!-- Open internal style sheet -->
<style type="text/css">#collapseTrigger{
color:#fff;
display: block;
text-decoration: none;
}
#submitButton{
white-space: normal;
}
.image{
margin-bottom: 15px;
}
/* CSS for breaking long words/urls */
.dont-break-out {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
</style>
<!-- Close internal style sheet --><!-- External JS references --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js" integrity="sha384-s1ITto93iSMDxlp/79qhWHi+LsIi9Gx6yL+cOKDuymvihkfol83TYbLbOw+W/wv4" crossorigin="anonymous"></script><!-- Open internal javascript --><script>
const cyrb53 = (str, seed = 0) => {
let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
for(let i = 0, ch; i < str.length; i++) {
ch = str.charCodeAt(i);
h1 = Math.imul(h1 ^ ch, 2654435761);
h2 = Math.imul(h2 ^ ch, 1597334677);
}
h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507);
h1 ^= Math.imul(h2 ^ (h2 >>> 13), 3266489909);
h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507);
h2 ^= Math.imul(h1 ^ (h1 >>> 13), 3266489909);
return 4294967296 * (2097151 & h2) + (h1 >>> 0);
};
function appendIDsToURL(linkElem, workerIDName) {
var url = window.location.href;
var workerName = 'workerId';
var workerRegex = new RegExp("[?&]" + workerName + "(=([^&#]*)|&|#|$)");
var workerResults = workerRegex.exec(url);
if (workerResults && workerResults[2]) {
var workerID = decodeURIComponent(workerResults[2].replace(/\+/g, " "));
var phash = cyrb53(workerResults[2]);
var linkURL = $(linkElem).attr('href');
$(linkElem).attr('href', linkURL + phash +'&phash=' + phash);
}
}
$(document).ready(function() {
// Instructions expand/collapse
var content = $('#instructionBody');
var trigger = $('#collapseTrigger');
content.hide();
$('.collapse-text').text('(Click to expand)');
trigger.click(function(){
content.toggle();
var isVisible = content.is(':visible');
if(isVisible){
$('.collapse-text').text('(Click to collapse)');
}else{
$('.collapse-text').text('(Click to expand)');
}
});
// end expand/collapse
appendIDsToURL('#pavlovia-link', 'phash');
});
function agreeFunction() {
document.getElementById('Links').style.display = "block";
document.getElementById('Goodbye').style.display = "none";
}
function disagreeFunction() {
document.getElementById('Links').style.display = "none";
document.getElementById('Goodbye').style.display = "block";
}
</script><!-- Close internal javascript -->
</body>
</html>