-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (104 loc) · 5.08 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="The Phillipian's annual State of the Academy survey, for 2021.">
<meta name="author" content="Jessica He">
<title>State of the Academy 2021</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="sota.min.js"></script>
<link rel="stylesheet" type="text/css" href="sz-navbar.css">
<link rel="stylesheet" type="text/css" href="style.css">
<style>
body{margin: 0;}
pre{
background-color: rgba(0,0,0,0.05);
font-family: "Consolas";
color: rgba(0,0,0,0.5);
padding: 16px;
overflow: auto;
}
a{
color: unset;
}
.sota-section > p{
text-align: center;
font-size: 24px;
}
</style>
</head>
<body>
<div id="sota-navbar"></div>
<section id="intro">
<div class="home-hero home-container">
<div class="hero-blurb">
<div class="hero-logo"><a href="https://phillipian.net"><img src="assets/img/p-square.png"></a></div>
<div class="hero-sota">
<span>
State<br/>
of the<br/>
Academy<br/>
<span class="hero-sota-year">2021</span>
</span>
</div>
<p>On April 12, <i>The Phillipian</i>, vol. CXLIV, sent out the 2021 “State of the Academy” survey to all Andover students in the hopes of obtaining valuable information about the school community.</p>
<p>Despite two classes being unfamiliar with a printed version of the State of the Academy, <i>The Phillipian</i> received a participation rate of 81.8% of the student body—949 participants. The anonymous survey asked a comprehensive set of 183 questions, comprised of ten sections: General, Politics & Worldview, Wellness, Sex, Drugs & Alcohol, School, Campus Culture, Community Diversity, Discipline, and Covid-19. This year, the survey included content warnings that allowed participants to skip specific questions that may have been potentially triggering without viewing the question itself. We sincerely thank members of the student body for their willingness to share information and personal experiences for this special issue of <i>The Phillipian</i>, and we hope that the State of the Academy will serve to inform, enlighten, and create a more holistic narrative of the students at Andover.</p>
<p>Access the traditional PDF version of SOTA <a href="http://pdf.phillipian.net/2021/06202021.pdf">here</a>.</p>
<p>Website by Jeffrey Shi and Jessica He with contributions from Anthony Kim.</p>
</div>
<div class="hero-image">
<div class="hero-image-inner">
<div class="hero-image-credit"><span><a href="https://phillipian.net/author/lauraospina/" target="_blank">Laura Ospina</a>/<i>The Phillipian</i></span></div>
<img src="assets/img/sota-cover.JPG">
</div>
</div>
</div>
<div class="home-container home-mid">
<h3>Sections</h3>
</div>
<div class="home-sections home-container">
<a href="#sota-section-general">
<div class="home-section sec-general"><span>General</span></div>
</a><a href="#sota-section-politics">
<div class="home-section sec-politics"><span>Politics & Worldview</span></div>
</a><a href="#sota-section-campus">
<div class="home-section sec-campus"><span>Campus Culture</span></div>
</a><a href="#sota-section-school">
<div class="home-section sec-school"><span>School</span></div>
</a><a href="#sota-section-discipline">
<div class="home-section sec-discipline"><span>Discipline</span></div>
</a><a href="#sota-section-sex">
<div class="home-section sec-sex"><span>Sex</span></div>
</a><a href="#sota-section-drugs">
<div class="home-section sec-drugs"><span>Drugs & Alcohol</span></div>
</a><a href="#sota-section-wellness">
<div class="home-section sec-wellness"><span>Wellness</span></div>
</a><a href="#sota-section-covid19">
<div class="home-section sec-covid"><span>COVID-19</span></div>
</a><a href="#sota-section-community">
<div class="home-section sec-community"><span>Community Diversity</span></div>
</a><a href="#sota-section-senior">
<div class="home-section sec-senior"><span>Senior Sota</span></div>
</a>
</div>
<div class="home-container home-mid">
<h3>Previous Years' Surveys</h3>
</div>
<div class="home-sections home-container">
<a href="/year/2020">
<div class="home-section"><span>2020</span></div>
</a>
<a href="/year/2019">
<div class="home-section"><span>2019</span></div>
</a><a href="/year/2018">
<div class="home-section"><span>2018</span></div>
</a><a href="/year/2016">
<div class="home-section"><span>2016</span></div>
</a>
</div>
</section>
<script type="module" src="index.js"></script>
</body>
</html>