-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcovid.html
More file actions
350 lines (265 loc) · 12 KB
/
Copy pathcovid.html
File metadata and controls
350 lines (265 loc) · 12 KB
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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!DOCTYPE html>
<html>
<head>
<!-- usually this can just be the headline, but check in -->
<title>The Rise and Fall of Tiger Confessions</title>
<!--
CHANGE THIS! "preview-img.png" defines what the preview image will be for
links and social media, so be sure to change this to whatever the
dominant media will be
-->
<meta property="og:image"
content="tigerconfessions-1.png">>
<!--
CHANGE THIS! Make the content something meaningful to the article
(reach out to editor for suggestions if needed)
-->
<meta property=“og:description”
content="The 'Prince' looked at topics of discussion on the anonymous Facebook group TigerConfessions from October 2019 to mid-January 2023." />
<!-- defines standard character set—useful for ensuring curly quotes
aren't corrupted by different encodings -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- ensures mobile layout works-->
<meta name="viewport" content="width=device-width">
<!-- link to our logo for favicon -->
<link rel="icon" type="image/png"
href="https://dirgyzwl2hnqq.cloudfront.net/ff9419fb986f760c1b0b24d4b9046051/dist/img/favicons/apple-icon-57x57.png" />
<!-- Global site tag (gtag.js) - Google Analytics COMMENT OUT UNTIL PUB -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-H0QFG1LJXS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-H0QFG1LJXS');
</script> -->
<!--/site tag -->
<!--
a reference to our brand fonts (if there's any Adobe font not
available on the stylesheet, let the head digital news
editor know and it can be added)
-->
<link rel="stylesheet" href="https://use.typekit.net/gkx8zdh.css">
<!-- reference to your CSS -->
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="nav.css" rel="stylesheet" type="text/css" />
<!-- Load d3.js -->
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://cdn.jsdelivr.net/gh/holtzy/D3-graph-gallery@master/LIB/d3.layout.cloud.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
</head>
<body>
<nav id="top-nav">
<a class="nav-brand" href="index.html">
THE DAILY PRINCETONIAN <span class="project-name"> | The Rise and Fall of Tiger Confessions</span>
</a>
<span class="menu-icon" onclick="expand()">☰</span>
<div class="nav-links">
<a href="social.html" target="_self">Social</a>
<a href="mentalhealth.html" target="_self">Mental Health</a>
<a href="covid.html" target="_self">COVID-19</a>
<a href="academics.html" target="_self">Academics</a>
<a href="campuslife.html" target="_self">Campus Life</a>
<a href="methodology.html" target="_self">Methodology</a>
</div>
</nav>
<script>
function expand() {
const topNav = document.getElementById("top-nav");
if (topNav.className.includes("expand")) {
topNav.classList.remove("expand");
} else topNav.classList.add("expand");
}
var links = document.links;
for (var i = 0; i < links.length; i++) {
links[i].target = "_self";
}
</script>
<div id="top" style="height: 1px; position: relative; top: -35px"></div>
<!-- Cover image & caption -->
<div class="titleText whiteHeaderText" style="padding-left: 5%; padding-bottom: 0;">
<h1 class="title" style="padding-top: 70px;">COVID-19 </h1>
<h2 class="subtitle" style="margin-top: -10px;"> Lockdown, Zoom, and vaccines
</h2>
<!--
<div class = 'intro'>
<p> [Introductory text] </p>
</div>
-->
</div>
<div class="intro-text">
<!-- Yay, no errors, warnings, or alerts! -->
<!-- Yay, no errors, warnings, or alerts! -->
<p>
The number of submissions posted on TigerConfessions peaked during the initial COVID lockdown period. Students expressed their frustrations about the massive change with one another.
</p>
<p>
The greatest number of submissions in a single day ever was on May 9, 2020, with 213 submissions, at the height of the MAT 202 scandal. MAT 202 fit perfectly into the mold of TigerConfessions — an issue that impacted lots of students, demanded anonymity and created a shared resentment against the University.
</p>
<p>
In fact, the four days with the highest number of submissions were all in May 2020.
</p>
<p>
With 176 posts, March 10, 2020 — the day before the University announced that all classes would <a href="https://www.dailyprincetonian.com/article/2020/03/all-students-but-those-meeting-specific-criteria-must-return-home-for-rest-of-semester">continue online</a> until the end of the semester — was the only day outside of May 2020 to break into the top five days for submissions.
</p>
<p>
Some posts<a href="https://www.dailyprincetonian.com/article/2020/03/the-end-of-the-world-how-students-said-goodbye-to-campus"> reflected</a> on the large gatherings on campus as students were sent home:
</p>
<!-- insert confession here -->
<div class = "confession">
<div class = "post_content">
<p> I know the whole coronavirus shit has everyone shook and all, but it ain’t the fuckin purge. It is 👏🏼 MIDTERM 👏🏼 SZN👏🏼 Let me get a good night’s sleep pls. I’m not tellin y’all to stop ur wildin, just contain it pls
</p>
</div>
</div>
<br>
<p>
Others contained simple pleas:
</p>
<!-- insert confession here -->
<div class = "confession">
<div class = "post_content">
<p> Please, I don’t want my graduation to be online.
</p>
</div>
</div>
<br>
<p>
As students slowly returned to campus, they heavily discussed the social contract. Between Sept. 1, 2020 and Feb. 26, 2021, 55 students faced <a href="https://www.dailyprincetonian.com/article/2021/03/social-contract-discipline-violation-princeton-covid-19-a-capella">disciplinary action</a> for violating guidelines limiting gatherings and mandating masks.
</p>
<p>
Posters on TigerConfessions debated social contract guidelines, one writing:
</p>
<!-- insert confession here -->
<div class = "confession">
<div class = "post_content">
<p> it gives me so much anxiety seeing my friends just blatantly disregard the social contract and it makes me so frustrated knowing that theyre having a better time here than me because theyre able to not care i guess.
</p>
</div>
</div>
<br>
<p>
Others felt differently, one student writing:
</p>
<div class = "confession">
<div class = "post_content">
<p> odds of the university continuing its draconian social contract even with everyone being vaccinated next year i mean there’s really no reason we should be anything but 100 normal with everyone vaccinated
</p>
</div>
</div>
<br>
<p>
Mentions of the words “coronavirus” peaked in March of 2020 then rapidly declined. Submitters instead used “covid,” which rose in post frequency before hitting a peak in January 2021, when some undergraduates <a href="https://www.dailyprincetonian.com/article/2020/11/all-princeton-undergraduates-invited-back-spring-most-instruction-remains-virtual">returned to campus</a> while still attending classes on Zoom. Since then, mentions of the word “covid” have peaked again in August of 2021 <a href="https://www.dailyprincetonian.com/article/2021/04/usg-town-hall-fall-2021-open-covid-commencement">(when all undergraduates returned to campus for in person learning)</a>, and January 2022, during the beginning of the <a href="https://www.dailyprincetonian.com/article/2022/01/reactions-princeton-pandemic-covid-19">Omicron</a> variant wave.
</p>
<!-- "COVID" GRAPH -->
<div id="hide">
<label for="field">Search Word to Analyze</label>
<input type="text" id="field" name="field" value="covid" required
size="20">
<button id="search">Search</button>
</div>
<h3>"covid"</h3>
<!-- Create a div where the graph will take place -->
<div id="my_dataviz"></div>
<div class="toggle-wrapper">
<div id="showCount">
<p class="counts-label">Frequency/Counts</p>
<label class="switch">
<input type="checkbox" id="switch">
<span class="slider round"></span>
</label>
</div>
</div>
<!-- "CORONAVIRUS" GRAPH -->
<div id="hide">
<label for="field_2">Search Word to Analyze</label>
<input type="text" id="field_2" name="field" value="coronavirus" required
size="20">
<button id="search">Search</button>
</div>
<h3>"coronavirus"</h3>
<!-- Create a div where the graph will take place -->
<div id="my_dataviz_2"></div>
<div class="toggle-wrapper">
<div id="showCount">
<p class="counts-label">Frequency/Counts</p>
<label class="switch_2">
<input type="checkbox" id="switch_2">
<span class="slider round"></span>
</label>
</div>
</div>
<!-- section on zoom -->
<br>
<h2>Zoom</h2>
</br>
<!-- insert graph here -->
<div id="hide">
<label for="field_3">Search Word to Analyze</label>
<input type="text" id="field_3" name="field" value="zoom" required
size="20">
<button id="search">Search</button>
</div>
<h3>"zoom"</h3>
<!-- Create a div where the graph will take place -->
<div id="my_dataviz_3"></div>
<div class="toggle-wrapper">
<div id="showCount">
<p class="counts-label">Frequency/Counts</p>
<label class="switch_3">
<input type="checkbox" id="switch_3">
<span class="slider round"></span>
</label>
</div>
</div>
<p>
The video conferencing tool Zoom moved from niche use pre-pandemic to a mainstay of virtual options. Posts with the word “Zoom” rose sharply in March 2020, and again in September 2020: the start of the University's first fully virtual semester.
</p>
<br>
<!-- section on vaccines -->
<h2>Vaccines</h2></br>
<!-- insert graph here -->
<div id="hide">
<label for="field_4">Search Word to Analyze</label>
<input type="text" id="field_4" name="field" value="vaccine" required
size="20">
<button id="search">Search</button>
</div>
<h3>"vaccines"</h3>
<!-- Create a div where the graph will take place -->
<div id="my_dataviz_4"></div>
<div class="toggle-wrapper">
<div id="showCount">
<p class="counts-label">Frequency/Counts</p>
<label class="switch_4">
<input type="checkbox" id="switch_4">
<span class="slider round"></span>
</label>
</div>
</div>
<p>
Mentions of the word “vaccine” hit an all-time high during April of 2021, when the COVID-19 vaccine became available to most college-aged students. The second-highest peak was in August 2021, when Princeton reimplemented <a href="https://www.dailyprincetonian.com/article/2021/08/princeton-fall-2021-universal-mask-mandate">an universal indoor mask mandate</a>, and students returned to campus fully in-person for the first time since the pandemic started. The fraction of posts containing the word “mask” peaked that same month.
</p>
<p>
Posts about vaccines were typically positive, sharing advice on how to get a shot or talking about their experiences with it, with the occasional joke:
</p>
<!-- insert confession here -->
<div class = "confession">
<div class = "post_content">
<p> next year puid parties on the street will be replaced by vaccine card parties
</p>
</div>
</div>
<br>
<div><h2 style = "text-align: center;">***</h2></div>
<br>
</div>
</div>
</body>
<script type="module" src="test.js"></script>
<script type="module" src="graph_2.js"></script>
<script type="module" src="graph_3.js"></script>
<script type="module" src="graph_4.js"></script>
<script type="module" src="script.js"></script>
<script type="module" src="nav.js"></script>
</html>