@khanacademy/perseus 5.0.0 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/dist/components/fixed-to-responsive.d.ts +27 -1
  3. package/dist/components/fixed-to-responsive.js.flow +27 -1
  4. package/dist/components/graph.d.ts +42 -26
  5. package/dist/components/graph.js.flow +42 -28
  6. package/dist/components/graphie.d.ts +34 -22
  7. package/dist/components/graphie.js.flow +37 -24
  8. package/dist/components/hud.d.ts +8 -14
  9. package/dist/components/hud.js.flow +7 -14
  10. package/dist/components/inline-icon.d.ts +9 -19
  11. package/dist/components/inline-icon.js.flow +26 -13
  12. package/dist/components/lint.d.ts +41 -13
  13. package/dist/components/lint.js.flow +42 -13
  14. package/dist/components/math-output.d.ts +15 -11
  15. package/dist/components/math-output.js.flow +15 -11
  16. package/dist/components/sortable.d.ts +17 -9
  17. package/dist/components/sortable.js.flow +22 -9
  18. package/dist/components/svg-image.d.ts +5 -3
  19. package/dist/components/svg-image.js.flow +5 -3
  20. package/dist/components/tooltip.d.ts +45 -4
  21. package/dist/components/tooltip.js.flow +44 -31
  22. package/dist/es/index.css +0 -3
  23. package/dist/es/index.js +478 -649
  24. package/dist/es/index.js.map +1 -1
  25. package/dist/index.css +0 -3
  26. package/dist/index.js +482 -646
  27. package/dist/index.js.map +1 -1
  28. package/dist/perseus-types.d.ts +11 -9
  29. package/dist/perseus-types.js.flow +11 -9
  30. package/dist/renderer.d.ts +2 -2
  31. package/dist/renderer.js.flow +1 -3
  32. package/dist/styles/shared.d.ts +0 -1
  33. package/dist/styles/shared.js.flow +0 -1
  34. package/dist/types.d.ts +0 -10
  35. package/dist/types.js.flow +0 -13
  36. package/dist/util/a11y.d.ts +0 -1
  37. package/dist/util/a11y.js.flow +0 -1
  38. package/dist/util/interactive.d.ts +2 -0
  39. package/dist/util/interactive.js.flow +2 -0
  40. package/dist/util.d.ts +3 -3
  41. package/dist/util.js.flow +4 -3
  42. package/dist/widgets/grapher.d.ts +1 -1
  43. package/dist/widgets/grapher.js.flow +12 -3
  44. package/dist/widgets/matcher.d.ts +7 -3
  45. package/dist/widgets/matcher.js.flow +7 -3
  46. package/dist/widgets/number-line.d.ts +1 -1
  47. package/dist/widgets/number-line.js.flow +1 -1
  48. package/package.json +2 -2
  49. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +151 -159
  50. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +358 -394
  51. package/src/__tests__/__snapshots__/server-item-renderer.test.tsx.snap +169 -189
  52. package/src/components/__stories__/lint.stories.tsx +56 -21
  53. package/src/components/__stories__/sortable.stories.tsx +5 -5
  54. package/src/components/__stories__/tooltip.stories.tsx +52 -0
  55. package/src/components/__tests__/__snapshots__/sortable.test.tsx.snap +114 -30
  56. package/src/components/__tests__/__snapshots__/sorter.test.tsx.snap +172 -204
  57. package/src/components/__tests__/sortable.test.tsx +54 -16
  58. package/src/components/__tests__/sorter.test.tsx +12 -9
  59. package/src/components/fixed-to-responsive.tsx +43 -38
  60. package/src/components/graph.tsx +95 -81
  61. package/src/components/graphie.tsx +62 -32
  62. package/src/components/hud.tsx +104 -115
  63. package/src/components/inline-icon.tsx +15 -32
  64. package/src/components/input-with-examples.tsx +4 -4
  65. package/src/components/lint.tsx +47 -41
  66. package/src/components/math-output.tsx +17 -11
  67. package/src/components/simple-keypad-input.tsx +2 -2
  68. package/src/components/sortable.tsx +134 -94
  69. package/src/components/svg-image.tsx +10 -11
  70. package/src/components/tooltip.tsx +189 -171
  71. package/src/interactive2/types.ts +2 -2
  72. package/src/mixins/provide-keypad.tsx +2 -2
  73. package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +708 -764
  74. package/src/perseus-types.ts +13 -9
  75. package/src/renderer.tsx +11 -22
  76. package/src/types.ts +0 -18
  77. package/src/util/interactive.ts +18 -5
  78. package/src/util/tex.ts +13 -77
  79. package/src/util.ts +3 -4
  80. package/src/widgets/__stories__/test-keypad-context-wrapper.tsx +2 -2
  81. package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +717 -773
  82. package/src/widgets/__tests__/__snapshots__/cs-program.test.ts.snap +28 -36
  83. package/src/widgets/__tests__/__snapshots__/definition.test.ts.snap +52 -60
  84. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +100 -108
  85. package/src/widgets/__tests__/__snapshots__/explanation.test.ts.snap +212 -260
  86. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt.test.ts.snap +613 -641
  87. package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap +249 -261
  88. package/src/widgets/__tests__/__snapshots__/graded-group.test.ts.snap +671 -735
  89. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +2676 -2684
  90. package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +938 -1002
  91. package/src/widgets/__tests__/__snapshots__/iframe.test.ts.snap +28 -36
  92. package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +227 -255
  93. package/src/widgets/__tests__/__snapshots__/input-number.test.ts.snap +353 -357
  94. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +255 -259
  95. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +2401 -2433
  96. package/src/widgets/__tests__/__snapshots__/matcher.test.tsx.snap +600 -756
  97. package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +420 -428
  98. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +762 -770
  99. package/src/widgets/__tests__/__snapshots__/numeric-input.test.ts.snap +373 -393
  100. package/src/widgets/__tests__/__snapshots__/orderer.test.ts.snap +116 -148
  101. package/src/widgets/__tests__/__snapshots__/passage-ref.test.ts.snap +289 -301
  102. package/src/widgets/__tests__/__snapshots__/passage.test.tsx.snap +1679 -1711
  103. package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +2692 -2960
  104. package/src/widgets/__tests__/__snapshots__/video.test.ts.snap +90 -98
  105. package/src/widgets/__tests__/matcher.test.tsx +33 -9
  106. package/src/widgets/expression.tsx +9 -6
  107. package/src/widgets/grapher.tsx +3 -3
  108. package/src/widgets/image.tsx +2 -2
  109. package/src/widgets/interactive-graph.tsx +5 -5
  110. package/src/widgets/matcher.tsx +43 -24
  111. package/src/widgets/number-line.tsx +1 -1
  112. package/src/widgets/simulator.tsx +4 -6
  113. package/{tsconfig.json → tsconfig-build.json} +6 -6
  114. package/tsconfig-build.tsbuildinfo +1 -0
  115. package/tsconfig.tsbuildinfo +0 -1
