SOTA-2023/index.html at main · phillipian/SOTA-2023 · GitHub

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
<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 2023."
    />
    <link rel="icon" type="image/x-icon" href="/assets/img/p_square.ico" />
    <meta name="author" content="Claire Wang" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Lora&display=swap"
      rel="stylesheet"
    />
    <title>State of the Academy 2023</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">2023</span>
            </span>
          </div>
          <p>
            On March 31, The Phillipian, vol. CXLVI, sent out the 2023 "State of
            the Academy" to the entirety of Andover's student body in hopes of
            obtaining valuable information about the community.
            <br /><br />
            The Phillipian received a participation rate of 81.0% of the student
            body - 931 participants. The anonymous survey asked a comprehensive
            set of 149 questions comprising nine sections: General, Politics &
            Worldview, Education, Wellness, Drugs & Alcohol, Sex, Campus
            Culture, Community Diversity, and Discipline.
            <br /><br />
            To determine correlations, The Phillipian analyzed the CSV file of
            all responses from Survey Monkey with Python. The Phillipian
            proceeded to use PANDAS, matplotlib.plotly, and numpy libraries to
            find correlations between each question.
            <br /><br />
            We sincerely thank the members of the student body for their
            willingness to share information and personal experiences for this
            annual issue of The Phillipian, 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.
            <br /><br />
            Access the traditional PDF version of SOTA
            <a href="https://pdf.phillipian.net/2023/05122023.pdf">here</a>.
            <br /><br />
            Website by Nathan Liang '25 and Kevin Niu '25.
            <br /><br />
            Data by Ashley Agyeman '24.
            <br /><br />
            Graphics by Heyon Choi '25, Jonathan Ji '24, Caroline Shen '24, Patricia Tran '24, Karen Wang '24, James Xiao '25, Raina Yang '24, and Vera Zhang '24.
          </p>
        </div>
        <div class="hero-image">
          <div class="hero-image-inner">
            <div class="hero-image-credit">
              <span
                ><a
                  href="https://phillipian.net/author/achinn24/"
                  target="_blank"
                  >Andrew Chinn</a
                >/<i>The Phillipian</i></span
              >
            </div>
            <img src="assets/img/sota-cover-2023.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-school">
          <div class="home-section sec-school"><span>Education</span></div>
        </a>
        <a href="#sota-section-wellness">
          <div class="home-section sec-wellness"><span>Wellness</span></div>
        </a>
        <a href="#sota-section-drugs">
          <div class="home-section sec-drugs">
            <span>Drugs & Alcohol</span>
          </div>
        </a>
        <a href="#sota-section-sex">
          <div class="home-section sec-sex"><span>Sex</span></div>
        </a>
        <a href="#sota-section-campus">
          <div class="home-section sec-campus">
            <span>Campus Culture</span>
          </div>
        </a>
        <a href="#sota-section-diversity">
          <div class="home-section sec-community">
            <span>Community Diversity</span>
          </div>
        </a>
        <a href="#sota-section-discipline">
          <div class="home-section sec-discipline">
            <span>Discipline</span>
          </div>
        </a>

        <!-- <a href="#sota-section-covid19">
          <div class="home-section sec-covid"><span>COVID-19</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="https://phillipian.github.io/SOTA-2022/">
          <div class="home-section"><span>2022</span></div>
        </a>
        <a href="https://phillipian.github.io/SOTA-2021/">
          <div class="home-section"><span>2021</span></div>
        </a>
        <a href="http://pdf.phillipian.net/2020/06012020.pdf">
          <div class="home-section"><span>2020</span></div>
        </a>
        <a href="http://pdf.phillipian.net/2019/05102019.pdf">
          <div class="home-section"><span>2019</span></div> </a
        ><a href="https://phillipian.github.io/State-of-the-Academy-2018/">
          <div class="home-section"><span>2018</span></div> </a
        ><a href="https://phillipian.github.io/sota-2016/">
          <div class="home-section"><span>2016</span></div>
        </a>
      </div>
      2
    </section>
    <script type="module" src="index.js"></script>
  </body>
</html>