-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
255 lines (241 loc) · 13 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
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
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<head>
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<title>Fall 2019 Magazine</title>
<link rel = "stylesheet" type = "text/css" href = "style.css">
<script src="iframe.js"></script>
<link href="https://fonts.googleapis.com/css?family=Abel|Indie+Flower|Noto+Serif|Roboto&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width">
</head>
<body>
<div class="nav-bar" style="position: sticky; top: 0px;">
<a href="http://northbynorthwestern.com/" target="new"><img class="logo" src="http://media.northbynorthwestern.com.s3.amazonaws.com/uploads/2019/03/10/nbn.png"></a>
<a class="nav_button" href="#Hangover">Hangover</a>
<a class="nav_button" href="#Features">Features</a>
<a class="nav_button" href="#Dancefloor">Dance Floor</a>
<a class="nav_button" href="#Pregame">Pregame</a>
</div>
<div>
<a class="article-link" target="_blank" href="http://northbynorthwestern.com/a-nu-rhythm/"><img class="featured-story" src="photos/featured-story.png"></a>
</div>
<div id="Pregame" style="padding-top: 4em;">
<h1 class="section-head">Pregame</h1>
<h3 class="section-subhead"><em>A damNBN good way to start the party.</em></h2>
<div class="pregame">
<div id="pr-pets" class="section-featured">
<!-- <p>Unconventional Roommates</p> -->
<a class="article-link" target="_blank" href="http://northbynorthwestern.com/the-secret-life-of-college-pets/"><span class="container-link"></span></a>
<h4>The secret life of college pets</h3>
<h6>Meet the roommates barking next door.</h5>
<p>Jude Cramer and Carly Menker</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/jude/" target="new">Jude Cramer</a> and <a href="http://www.northbynorthwestern.com/author/carly/">Carly Menker</a></p> -->
</div>
<div id="pr-lone-major" class="story">
<!-- <p>Uncommon Majors</p> -->
<a class="article-link" href="http://northbynorthwestern.com/uncommon-majors/"target="new"><span class="container-link"></span></a>
<h4>The lone major</h3>
<h6>Forty majors they don’t mention on the tour.</h6>
<p>Rachel Schonberger</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/rachel-schonberger/" target="new">Rachel Schonberger</a></p> -->
</div>
<div id="pr-archives" class="story">
<!-- <p>Inside the Archives</p> -->
<a class="article-link" href="http://northbynorthwestern.com/inside-the-archives/"target="new"><span class="container-link"></span></a>
<h4>Inside the archives</h3>
<h6>Northwestern’s storied past and the archivists who preserve it.</h5>
<p>Isaac Sultan</p>
<!-- <p><a href="" target="new">Isaac Sultan</a></p> -->
</div>
<div id="pr-drunchies" class="story">
<!-- <p>What's Still Open? </p> -->
<a class="article-link" href="http://northbynorthwestern.com/drunchie-destinations/"target="new"><span class="container-link"></span></a>
<h4>Drunchie destinations</h3>
<h6>We reviewed Evanston’s few and far between late-night dining options.</h5>
<p>Tabor Brewster</p>
<!-- <p><a href="" target="new">Tabor Brewster</a></p> -->
</div>
<div id="pr-life-advice" class="story">
<a class="article-link" href="http://northbynorthwestern.com/mckenzies-declassified-college-survival-guide/"target="new"><span class="container-link"></span></a>
<!-- <p>Life Advice with Josh McKenzie</p> -->
<h4>McKenzie's declassified college survival guide</h3>
<h6>Eat, pray, dub dub love.</h5>
<p>Susanna Kemp</p>
<!-- <p><a href="" target="new">Susanna Kemp</a></p> -->
</div>
<div id="pr-big-10" class="story">
<a class="article-link" href="http://northbynorthwestern.com/odd-1-0ut/"target="new"><span class="container-link"></span></a>
<!-- <p>B1G Cats</p> -->
<!-- <a class="article-link" href=""target="new"><span class="container-link"></span></a> -->
<h4>Odd [1]0ut</h3>
<h6>Why is Northwestern still Chicago’s Big 10 team?</h5>
<p>Tara Wu</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/tara/" target="new">Tara Wu</a></p> -->
</div>
<div id="pr-women" class="story">
<a class="article-link" href="http://northbynorthwestern.com/150-years-women-nu/"target="new"><span class="container-link"></span></a>
<!-- <p>150 years women NU</p> -->
<h4>Girls went to college and got more knowledge</h3>
<h6>Celebrating 150 years of women at Northwestern.</h5>
<p>Samantha Aguilar</p>
<!-- <p><a href="" target="new">Samantha Aguilar</a></p> -->
</div>
</div>
</div>
<div id="Dancefloor" style="padding-top: 4em;">
<h1 class="section-head">Dance Floor</h1>
<h3 class="section-subhead"><em>Time to mix and mingle.</em></h2>
<div class="dancefloor">
<div id="df-hk" class="dancefloor-featured">
<a class="article-link" href="http://northbynorthwestern.com/revolution-hits-home/"target="new"><span class="container-link"></span></a>
<!-- <p>Hong Kong</p> -->
<h4>Revolution hits home</h4>
<h6>Students from Hong Kong reflect on ongoing protests.</h5>
<p>Sophia Lo</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/sophia/" target="new">Sophia Lo</a></p> -->
</div>
<div id="df-twins" class="dancefloor-featured">
<a class="article-link" href="http://northbynorthwestern.com/and-in-their-dna/"target="new"><span class="container-link"></span></a>
<!-- <p>Twins</p> -->
<h4>AND in their DNA</h4>
<h6>The college process gets twice as complicated.</h5>
<p>Elise Hannum</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/elisehannum/" target="new">Elise Hannum</a></p> -->
</div>
<div id="df-sheridan" class="story">
<a class="article-link" href="http://northbynorthwestern.com/soundtrack-to-sheridan/"target="new"><span class="container-link"></span></a>
<!-- <p>Soundtrack to Sheridan</p> -->
<h4>Soundtrack to Sheridan</h3>
<h6>Tunes for the trek from Lincoln to the Arch.</h5>
<p>Ethan Shanfeld</p>
<!-- <p><a href="" target="new">Ethan Shanfeld</a></p> -->
</div>
<div id="df-rtvf" class="story">
<a class="article-link" href="http://northbynorthwestern.com/quiet-on-set/"target="new"><span class="container-link"></span></a>
<!-- <p>RTVF</p> -->
<h4>Quiet on set </h3>
<h6>Small class sizes limit RTVF students' ability to create films.</h5>
<p>Hannah Feuer</p>
<!-- <p><a class="author-name" href="" target="new">Hannah Feuer</a></p> -->
</div>
<div id="df-clubs" class="story">
<a class="article-link" href="http://northbynorthwestern.com/we-regret-to-inform-you/"target="new"><span class="container-link"></span></a>
<!-- <p>Regret to Inform</p> -->
<h4>We regret to inform you </h3>
<h6>When a club’s acceptance rate is lower than Northwestern’s.</h5>
<p>Cadence Quaranta</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/cadence/" target="new">Cadence Quaranta</a></p> -->
</div>
<div id="df-re" class="story">
<a class="article-link" href="http://northbynorthwestern.com/re-epiphanies/"target="new"><span class="container-link"></span></a>
<!-- <p>RE: Epiphany</p> -->
<h4>RE: Epiphany</h3>
<h6>Northwestern students told us about their ‘aha’ moments — in 150 words or less.</h5>
<p>Marcelo Quesada, Evelyn Long and Jackson Miller</p>
<!-- <p><a href="" target="new">Marcelo Quesada, Evelyn Long, Jackson Miller</a></p> -->
</div>
<div id="df-old" class="story">
<a class="article-link" href="http://northbynorthwestern.com/old-school/"target="new"><span class="container-link"></span></a>
<!-- <p>Old School</p> -->
<h4>Old school</h3>
<h6>How Northwestern’s oldest undergraduates navigate college.</h5>
<p>Madison Smith</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/madison/" target="new">Madison Smith</a></p> -->
</div>
<div id="df-prof-pol" class="story">
<a class="article-link" href="http://northbynorthwestern.com/professor-politics/"target="new"><span class="container-link"></span></a>
<!-- <p>Condemned</p> -->
<h4>Professor politics</h3>
<h6>Leadership’s attempts to distinguish faculty views from the University’s.</h5>
<p>Julia Richardson</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/julia/" target="new">Julia Richardson</a></p> -->
</div>
</div>
</div>
<div id="Features" style="padding-top: 4em;">
<h1 class="section-head">Features</h1>
<div class="features">
<div id="ft-saferide" class="feature">
<a class="article-link" href="http://northbynorthwestern.com/hitting-the-brakes/"target="new"><span class="container-link"></span></a>
<!-- <p>Safe ride</p> -->
<h4>Hitting the brakes</h3>
<h6>When Northwestern outsourced Safe Ride, the school left behind the people who relied on it most. </h5>
<p>Michael Korsh</p>
<!-- <p><a href="http://northbynorthwestern.com/author/michael/" target="new">Michael Korshr</a></p> -->
</div>
<div id="ft-food" class="feature">
<a class="article-link" href="http://northbynorthwestern.com/after-the-meal-plan/"target="new"><span class="container-link"></span></a>
<!-- <p>Going hungry</p> -->
<h4>After the meal plan</h3>
<h6>Despite Northwestern’s prestige and price tag, some students still struggle with food insecurity.</h5>
<p>Wyatte Grantham-Phillips</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/jude/" target="new">Wyatte Grantham-Phillips</a></p> -->
</div>
<div id="ft-visas" class="feature">
<a class="article-link" href="http://northbynorthwestern.com/the-panic-to-stay/"target="new"><span class="container-link"></span></a>
<!-- <p>Visas</p> -->
<h4>The panic to stay</h3>
<h6>The uncertainty of getting (and keeping) a student visa in the age of Trump.</h5>
<p>Amy Ouyang</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/amy/" target="new">Amy Ouyang</a></p> -->
</div>
<div id="ft-resources" class="feature">
<a class="article-link" href="http://northbynorthwestern.com/redirected/"target="new"><span class="container-link"></span></a>
<!-- <p>Redirected</p> -->
<h4>Redirected</h3>
<h6>Buried under red tape, students struggle to utilize on-campus resources.</h5>
<p>Kalen Luciano</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/kalen/" target="new">Kalen Luciano</a></p> -->
</div>
</div>
</div>
<div id="Hangover" style="padding-top: 4em;">
<h1 class="section-head">Hangover</h1>
<h3 class="section-subhead"><em>'Til the bitter end.</em></h2>
<div class="hangover">
<div id="hg-edibles" class="section-featured">
<a class="article-link" href="http://northbynorthwestern.com/chez-cannabis/"target="new"><span class="container-link"></span></a>
<!-- <p>Edibles</p> -->
<h4>Chez cannabis</h3>
<h6>The haute cuisine that'll get you high.</h5>
<p>Eddie Bull</p>
</div>
<div id="hg-dates" class="hg-story">
<a class="article-link" href="http://northbynorthwestern.com/the-5-people-you-bisexuals-date-at-nu/"target="new"><span class="container-link"></span></a>
<!-- <p>5 dates</p> -->
<h4>The 5 people you (bisexuals) date at NU</h3>
<!-- <h6>Meet the roommates barking next door.</h5> -->
<p>NBN staff</p>
</div>
<div id="hg-plants" class="hg-story">
<a class="article-link" href="http://northbynorthwestern.com/what-kind-of-plant-parent-are-you/"target="new"><span class="container-link"></span></a>
<!-- <p>Plant Quiz</p> -->
<h4>What kind of plant parent are you??</h3>
<h6>Find your newest foliate friend!</h5>
<p>Maia Spoto</p>
<!-- <p><a href="http://northbynorthwestern.com/author/maia-spoto/" target="new">Maia Spoto</a></p> -->
</div>
<div id="hg-cry" class="hg-story">
<a class="article-link" href="http://northbynorthwestern.com/nu-tears-left-to-cry/"target="new"><span class="container-link"></span></a>
<!-- <p>Best/worst places to cry</p> -->
<h4>NU tears left to cry</h3>
<h6>The best and worst places to weep on campus.</h5>
<p>Maya Mojica</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/maya/" target="new">Maya Mojica</a></p> -->
</div>
<div id="hg-square-up" class="hg-story">
<a class="article-link" href="http://northbynorthwestern.com/square-up/"target="new"><span class="container-link"></span></a>
<!-- <p>Square Up</p> -->
<h4>Square up</h3>
<h6>Slept through fall quarter? Here's what you missed.</h5>
<p>NBN Staff</p>
<!-- <p><a href="http://www.northbynorthwestern.com/author/jude/" target="new">Jude Cramer</a></p> -->
</div>
</div>
</div>
</body>
<footer>
<p style="color: white; padding-top: 1em; text-align: center;">Site developed and produced by David Deloso and Audrey Valbuena.</p>
</footer>
</html>