@@ -2,46 +2,91 @@
2
2
 
3
3
  exports[`matcher widget can reorder options: moved items 1`] = `
4
4
  <div>
5
- <span
6
- class="mock-KatexProvider"
5
+ <div
6
+ class="perseus-renderer perseus-renderer-responsive"
7
7
  >
8
8
  <div
9
- class="perseus-renderer perseus-renderer-responsive"
9
+ class="paragraph"
10
+ data-perseus-paragraph-index="0"
10
11
  >
11
12
  <div
12
13
  class="paragraph"
13
- data-perseus-paragraph-index="0"
14
14
  >
15
- <div
16
- class="paragraph"
17
- >
18
- <strong>
19
- Match each claim with its supporting evidence.
20
- </strong>
21
- </div>
15
+ <strong>
16
+ Match each claim with its supporting evidence.
17
+ </strong>
22
18
  </div>
19
+ </div>
20
+ <div
21
+ class="paragraph"
22
+ data-perseus-paragraph-index="1"
23
+ >
23
24
  <div
24
25
  class="paragraph"
25
- data-perseus-paragraph-index="1"
26
26
  >
27
27
  <div
28
- class="paragraph"
28
+ class="perseus-widget-container widget-nohighlight widget-block"
29
29
  >
30
- <div
31
- class="perseus-widget-container widget-nohighlight widget-block"
30
+ <table
31
+ class="widget_lf609f perseus-widget-matcher"
32
32
  >
33
- <table
34
- class="widget_lf609f perseus-widget-matcher"
35
- >
36
- <tbody>
37
- <tr
38
- class="row_tykfnp"
33
+ <tbody>
34
+ <tr
35
+ class="row_tykfnp"
36
+ >
37
+ <th
38
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
39
+ >
40
+ <div
41
+ class="perseus-renderer perseus-renderer-responsive"
42
+ >
43
+ <div
44
+ class="paragraph"
45
+ data-perseus-paragraph-index="0"
46
+ >
47
+ <div
48
+ class="paragraph"
49
+ >
50
+ <strong>
51
+ Claims
52
+ </strong>
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </th>
57
+ <th
58
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
59
+ >
60
+ <div
61
+ class="perseus-renderer perseus-renderer-responsive"
62
+ >
63
+ <div
64
+ class="paragraph"
65
+ data-perseus-paragraph-index="0"
66
+ >
67
+ <div
68
+ class="paragraph"
69
+ >
70
+ <strong>
71
+ Evidence
72
+ </strong>
73
+ </div>
74
+ </div>
75
+ </div>
76
+ </th>
77
+ </tr>
78
+ <tr
79
+ class="row_tykfnp"
80
+ >
81
+ <td
82
+ class="column_4at8du"
39
83
  >
40
- <th
41
- class="column_4at8du-o_O-columnLabel_1wdbfym"
84
+ <ul
85
+ class="sortable_13d4756 perseus-sortable"
42
86
  >
43
- <span
44
- class="mock-KatexProvider"
87
+ <li
88
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
89
+ style="position: static; margin: 0px 0px 5px 0px;"
45
90
  >
46
91
  <div
47
92
  class="perseus-renderer perseus-renderer-responsive"
@@ -53,19 +98,14 @@ exports[`matcher widget can reorder options: moved items 1`] = `
53
98
  <div
54
99
  class="paragraph"
55
100
  >
56
- <strong>
57
- Claims
58
- </strong>
101
+ Average global temperatures will rise
59
102
  </div>
60
103
  </div>
61
104
  </div>
62
- </span>
63
- </th>
64
- <th
65
- class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
66
- >
67
- <span
68
- class="mock-KatexProvider"
105
+ </li>
106
+ <li
107
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
108
+ style="position: static; margin: 0px 0px 5px 0px;"
69
109
  >
70
110
  <div
71
111
  class="perseus-renderer perseus-renderer-responsive"
