-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvalidation-template.html
175 lines (159 loc) · 11.7 KB
/
validation-template.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
<meta content="width=device-width,initial-scale=1" name="viewport" />
<section class="container" id="SurveyLink"><!-- Instructions -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="panel panel-primary"><!-- WARNING: the ids "collapseTrigger" and "instructionBody" are being used to enable expand/collapse feature --><a class="panel-heading" href="javascript:void(0);" id="collapseTrigger"><strong>Table Comprehension Instructions</strong></a>
<div class="panel-body" id="instructionBody">
<p>In this task, we will ask you to make inferences about the information presented in a tabular form.</p>
<p>We will show you a table and three statements. Using only the table and <u>what <i>you</i> believe most people know</u> about the world, you should choose one of the following options for each statement:</p>
<ol>
<li>Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>.</li>
<li>Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>.</li>
<li>The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table comes to a conclusion.</li>
</ol>
<p><strong>[Important]</strong> Avoid using information that you may know if you believe that it is not generally known.</p>
<div>The table below and the following examples clarify the instructions. Please go over these examples carefully.</div>
<table align="center" border="1">
<caption><strong>New York Stock Exchange</strong></caption>
<tbody>
<tr>
<th scope="row" style="text-align: left;">Type</th>
<td style="text-align: left;">Stock exchange</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Location</th>
<td style="text-align: left;">New York City, New York, U.S.</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Founded</th>
<td style="text-align: left;">May 17, 1792<span>; 226 years ago</span><span style="display:none"> (<span>1792-05-17</span>)</span></td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Owner</th>
<td style="text-align: left;">Intercontinental Exchange</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Key people</th>
<td>
<div>
<ul>
<li style="text-align: left;">Jeffrey Sprecher <span style="font-size:85%;">(Chairman)</span></li>
<li style="text-align: left;">Betty Liu <span style="font-size:85%;">(Executive Vice Chairman)</span></li>
<li style="text-align: left;">Stacey Cunningham <span style="font-size:85%;">(President)</span></li>
</ul>
</div>
</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Currency</th>
<td style="text-align: left;">United States dollar</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">No. of listings</th>
<td style="text-align: left;">2,400</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Market cap</th>
<td style="text-align: left;">US$23.2 trillion</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Volume</th>
<td style="text-align: left;">US$20.161 trillion (2011)</td>
</tr>
<tr>
<th scope="row" style="text-align: left;">Indices</th>
<td>
<div>
<ul>
<li style="text-align: left;">Dow Jones Industrial Average</li>
<li style="text-align: left;">S&P 500</li>
<li style="text-align: left;">NYSE Composite</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<br />
<style type="text/css">.example { background: #f1f1f9;/* rgb(251, 194, 175); */ font-size:15px; padding: 30px; border-style: dotted; text-align: left; } li { margin-bottom: 5px; margin-top: 5px; margin-left: 10px; } .good { color: #22CC22; } .bad { color: #FF0000; }
</style>
<ul class="example">
<li><b>Example 1</b><br />
<i>Statement:</i> NYSE has fewer than 3,000 stocks listed.<br />
<ol>
<li><span class="good">✔ Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>.</span></li>
<li><span class="bad">✘ Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>.</span></li>
<li><span class="bad">✘ The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion.</span></li>
</ol>
<u><i>Reasons:</i></u> The table says that the number of listings on the New York Stock Exchange is 2,400. Given the context, we know that NYSE is the short form of the New York Stock Exchange and 2,400 is less than 3,000. So the statement is <b>definitely true</b>.</li>
<li><b>Example 2</b><br />
<i>Statement:</i> Over 2,500 stocks are listed in the NYSE.<br />
<ol>
<li><span class="bad">✘ Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>.</span></li>
<li><span class="good">✔ Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>.</span></li>
<li><span class="bad">✘ The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion.</span></li>
</ol>
<u><i>Reasons:</i></u> The table tells us that the number of listings on NYSE is 2,400, not 2,500. So the statement is <b>definitely false</b>.</li>
<li><b>Example 3</b><br />
<i>Statement:</i> NYSE has an office outside of NYC.<br />
<ol>
<li><span class="bad">✘ Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>.</span></li>
<li><span class="bad">✘ Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>.</span></li>
<li><span class="good">✔ The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion.</span></li>
</ol>
<u><i>Reasons:</i></u> From the context, we know NYC is the short form of New York City. We know from the table that NYSE has an office in NYC. However, there is no explicit information on the location of the other offices of NYSE, so we cannot be sure about the statement. Without further information (that may not be commonly known), it is possible that the statement is true, but it is also possible that the statement is false.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Instructions --><!-- Survey Link Layout --><!-- End Content for Worker --><!-- Input from Worker -->
<div class="container">
<div class="row" id="workContent">
<div align="center" class="col-xs-12 col-sm-12 image">${table1}</div>
<div class="col-xs-8 col-sm-8 fields">
<div class="panel panel-default">
<div class="panel-body">
<p>Given the <b>table</b> and the <b>statement below</b>, choose the best option.</p>
<div class="inlineblock example">
<p class="tweet">${statement0}</p>
</div>
<div class="inlineblock annotation"><!-- informtion need -->
<div class="btn-group-vertical"><label class="btn btn-default" for="aq0" style="white-space:normal; text-align: left;"><input id="aq0" name="statement0" required="required" style="margin-right: 5" type="radio" value="0" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>. </span> </label> <label class="btn btn-default" for="weakaq0" style="white-space:normal; text-align: left;"> <input id="weakaq0" name="statement0" required="required" style="margin-right: 5" type="radio" value="2" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>. </span> </label> <label class="btn btn-default" for="weakrq0" style="white-space:normal; text-align: left;"> <input id="weakrq0" name="statement0" required="required" style="margin-right: 5" type="radio" value="1" /> <span> The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion. </span> </label></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<p>Given the <b>table</b> and the <b>statement below</b>, choose the best option.</p>
<div class="inlineblock example">
<p class="question">${statement1}</p>
</div>
<div class="inlineblock annotation"><!-- informtion need -->
<div class="btn-group-vertical"><label class="btn btn-default" for="aq1" style="white-space:normal; text-align: left;"><input id="aq1" name="statement1" required="required" style="margin-right: 5" type="radio" value="0" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>. </span> </label> <label class="btn btn-default" for="weakaq1" style="white-space:normal; text-align: left;"> <input id="weakaq1" name="statement1" required="required" style="margin-right: 5" type="radio" value="2" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>. </span> </label> <label class="btn btn-default" for="weakrq1" style="white-space:normal; text-align: left;"> <input id="weakrq1" name="statement1" required="required" style="margin-right: 5" type="radio" value="1" /> <span> The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion. </span> </label></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<p>Given the <b>table</b> and the <b>statement below</b>, choose the best option.</p>
<div class="inlineblock example">
<p class="question">${statement2}</p>
</div>
<div class="inlineblock annotation"><!-- informtion need -->
<div class="btn-group-vertical"><label class="btn btn-default" for="aq2" style="white-space:normal; text-align: left;"><input id="aq2" name="statement2" required="required" style="margin-right: 5" type="radio" value="0" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely true</b>. </span> </label> <label class="btn btn-default" for="weakaq2" style="white-space:normal; text-align: left;"> <input id="weakaq2" name="statement2" required="required" style="margin-right:5" type="radio" value="2" /> <span> Based on the information in the table and what is commonly known, the statement is <b>definitely false</b>. </span> </label> <label class="btn btn-default" for="weakrq2" style="white-space:normal; text-align: left;"> <input id="weakrq2" name="statement2" required="required" style="margin-right: 5" type="radio" value="1" /> <span> The statement <b>could be true, but could also be false</b>. We need additional information that is neither commonly known, nor explicitly mentioned in the table come to a conclusion. </span> </label></div>
</div>
</div>
</div>
<h5>To provide your feedback on the task, please use the following <a href="https://goo.gl/forms/b3xwuoBWAYKEfgYM2">link</a>. <!-- END OF EXAMPLE BODY --></h5>
</div>
</div>
</div>
</section>
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" integrity="sha384-IS73LIqjtYesmURkDE9MXKbXqYA8rvKEp/ghicjem7Vc3mGRdQRptJSz60tvrB6+" rel="stylesheet" />
<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>