@@ -77,317 +117,270 @@ exports[`matcher widget can reorder options: moved items 1`] = `
77
117
  <div
78
118
  class="paragraph"
79
119
  >
80
- <strong>
81
- Evidence
82
- </strong>
120
+ Our Sun will run out of fuel and die in around 5 billion years
83
121
  </div>
84
122
  </div>
85
123
  </div>
86
- </span>
87
- </th>
88
- </tr>
89
- <tr
90
- class="row_tykfnp"
91
- >
92
- <td
93
- class="column_4at8du"
94
- >
95
- <ul
96
- class="sortable_13d4756 perseus-sortable"
124
+ </li>
125
+ <li
126
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
127
+ style="position: static; margin: 0px 0px 5px 0px;"
97
128
  >
98
- <li
99
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
100
- style="position: static; margin: 0px 0px 5px 0px;"
101
- >
102
- <span
103
- class="mock-KatexProvider"
104
- >
105
- <div
106
- class="perseus-renderer perseus-renderer-responsive"
107
- >
108
- <div
109
- class="paragraph"
110
- data-perseus-paragraph-index="0"
111
- >
112
- <div
113
- class="paragraph"
114
- >
115
- Average global temperatures will rise
116
- </div>
117
- </div>
118
- </div>
119
- </span>
120
- </li>
121
- <li
122
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
123
- style="position: static; margin: 0px 0px 5px 0px;"
124
- >
125
- <span
126
- class="mock-KatexProvider"
127
- >
128
- <div
129
- class="perseus-renderer perseus-renderer-responsive"
130
- >
131
- <div
132
- class="paragraph"
133
- data-perseus-paragraph-index="0"
134
- >
135
- <div
136
- class="paragraph"
137
- >
138
- Our Sun will run out of fuel and die in around 5 billion years
139
- </div>
140
- </div>
141
- </div>
142
- </span>
143
- </li>
144
- <li
145
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
146
- style="position: static; margin: 0px 0px 5px 0px;"
129
+ <div
130
+ class="perseus-renderer perseus-renderer-responsive"
147
131
  >
148
- <span
149
- class="mock-KatexProvider"
132
+ <div
133
+ class="paragraph"
134
+ data-perseus-paragraph-index="0"
150
135
  >
151
136
  <div
152
- class="perseus-renderer perseus-renderer-responsive"
137
+ class="paragraph"
153
138
  >
154
- <div
155
- class="paragraph"
156
- data-perseus-paragraph-index="0"
157
- >
158
- <div
159
- class="paragraph"
160
- >
161
- Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
162
- </div>
163
- </div>
139
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
164
140
  </div>
165
- </span>
166
- </li>
167
- <li
168
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
169
- style="position: static; margin: 0px 0px 5px 0px;"
141
+ </div>
142
+ </div>
143
+ </li>
144
+ <li
145
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
146
+ style="position: static; margin: 0px 0px 5px 0px;"
147
+ >
148
+ <div
149
+ class="perseus-renderer perseus-renderer-responsive"
170
150
  >
171
- <span
172
- class="mock-KatexProvider"
151
+ <div
152
+ class="paragraph"
153
+ data-perseus-paragraph-index="0"
173
154
  >
174
155
  <div
175
- class="perseus-renderer perseus-renderer-responsive"
156
+ class="paragraph"
176
157
  >
177
- <div
178
- class="paragraph"
179
- data-perseus-paragraph-index="0"
180
- >
181
- <div
182
- class="paragraph"
183
- >
184
- Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
185
- </div>
186
- </div>
158
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
187
159
  </div>
188
- </span>
189
- </li>
190
- <li
191
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
192
- style="position: static; margin: 0px;"
160
+ </div>
161
+ </div>
162
+ </li>
163
+ <li
164
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
165
+ style="position: static; margin: 0px;"
166
+ >
167
+ <div
168
+ class="perseus-renderer perseus-renderer-responsive"
193
169
  >
194
- <span
195
- class="mock-KatexProvider"
170
+ <div
171
+ class="paragraph"
172
+ data-perseus-paragraph-index="0"
196
173
  >
197
174
  <div
198
- class="perseus-renderer perseus-renderer-responsive"
175
+ class="paragraph"
199
176
  >
200
- <div
201
- class="paragraph"
202
- data-perseus-paragraph-index="0"
203
- >
204
- <div
205
- class="paragraph"
206
- >
207
- In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
208
- </div>
209
- </div>
177
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
210
178
  </div>
211
- </span>
212
- </li>
213
- </ul>
214
- </td>
215
- <td
216
- class="column_4at8du-o_O-columnRight_1wcmc4d"
179
+ </div>
180
+ </div>
181
+ </li>
182
+ </ul>
183
+ </td>
184
+ <td
185
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
186
+ >
187
+ <ul
188
+ class="sortable_13d4756 perseus-sortable"
217
189
  >
218
- <ul
219
- class="sortable_13d4756 perseus-sortable"
190
+ <li
191
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
192
+ style="position: static; margin: 0px 0px 5px 0px;"
220
193
  >
221
- <li
222
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
223
- style="position: static; margin: 0px 0px 5px 0px;"
194
+ <div
195
+ class="perseus-renderer perseus-renderer-responsive"
224
196
  >
225
- <span
226
- class="mock-KatexProvider"
197
+ <div
198
+ class="paragraph"
199
+ data-perseus-paragraph-index="0"
227
200
  >
228
201
  <div
229
- class="perseus-renderer perseus-renderer-responsive"
202
+ class="paragraph"
230
203
  >
231
- <div
232
- class="paragraph"
233
- data-perseus-paragraph-index="0"
234
- >
235
- <div
236
- class="paragraph"
237
- >
238
- Rapid escalation of greenhouse gas emissions
239
- </div>
240
- </div>
204
+ Rapid escalation of greenhouse gas emissions
241
205
  </div>
242
- </span>
243
- </li>
244
- <li
245
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
246
- style="position: static; margin: 0px 0px 5px 0px;"
206
+ </div>
207
+ </div>
208
+ </li>
209
+ <li
210
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
211
+ style="position: static; margin: 0px 0px 5px 0px;"
212
+ >
213
+ <div
214
+ class="perseus-renderer perseus-renderer-responsive"
247
215
  >
248
- <span
249
- class="mock-KatexProvider"
216
+ <div
217
+ class="paragraph"
218
+ data-perseus-paragraph-index="0"
250
219
  >
251
220
  <div
252
- class="perseus-renderer perseus-renderer-responsive"
221
+ class="paragraph"
253
222
  >
254
- <div
255
- class="paragraph"
256
- data-perseus-paragraph-index="0"
257
- >
258
- <div
259
- class="paragraph"
260
- >
261
- The current trajectory of the Milky Way galaxy and those in its immediate proximity
262
- </div>
263
- </div>
223
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
264
224
  </div>
265
- </span>
266
- </li>
267
- <li
268
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
269
- style="position: static; margin: 0px 0px 5px 0px;"
225
+ </div>
226
+ </div>
227
+ </li>
228
+ <li
229
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
230
+ style="position: static; margin: 0px 0px 5px 0px;"
231
+ >
232
+ <div
233
+ class="perseus-renderer perseus-renderer-responsive"
270
234
  >
271
- <span
272
- class="mock-KatexProvider"
235
+ <div
236
+ class="paragraph"
237
+ data-perseus-paragraph-index="0"
273
238
  >
274
239
  <div
275
- class="perseus-renderer perseus-renderer-responsive"
240
+ class="paragraph"
276
241
  >
277
- <div
278
- class="paragraph"
279
- data-perseus-paragraph-index="0"
280
- >
281
- <div
282
- class="paragraph"
283
- >
284
- Medium-sized stars typically exist for roughly 10 billion years
285
- </div>
286
- </div>
242
+ Medium-sized stars typically exist for roughly 10 billion years
287
243
  </div>
288
- </span>
289
- </li>
290
- <li
291
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
292
- style="position: static; margin: 0px 0px 5px 0px;"
244
+ </div>
245
+ </div>
246
+ </li>
247
+ <li
248
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
249
+ style="position: static; margin: 0px 0px 5px 0px;"
250
+ >
251
+ <div
252
+ class="perseus-renderer perseus-renderer-responsive"
293
253
  >
294
- <span
295
- class="mock-KatexProvider"
254
+ <div
255
+ class="paragraph"
256
+ data-perseus-paragraph-index="0"
296
257
  >
297
258
  <div
298
- class="perseus-renderer perseus-renderer-responsive"
259
+ class="paragraph"
299
260
  >
300
- <div
301
- class="paragraph"
302
- data-perseus-paragraph-index="0"
303
- >
304
- <div
305
- class="paragraph"
306
- >
307
- The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
308
- </div>
309
- </div>
261
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
310
262
  </div>
311
- </span>
312
- </li>
313
- <li
314
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
315
- style="position: static; margin: 0px;"
263
+ </div>
264
+ </div>
265
+ </li>
266
+ <li
267
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
268
+ style="position: static; margin: 0px;"
269
+ >
270
+ <div
271
+ class="perseus-renderer perseus-renderer-responsive"
316
272
  >
317
- <span
318
- class="mock-KatexProvider"
273
+ <div
274
+ class="paragraph"
275
+ data-perseus-paragraph-index="0"
319
276
  >
320
277
  <div
321
- class="perseus-renderer perseus-renderer-responsive"
278
+ class="paragraph"
322
279
  >
323
- <div
324
- class="paragraph"
325
- data-perseus-paragraph-index="0"
326
- >
327
- <div
328
- class="paragraph"
329
- >
330
- The current trajectory of the Earth’s tectonic plate movement
331
- </div>
332
- </div>
280
+ The current trajectory of the Earth’s tectonic plate movement
333
281
  </div>
334
- </span>
335
- </li>
336
- </ul>
337
- </td>
338
- </tr>
339
- </tbody>
340
- </table>
341
- </div>
282
+ </div>
283
+ </div>
284
+ </li>
285
+ </ul>
286
+ </td>
287
+ </tr>
288
+ </tbody>
289
+ </table>
342
290
  </div>
343
291
  </div>
344
292
  </div>
345
- </span>
293
+ </div>
346
294
  </div>
347
295
  `;
348
296
 
349
297
  exports[`matcher widget should snapshot on mobile: first mobile render 1`] = `
350
298
  <div>
351
- <span
352
- class="mock-KatexProvider"
299
+ <div
300
+ class="perseus-renderer perseus-renderer-responsive"
353
301
  >
354
302
  <div
355
- class="perseus-renderer perseus-renderer-responsive"
303
+ class="paragraph"
304
+ data-perseus-paragraph-index="0"
356
305
  >
357
306
  <div
358
307
  class="paragraph"
359
- data-perseus-paragraph-index="0"
360
308
  >
361
- <div
362
- class="paragraph"
363
- >
364
- <strong>
365
- Match each claim with its supporting evidence.
366
- </strong>
367
- </div>
309
+ <strong>
310
+ Match each claim with its supporting evidence.
311
+ </strong>
368
312
  </div>
313
+ </div>
314
+ <div
315
+ class="paragraph"
316
+ data-perseus-paragraph-index="1"
317
+ >
369
318
  <div
370
319
  class="paragraph"
371
- data-perseus-paragraph-index="1"
372
320
  >
373
321
  <div
374
- class="paragraph"
322
+ class="perseus-widget-container widget-nohighlight widget-block"
375
323
  >
376
- <div
377
- class="perseus-widget-container widget-nohighlight widget-block"
324
+ <table
325
+ class="widget_lf609f perseus-widget-matcher"
378
326
  >
379
- <table
380
- class="widget_lf609f perseus-widget-matcher"
381
- >
382
- <tbody>
383
- <tr
384
- class="row_tykfnp"
327
+ <tbody>
328
+ <tr
329
+ class="row_tykfnp"
330
+ >
331
+ <th
332
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
333
+ >
334
+ <div
335
+ class="perseus-renderer perseus-renderer-responsive"
336
+ >
337
+ <div
338
+ class="paragraph"
339
+ data-perseus-paragraph-index="0"
340
+ >
341
+ <div
342
+ class="paragraph"
343
+ >
344
+ <strong>
345
+ Claims
346
+ </strong>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </th>
351
+ <th
352
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
353
+ >
354
+ <div
355
+ class="perseus-renderer perseus-renderer-responsive"
356
+ >
357
+ <div
358
+ class="paragraph"
359
+ data-perseus-paragraph-index="0"
360
+ >
361
+ <div
362
+ class="paragraph"
363
+ >
364
+ <strong>
365
+ Evidence
366
+ </strong>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ </th>
371
+ </tr>
372
+ <tr
373
+ class="row_tykfnp"
374
+ >
375
+ <td
376
+ class="column_4at8du"
385
377
  >
386
- <th
387
- class="column_4at8du-o_O-columnLabel_1wdbfym"
378
+ <ul
379
+ class="sortable_13d4756 perseus-sortable"
388
380
  >
389
- <span
390
- class="mock-KatexProvider"
381
+ <li
382
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
383
+ style="position: static; margin: 0px 0px 8px 0px;"
391
384
  >
392
385
  <div
393
386
  class="perseus-renderer perseus-renderer-responsive"
@@ -399,19 +392,14 @@ exports[`matcher widget should snapshot on mobile: first mobile render 1`] = `
399
392
  <div
400
393
  class="paragraph"
401
394
  >
402
- <strong>
403
- Claims
404
- </strong>
395
+ Our Sun will run out of fuel and die in around 5 billion years
405
396
  </div>
406
397
  </div>
407
398
  </div>
408
- </span>
409
- </th>
410
- <th
411
- class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
412
- >
413
- <span
414
- class="mock-KatexProvider"
399
+ </li>
400
+ <li
401
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
402
+ style="position: static; margin: 0px 0px 8px 0px;"
415
403
  >
416
404
  <div
417
405
  class="perseus-renderer perseus-renderer-responsive"
@@ -423,317 +411,270 @@ exports[`matcher widget should snapshot on mobile: first mobile render 1`] = `
423
411
  <div
424
412
  class="paragraph"
425
413
  >
426
- <strong>
427
- Evidence
428
- </strong>
414
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
429
415
  </div>
430
416
  </div>
431
417
  </div>
432
- </span>
433
- </th>
434
- </tr>
435
- <tr
436
- class="row_tykfnp"
437
- >
438
- <td
439
- class="column_4at8du"
440
- >
441
- <ul
442
- class="sortable_13d4756 perseus-sortable"
418
+ </li>
419
+ <li
420
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
421
+ style="position: static; margin: 0px 0px 8px 0px;"
443
422
  >
444
- <li
445
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
446
- style="position: static; margin: 0px 0px 8px 0px;"
447
- >
448
- <span
449
- class="mock-KatexProvider"
450
- >
451
- <div
452
- class="perseus-renderer perseus-renderer-responsive"
453
- >
454
- <div
455
- class="paragraph"
456
- data-perseus-paragraph-index="0"
457
- >
458
- <div
459
- class="paragraph"
460
- >
461
- Our Sun will run out of fuel and die in around 5 billion years
462
- </div>
463
- </div>
464
- </div>
465
- </span>
466
- </li>
467
- <li
468
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
469
- style="position: static; margin: 0px 0px 8px 0px;"
470
- >
471
- <span
472
- class="mock-KatexProvider"
473
- >
474
- <div
475
- class="perseus-renderer perseus-renderer-responsive"
476
- >
477
- <div
478
- class="paragraph"
479
- data-perseus-paragraph-index="0"
480
- >
481
- <div
482
- class="paragraph"
483
- >
484
- Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
485
- </div>
486
- </div>
487
- </div>
488
- </span>
489
- </li>
490
- <li
491
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
492
- style="position: static; margin: 0px 0px 8px 0px;"
423
+ <div
424
+ class="perseus-renderer perseus-renderer-responsive"
493
425
  >
494
- <span
495
- class="mock-KatexProvider"
426
+ <div
427
+ class="paragraph"
428
+ data-perseus-paragraph-index="0"
496
429
  >
497
430
  <div
498
- class="perseus-renderer perseus-renderer-responsive"
431
+ class="paragraph"
499
432
  >
500
- <div
501
- class="paragraph"
502
- data-perseus-paragraph-index="0"
503
- >
504
- <div
505
- class="paragraph"
506
- >
507
- Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
508
- </div>
509
- </div>
433
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
510
434
  </div>
511
- </span>
512
- </li>
513
- <li
514
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
515
- style="position: static; margin: 0px 0px 8px 0px;"
435
+ </div>
436
+ </div>
437
+ </li>
438
+ <li
439
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
440
+ style="position: static; margin: 0px 0px 8px 0px;"
441
+ >
442
+ <div
443
+ class="perseus-renderer perseus-renderer-responsive"
516
444
  >
517
- <span
518
- class="mock-KatexProvider"
445
+ <div
446
+ class="paragraph"
447
+ data-perseus-paragraph-index="0"
519
448
  >
520
449
  <div
521
- class="perseus-renderer perseus-renderer-responsive"
450
+ class="paragraph"
522
451
  >
523
- <div
524
- class="paragraph"
525
- data-perseus-paragraph-index="0"
526
- >
527
- <div
528
- class="paragraph"
529
- >
530
- Average global temperatures will rise
531
- </div>
532
- </div>
452
+ Average global temperatures will rise
533
453
  </div>
534
- </span>
535
- </li>
536
- <li
537
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
538
- style="position: static; margin: 0px;"
454
+ </div>
455
+ </div>
456
+ </li>
457
+ <li
458
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
459
+ style="position: static; margin: 0px;"
460
+ >
461
+ <div
462
+ class="perseus-renderer perseus-renderer-responsive"
539
463
  >
540
- <span
541
- class="mock-KatexProvider"
464
+ <div
465
+ class="paragraph"
466
+ data-perseus-paragraph-index="0"
542
467
  >
543
468
  <div
544
- class="perseus-renderer perseus-renderer-responsive"
469
+ class="paragraph"
545
470
  >
546
- <div
547
- class="paragraph"
548
- data-perseus-paragraph-index="0"
549
- >
550
- <div
551
- class="paragraph"
552
- >
553
- In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
554
- </div>
555
- </div>
471
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
556
472
  </div>
557
- </span>
558
- </li>
559
- </ul>
560
- </td>
561
- <td
562
- class="column_4at8du-o_O-columnRight_1wcmc4d"
473
+ </div>
474
+ </div>
475
+ </li>
476
+ </ul>
477
+ </td>
478
+ <td
479
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
480
+ >
481
+ <ul
482
+ class="sortable_13d4756 perseus-sortable"
563
483
  >
564
- <ul
565
- class="sortable_13d4756 perseus-sortable"
484
+ <li
485
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
486
+ style="position: static; margin: 0px 0px 8px 0px;"
566
487
  >
567
- <li
568
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
569
- style="position: static; margin: 0px 0px 8px 0px;"
488
+ <div
489
+ class="perseus-renderer perseus-renderer-responsive"
570
490
  >
571
- <span
572
- class="mock-KatexProvider"
491
+ <div
492
+ class="paragraph"
493
+ data-perseus-paragraph-index="0"
573
494
  >
574
495
  <div
575
- class="perseus-renderer perseus-renderer-responsive"
496
+ class="paragraph"
576
497
  >
577
- <div
578
- class="paragraph"
579
- data-perseus-paragraph-index="0"
580
- >
581
- <div
582
- class="paragraph"
583
- >
584
- The current trajectory of the Milky Way galaxy and those in its immediate proximity
585
- </div>
586
- </div>
498
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
587
499
  </div>
588
- </span>
589
- </li>
590
- <li
591
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
592
- style="position: static; margin: 0px 0px 8px 0px;"
500
+ </div>
501
+ </div>
502
+ </li>
503
+ <li
504
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
505
+ style="position: static; margin: 0px 0px 8px 0px;"
506
+ >
507
+ <div
508
+ class="perseus-renderer perseus-renderer-responsive"
593
509
  >
594
- <span
595
- class="mock-KatexProvider"
510
+ <div
511
+ class="paragraph"
512
+ data-perseus-paragraph-index="0"
596
513
  >
597
514
  <div
598
- class="perseus-renderer perseus-renderer-responsive"
515
+ class="paragraph"
599
516
  >
600
- <div
601
- class="paragraph"
602
- data-perseus-paragraph-index="0"
603
- >
604
- <div
605
- class="paragraph"
606
- >
607
- Medium-sized stars typically exist for roughly 10 billion years
608
- </div>
609
- </div>
517
+ Medium-sized stars typically exist for roughly 10 billion years
610
518
  </div>
611
- </span>
612
- </li>
613
- <li
614
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
615
- style="position: static; margin: 0px 0px 8px 0px;"
519
+ </div>
520
+ </div>
521
+ </li>
522
+ <li
523
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
524
+ style="position: static; margin: 0px 0px 8px 0px;"
525
+ >
526
+ <div
527
+ class="perseus-renderer perseus-renderer-responsive"
616
528
  >
617
- <span
618
- class="mock-KatexProvider"
529
+ <div
530
+ class="paragraph"
531
+ data-perseus-paragraph-index="0"
619
532
  >
620
533
  <div
621
- class="perseus-renderer perseus-renderer-responsive"
534
+ class="paragraph"
622
535
  >
623
- <div
624
- class="paragraph"
625
- data-perseus-paragraph-index="0"
626
- >
627
- <div
628
- class="paragraph"
629
- >
630
- The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
631
- </div>
632
- </div>
536
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
633
537
  </div>
634
- </span>
635
- </li>
636
- <li
637
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
638
- style="position: static; margin: 0px 0px 8px 0px;"
538
+ </div>
539
+ </div>
540
+ </li>
541
+ <li
542
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
543
+ style="position: static; margin: 0px 0px 8px 0px;"
544
+ >
545
+ <div
546
+ class="perseus-renderer perseus-renderer-responsive"
639
547
  >
640
- <span
641
- class="mock-KatexProvider"
548
+ <div
549
+ class="paragraph"
550
+ data-perseus-paragraph-index="0"
642
551
  >
643
552
  <div
644
- class="perseus-renderer perseus-renderer-responsive"
553
+ class="paragraph"
645
554
  >
646
- <div
647
- class="paragraph"
648
- data-perseus-paragraph-index="0"
649
- >
650
- <div
651
- class="paragraph"
652
- >
653
- The current trajectory of the Earth’s tectonic plate movement
654
- </div>
655
- </div>
555
+ The current trajectory of the Earth’s tectonic plate movement
656
556
  </div>
657
- </span>
658
- </li>
659
- <li
660
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
661
- style="position: static; margin: 0px;"
557
+ </div>
558
+ </div>
559
+ </li>
560
+ <li
561
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
562
+ style="position: static; margin: 0px;"
563
+ >
564
+ <div
565
+ class="perseus-renderer perseus-renderer-responsive"
662
566
  >
663
- <span
664
- class="mock-KatexProvider"
567
+ <div
568
+ class="paragraph"
569
+ data-perseus-paragraph-index="0"
665
570
  >
666
571
  <div
667
- class="perseus-renderer perseus-renderer-responsive"
572
+ class="paragraph"
668
573
  >
669
- <div
670
- class="paragraph"
671
- data-perseus-paragraph-index="0"
672
- >
673
- <div
674
- class="paragraph"
675
- >
676
- Rapid escalation of greenhouse gas emissions
677
- </div>
678
- </div>
574
+ Rapid escalation of greenhouse gas emissions
679
575
  </div>
680
- </span>
681
- </li>
682
- </ul>
683
- </td>
684
- </tr>
685
- </tbody>
686
- </table>
687
- </div>
576
+ </div>
577
+ </div>
578
+ </li>
579
+ </ul>
580
+ </td>
581
+ </tr>
582
+ </tbody>
583
+ </table>
688
584
  </div>
689
585
  </div>
690
586
  </div>
691
- </span>
587
+ </div>
692
588
  </div>
693
589
  `;
694
590
 
695
591
  exports[`matcher widget should snapshot: first render 1`] = `
696
592
  <div>
697
- <span
698
- class="mock-KatexProvider"
593
+ <div
594
+ class="perseus-renderer perseus-renderer-responsive"
699
595
  >
700
596
  <div
701
- class="perseus-renderer perseus-renderer-responsive"
597
+ class="paragraph"
598
+ data-perseus-paragraph-index="0"
702
599
  >
703
600
  <div
704
601
  class="paragraph"
705
- data-perseus-paragraph-index="0"
706
602
  >
707
- <div
708
- class="paragraph"
709
- >
710
- <strong>
711
- Match each claim with its supporting evidence.
712
- </strong>
713
- </div>
603
+ <strong>
604
+ Match each claim with its supporting evidence.
605
+ </strong>
714
606
  </div>
607
+ </div>
608
+ <div
609
+ class="paragraph"
610
+ data-perseus-paragraph-index="1"
611
+ >
715
612
  <div
716
613
  class="paragraph"
717
- data-perseus-paragraph-index="1"
718
614
  >
719
615
  <div
720
- class="paragraph"
616
+ class="perseus-widget-container widget-nohighlight widget-block"
721
617
  >
722
- <div
723
- class="perseus-widget-container widget-nohighlight widget-block"
618
+ <table
619
+ class="widget_lf609f perseus-widget-matcher"
724
620
  >
725
- <table
726
- class="widget_lf609f perseus-widget-matcher"
727
- >
728
- <tbody>
729
- <tr
730
- class="row_tykfnp"
621
+ <tbody>
622
+ <tr
623
+ class="row_tykfnp"
624
+ >
625
+ <th
626
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
627
+ >
628
+ <div
629
+ class="perseus-renderer perseus-renderer-responsive"
630
+ >
631
+ <div
632
+ class="paragraph"
633
+ data-perseus-paragraph-index="0"
634
+ >
635
+ <div
636
+ class="paragraph"
637
+ >
638
+ <strong>
639
+ Claims
640
+ </strong>
641
+ </div>
642
+ </div>
643
+ </div>
644
+ </th>
645
+ <th
646
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
731
647
  >
732
- <th
733
- class="column_4at8du-o_O-columnLabel_1wdbfym"
648
+ <div
649
+ class="perseus-renderer perseus-renderer-responsive"
734
650
  >
735
- <span
736
- class="mock-KatexProvider"
651
+ <div
652
+ class="paragraph"
653
+ data-perseus-paragraph-index="0"
654
+ >
655
+ <div
656
+ class="paragraph"
657
+ >
658
+ <strong>
659
+ Evidence
660
+ </strong>
661
+ </div>
662
+ </div>
663
+ </div>
664
+ </th>
665
+ </tr>
666
+ <tr
667
+ class="row_tykfnp"
668
+ >
669
+ <td
670
+ class="column_4at8du"
671
+ >
672
+ <ul
673
+ class="sortable_13d4756 perseus-sortable"
674
+ >
675
+ <li
676
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
677
+ style="position: static; margin: 0px 0px 5px 0px;"
737
678
  >
738
679
  <div
739
680
  class="perseus-renderer perseus-renderer-responsive"
@@ -745,19 +686,14 @@ exports[`matcher widget should snapshot: first render 1`] = `
745
686
  <div
746
687
  class="paragraph"
747
688
  >
748
- <strong>
749
- Claims
750
- </strong>
689
+ Our Sun will run out of fuel and die in around 5 billion years
751
690
  </div>
752
691
  </div>
753
692
  </div>
754
- </span>
755
- </th>
756
- <th
757
- class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
758
- >
759
- <span
760
- class="mock-KatexProvider"
693
+ </li>
694
+ <li
695
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
696
+ style="position: static; margin: 0px 0px 5px 0px;"
761
697
  >
762
698
  <div
763
699
  class="perseus-renderer perseus-renderer-responsive"
@@ -769,271 +705,179 @@ exports[`matcher widget should snapshot: first render 1`] = `
769
705
  <div
770
706
  class="paragraph"
771
707
  >
772
- <strong>
773
- Evidence
774
- </strong>
708
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
775
709
  </div>
776
710
  </div>
777
711
  </div>
778
- </span>
779
- </th>
780
- </tr>
781
- <tr
782
- class="row_tykfnp"
783
- >
784
- <td
785
- class="column_4at8du"
786
- >
787
- <ul
788
- class="sortable_13d4756 perseus-sortable"
712
+ </li>
713
+ <li
714
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
715
+ style="position: static; margin: 0px 0px 5px 0px;"
789
716
  >
790
- <li
791
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
792
- style="position: static; margin: 0px 0px 5px 0px;"
793
- >
794
- <span
795
- class="mock-KatexProvider"
796
- >
797
- <div
798
- class="perseus-renderer perseus-renderer-responsive"
799
- >
800
- <div
801
- class="paragraph"
802
- data-perseus-paragraph-index="0"
803
- >
804
- <div
805
- class="paragraph"
806
- >
807
- Our Sun will run out of fuel and die in around 5 billion years
808
- </div>
809
- </div>
810
- </div>
811
- </span>
812
- </li>
813
- <li
814
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
815
- style="position: static; margin: 0px 0px 5px 0px;"
816
- >
817
- <span
818
- class="mock-KatexProvider"
819
- >
820
- <div
821
- class="perseus-renderer perseus-renderer-responsive"
822
- >
823
- <div
824
- class="paragraph"
825
- data-perseus-paragraph-index="0"
826
- >
827
- <div
828
- class="paragraph"
829
- >
830
- Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
831
- </div>
832
- </div>
833
- </div>
834
- </span>
835
- </li>
836
- <li
837
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
838
- style="position: static; margin: 0px 0px 5px 0px;"
717
+ <div
718
+ class="perseus-renderer perseus-renderer-responsive"
839
719
  >
840
- <span
841
- class="mock-KatexProvider"
720
+ <div
721
+ class="paragraph"
722
+ data-perseus-paragraph-index="0"
842
723
  >
843
724
  <div
844
- class="perseus-renderer perseus-renderer-responsive"
725
+ class="paragraph"
845
726
  >
846
- <div
847
- class="paragraph"
848
- data-perseus-paragraph-index="0"
849
- >
850
- <div
851
- class="paragraph"
852
- >
853
- Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
854
- </div>
855
- </div>
727
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
856
728
  </div>
857
- </span>
858
- </li>
859
- <li
860
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
861
- style="position: static; margin: 0px 0px 5px 0px;"
729
+ </div>
730
+ </div>
731
+ </li>
732
+ <li
733
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
734
+ style="position: static; margin: 0px 0px 5px 0px;"
735
+ >
736
+ <div
737
+ class="perseus-renderer perseus-renderer-responsive"
862
738
  >
863
- <span
864
- class="mock-KatexProvider"
739
+ <div
740
+ class="paragraph"
741
+ data-perseus-paragraph-index="0"
865
742
  >
866
743
  <div
867
- class="perseus-renderer perseus-renderer-responsive"
744
+ class="paragraph"
868
745
  >
869
- <div
870
- class="paragraph"
871
- data-perseus-paragraph-index="0"
872
- >
873
- <div
874
- class="paragraph"
875
- >
876
- Average global temperatures will rise
877
- </div>
878
- </div>
746
+ Average global temperatures will rise
879
747
  </div>
880
- </span>
881
- </li>
882
- <li
883
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
884
- style="position: static; margin: 0px;"
748
+ </div>
749
+ </div>
750
+ </li>
751
+ <li
752
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
753
+ style="position: static; margin: 0px;"
754
+ >
755
+ <div
756
+ class="perseus-renderer perseus-renderer-responsive"
885
757
  >
886
- <span
887
- class="mock-KatexProvider"
758
+ <div
759
+ class="paragraph"
760
+ data-perseus-paragraph-index="0"
888
761
  >
889
762
  <div
890
- class="perseus-renderer perseus-renderer-responsive"
763
+ class="paragraph"
891
764
  >
892
- <div
893
- class="paragraph"
894
- data-perseus-paragraph-index="0"
895
- >
896
- <div
897
- class="paragraph"
898
- >
899
- In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
900
- </div>
901
- </div>
765
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
902
766
  </div>
903
- </span>
904
- </li>
905
- </ul>
906
- </td>
907
- <td
908
- class="column_4at8du-o_O-columnRight_1wcmc4d"
767
+ </div>
768
+ </div>
769
+ </li>
770
+ </ul>
771
+ </td>
772
+ <td
773
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
774
+ >
775
+ <ul
776
+ class="sortable_13d4756 perseus-sortable"
909
777
  >
910
- <ul
911
- class="sortable_13d4756 perseus-sortable"
778
+ <li
779
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
780
+ style="position: static; margin: 0px 0px 5px 0px;"
912
781
  >
913
- <li
914
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
915
- style="position: static; margin: 0px 0px 5px 0px;"
782
+ <div
783
+ class="perseus-renderer perseus-renderer-responsive"
916
784
  >
917
- <span
918
- class="mock-KatexProvider"
785
+ <div
786
+ class="paragraph"
787
+ data-perseus-paragraph-index="0"
919
788
  >
920
789
  <div
921
- class="perseus-renderer perseus-renderer-responsive"
790
+ class="paragraph"
922
791
  >
923
- <div
924
- class="paragraph"
925
- data-perseus-paragraph-index="0"
926
- >
927
- <div
928
- class="paragraph"
929
- >
930
- The current trajectory of the Milky Way galaxy and those in its immediate proximity
931
- </div>
932
- </div>
792
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
933
793
  </div>
934
- </span>
935
- </li>
936
- <li
937
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
938
- style="position: static; margin: 0px 0px 5px 0px;"
794
+ </div>
795
+ </div>
796
+ </li>
797
+ <li
798
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
799
+ style="position: static; margin: 0px 0px 5px 0px;"
800
+ >
801
+ <div
802
+ class="perseus-renderer perseus-renderer-responsive"
939
803
  >
940
- <span
941
- class="mock-KatexProvider"
804
+ <div
805
+ class="paragraph"
806
+ data-perseus-paragraph-index="0"
942
807
  >
943
808
  <div
944
- class="perseus-renderer perseus-renderer-responsive"
809
+ class="paragraph"
945
810
  >
946
- <div
947
- class="paragraph"
948
- data-perseus-paragraph-index="0"
949
- >
950
- <div
951
- class="paragraph"
952
- >
953
- Medium-sized stars typically exist for roughly 10 billion years
954
- </div>
955
- </div>
811
+ Medium-sized stars typically exist for roughly 10 billion years
956
812
  </div>
957
- </span>
958
- </li>
959
- <li
960
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
961
- style="position: static; margin: 0px 0px 5px 0px;"
813
+ </div>
814
+ </div>
815
+ </li>
816
+ <li
817
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
818
+ style="position: static; margin: 0px 0px 5px 0px;"
819
+ >
820
+ <div
821
+ class="perseus-renderer perseus-renderer-responsive"
962
822
  >
963
- <span
964
- class="mock-KatexProvider"
823
+ <div
824
+ class="paragraph"
825
+ data-perseus-paragraph-index="0"
965
826
  >
966
827
  <div
967
- class="perseus-renderer perseus-renderer-responsive"
828
+ class="paragraph"
968
829
  >
969
- <div
970
- class="paragraph"
971
- data-perseus-paragraph-index="0"
972
- >
973
- <div
974
- class="paragraph"
975
- >
976
- The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
977
- </div>
978
- </div>
830
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
979
831
  </div>
980
- </span>
981
- </li>
982
- <li
983
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
984
- style="position: static; margin: 0px 0px 5px 0px;"
832
+ </div>
833
+ </div>
834
+ </li>
835
+ <li
836
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
837
+ style="position: static; margin: 0px 0px 5px 0px;"
838
+ >
839
+ <div
840
+ class="perseus-renderer perseus-renderer-responsive"
985
841
  >
986
- <span
987
- class="mock-KatexProvider"
842
+ <div
843
+ class="paragraph"
844
+ data-perseus-paragraph-index="0"
988
845
  >
989
846
  <div
990
- class="perseus-renderer perseus-renderer-responsive"
847
+ class="paragraph"
991
848
  >
992
- <div
993
- class="paragraph"
994
- data-perseus-paragraph-index="0"
995
- >
996
- <div
997
- class="paragraph"
998
- >
999
- The current trajectory of the Earth’s tectonic plate movement
1000
- </div>
1001
- </div>
849
+ The current trajectory of the Earth’s tectonic plate movement
1002
850
  </div>
1003
- </span>
1004
- </li>
1005
- <li
1006
- class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
1007
- style="position: static; margin: 0px;"
851
+ </div>
852
+ </div>
853
+ </li>
854
+ <li
855
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
856
+ style="position: static; margin: 0px;"
857
+ >
858
+ <div
859
+ class="perseus-renderer perseus-renderer-responsive"
1008
860
  >
1009
- <span
1010
- class="mock-KatexProvider"
861
+ <div
862
+ class="paragraph"
863
+ data-perseus-paragraph-index="0"
1011
864
  >
1012
865
  <div
1013
- class="perseus-renderer perseus-renderer-responsive"
866
+ class="paragraph"
1014
867
  >
1015
- <div
1016
- class="paragraph"
1017
- data-perseus-paragraph-index="0"
1018
- >
1019
- <div
1020
- class="paragraph"
1021
- >
1022
- Rapid escalation of greenhouse gas emissions
1023
- </div>
1024
- </div>
868
+ Rapid escalation of greenhouse gas emissions
1025
869
  </div>
1026
- </span>
1027
- </li>
1028
- </ul>
1029
- </td>
1030
- </tr>
1031
- </tbody>
1032
- </table>
1033
- </div>
870
+ </div>
871
+ </div>
872
+ </li>
873
+ </ul>
874
+ </td>
875
+ </tr>
876
+ </tbody>
877
+ </table>
1034
878
  </div>
1035
879
  </div>
1036
880
  </div>
1037
- </span>
881
+ </div>
1038
882
  </div>
1039
883
  `;