-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
475 lines (441 loc) · 24.2 KB
/
gallery.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
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
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
<!doctype html>
<!--RU Mew GALLERY-->
<html>
<head>
<meta charset="utf-8">
<title>gallery</title>
<script src="https://kit.fontawesome.com/92a3acb202.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="images/SVG/site-logo.svg">
</head>
<body>
<header class="site-header">
<nav class="site-nav flex">
<a href="./"><h2>RU MEW</h2></a>
<a href="./">home</a>
<div class="dropdown">
<span><a href="./reviews">mew reviews</a></span>
<div class="dropdown-content">
<a href="./rev1">first review</a>
<a href="./rev2">latest review</a>
<a href="./reviews#micros">mirco-reviews</a>
</div>
</div><!--end of 'reviews'-->
<div class="dropdown">
<span><a href="./gallery">photography</a></span>
<div class="dropdown-content">
<a href="./gallery">gallery</a>
<a href="./essay">visual essay</a>
</div>
</div><!--end of 'photos'-->
<div class="dropdown">
<span><a href="./about">about us</a></span>
<div class="dropdown-content">
<div class="nested-dropdown">
<span><a href="#what">what is ru mew?</a></span>
<div class="nested-dropdown-content">
<a href="#history">history</a>
<a href="#why">why ru mew?</a>
</div>
</div><!--end of 'what' dropdown-->
<div class="nested-dropdown">
<span><a href="#team">meet our team</a></span>
<div class="nested-dropdown-content">
<a href="#mew">mew</a>
<a href="#oshawott">oshawott</a>
<a href="#jirachi">jirachi</a>
<a href="#snorlax">snorlax</a>
</div>
</div><!--end of 'our team' dropdown-->
<div class="nested-dropdown">
<span><a href="#collabs">collabs</a></span>
<div class="nested-dropdown-content">
<a href="#steve">sheriff steve</a>
<a href="#connie">connie the cat</a>
</div>
</div><!--end of 'collabs' dropdown-->
</div>
</div><!--end of 'about'-->
<div class="dropdown">
<span><a href="./extra">more mew</a></span>
<div class="dropdown-content">
<a href="./extra">mewvie</a>
<a href="./map">map</a>
<a href="./essay">visual essay</a>
</div>
</div><!--end of 'extra' dropdown-->
</nav><!--site-nav ends-->
</header><!--end of header-->
<div class="wrapper">
<main>
<section class="lead spacing">
<h1 class = "primary-statement">mew reviews of RU</h1>
<p class="secondary">delve into the <em>mew</em>-niverse</p>
<div class="lead-display">
<p></p>
</div><!--end of lead-display-->
</section>
<section class="ru-title">
<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
<h1 class="main-header" id="gal">photo gallery</h1>
</section><!--end of ru-title-->
<nav class="page-nav">
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
<a href="#passpud">passion puddle</a>
<a href="#data">data table</a>
<a href="#vis">visual essay</a>
</nav><!--end of page nav-->
<section class="showcase">
<div><!--gallery-->
<section> <!--khyber-->
<h2 id="khyber" class="gallery-title">inside of khyber coffee & tea</h2>
<p>
Khyber Coffee & Tea is a cozy cafe located in downtown New Brunswick. I took these photos when visiting. The first two photos are of a small pot of hot chai, served with two petite glass cups. Interestingly, the kettle is placed on a metal circle that holds a candle underneath it, to maintain heat. For more details on Khyber, you can read my review of it <a href="./rev2">here</a>.
</p>
<div class="flex-gallery">
<figure>
<img src="images/tea2.jpg" alt="bird's eye view of a tea pot with two cups of chair and a small vase of flowers" width="200px" />
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/tea1.jpg" alt="tea pot with two cups of chair and a small vase of flowers" width="200px"/>
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/khyber.jpg" alt="inside of khyber coffee and tea" width="200px"/>
<figcaption>inside of khyber</figcaption>
</figure><!--figure ends-->
</div><!--end of khyber-->
</section> <!--end of khyber-->
<section><!--harvest-->
<h2 id="harvest" class="gallery-title">phone eats first at harvest cafe</h2>
<p>
<a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a> is a cafeteria located on Douglass Campus in the <a href="https://maps.rutgers.edu/#/?click=true&selected=6432" target="_blank">Institute for Food Nutrition and Health</a>. The food here is made fresh and right in front of you! The chefs exhibit their culinary talents here on a daily basis. Harvest offers a wide variety of delicious food from a frequently changing menu, ranging from noodle soups to freshly made smoothies. There are also prepackaged fresh sandwiches that you can take home to enjoy later. One meal swipe can get you an entrée with a side and a drink, or a smoothie with a side. Not only is the food from Harvest Cafe incredibly delicious, it is also quite aesthetically pleasing! The first image is from my first time at Harvest Cafe. I got <a href="https://www.cookwithmanali.com/palak-paneer/" target="_blank">palak paneer</a> as my entrée, with a chocolate cookie as my side and iced coffee to drink. My second meal at Harvest was lentils and rice, with an oatmeal raisin cookie and passion fruit iced tea. During my second visit, I also got the purple sky smoothie, which contains lots of berries and antioxidants.
</p>
<div class="flex-gallery">
<figure>
<img src="images/harvest1.jpg" alt="bowl of palak paneer" width="200px"/>
<figcaption>harvest cafe meal</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/harvest2.jpg" alt="bowl of lentils and chicken" width="200px"/>
<figcaption>harvest cafe meal</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-smoothie.jpg" alt="mew next to purple smoothie" width="200px"/>
<figcaption>harvest cafe smoothie</figcaption>
</figure><!--figure ends-->
</div><!--end of harvest-->
</section><!--end of harvest-->
<nav class="page-nav">
<a href="#">back to top</a>
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
<a href="#passpud">passion puddle</a>
<a href="#data">data table</a>
<a href="#vis">visual essay</a>
</nav><!--end of page nav-->
<section><!--exploring other campuses-->
<h2 id="campuses" class="gallery-title">exploring different campuses</h2>
<p>
I love exploring the different campuses at Rutgers! Each campus has a very distinguishable vibe and offers unique experiences. Click <a href="./map">here</a> for interactive map of different locations on and off campus! the My personal favorite campus is the <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">College Ave</a> campus, mostly because there are so many parties and good places to eat there! Below, the first image is from my <a href="./rev1">review</a> of the <a href="https://it.rutgers.edu/new-brunswick/new-brunswick-computer-labs/college-ave-computer-center-lab/" target="_blank">Academic Building East Computer Lab</a>. The second image is of a sticker that I discovered while walking around on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">Cook-Douglass</a> after eating at <a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a>. The third one was taken on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">Busch Campus</a>, at the <a href="https://prcc.rutgers.edu/" target="_blank">Paul Robe Cultural Center</a>, after a book club meeting with <em>Radical Reads</em>. Click <a href="./map">here</a> to check out more cool spots on different campuses!
</p>
<div class="flex-gallery">
<figure>
<img src="images/comp-mew.jpg" alt="mew on top of a laptop" width="200px"/>
<figcaption>mew at the <a href="./rev1">academic building east computer lab</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/bug-sticker.jpg" alt="sticker with animals and plants" width="200px"/>
<figcaption>animal sticker found on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">cook-douglass</a> campus</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-radreads.jpeg" alt="radical readings book club group photo with mew at the bottom right" width="200px"/>
<figcaption>mew with radical reads book club at the <a href="https://prcc.rutgers.edu/" target="_blank">PRCC</a></figcaption>
</figure><!--figure ends-->
</div><!--end of small photos-->
<p>
These next four pictures were taken by me, Mew, spontaneously. The first picture below was taken near the <a href="https://www.campusreel.org/colleges/rutgers-university-new-brunswick/places/allison-road-classroom-building" target="_blank">Allison Road Classroom</a> building on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">Busch Campus</a>. As I was crossing the street, noticed the Hello Kitty sticker and snapped a quick picture of it. The second one was taken at the <a href="https://aacc.rutgers.edu/node/38" target="_blank">Asian American Cultural Center</a> on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/livingston-campus" target="_blank">Livingston Campus</a>. The movie in the background is <a href="https://www.netflix.com/title/81350338" target="_blank"><em>Badhaai Do</em></a>, a <a href="https://www.netflix.com/" target="_blank">Netflix</a> Original Bollywood rom-com. The third picture was taken in the basement of <a href="https://www.instagram.com/demaresthallevents/" target="_blank">Demarest Hall</a>. In the basement, there is a room covered in random art and these were some of my favorite pieces, which happened to be right next to each other. The last picture was taken at the intersection of Bartlett Street and <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">College Ave</a>. I thought it was interesting that the sign says “Melty Heart Ahead.”
</p>
<div class="flex-gallery" id="exploring">
<figure>
<img src="images/hellokitty-busch.jpg" alt="hello kitty with a palestinian flag sticker on a yellow pole" />
<figcaption>hello kitty sticker on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">busch campus</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-aacc.jpg" alt="mew plushie on a table at the aacc" />
<figcaption>mew at the <a href="https://aacc.rutgers.edu/" target="_blank">AACC</a> on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/livingston-campus" target="_blank">livingston campus</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/demarest.jpg" alt="graffiti of white rabbbit and snoopy in a yellow puffer jacket" />
<figcaption>in the <a href="https://www.instagram.com/demaresthallevents/" target="_blank">demarest hall</a> basement</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/bartlet-st.jpg" alt="yellow street sign that says melty heart ahead" />
<figcaption>bartlett st & <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">college ave</a> intersection</figcaption>
</figure><!--figure ends-->
</div><!--end of "exploring"-->
</section><!--end of exploring-->
</div><!--ends of gallery-->
<section><!--mew tree-->
<p>
Oshawott captured this awesome picture of me resting in the nook of a tree at one of my favorite spots to hang out on campus: <a href="https://grid.rutgers.edu/voorhees-mall-xr-campus-tour" target="_blank">Voorhees Mall</a>. The large grassy area with climbable trees is the perfect spot to hang out with friends when the weather is slightly warmer than usual!
</p>
<figure class="center">
<img src="images/mew-tree.jpeg" alt="mew resting on a tree branch" id="mew-tree"/>
<figcaption id="mew-tree">mew resting on a tree in <a href="https://grid.rutgers.edu/voorhees-mall-xr-campus-tour" target="_blank">voorhees mall</a></figcaption>
</figure><!--figure ends-->
</section><!--end of mew tree-->
<nav class="page-nav">
<a href="#">back to top</a>
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
<a href="#passpud">passion puddle</a>
<a href="#data">data table</a>
<a href="#vis">visual essay</a>
</nav><!--end of page nav-->
<section><!--passion puddle-->
<h2 id="passpud">photos from passion puddle</h2>
<p>
<a href="https://www.rutgers.edu/news/rutgers-passion-puddle-among-americas-most-romantic-college-spots" target="_blank">Passion Puddle</a> is a quaint pond right by the Red Oak Lane bus stop on the <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">Cook-Douglass</a> Campus. It is a scenic spot to enjoy nice weather and observe wild life. <a href="https://www.collegeranker.com/most-romantic-college-traditions/" target="_blank">College Ranker</a> ranked Passion Puddle at sixth place out of the top 25 most romantic spots on an American college campus. Legend has it that if you if you walk around the pond three times while holding hands with someone, you will fall in love with someone. The legend originated with specifically a man from <a href="https://catalogs.rutgers.edu/generated/nb-ug_0507/pg21608.html" target="_blank">Cook College</a> and a woman from <a href="https://douglass.rutgers.edu/news/100-years-douglass-college" target="_blank">Douglas College</a> in mind, and alleged that they would get married and live happily ever after.
</p>
<p>
Interestingly, Douglass College first started out as the New Jersey College Women in 1918 with 54 students and 12 books in its library. In 2007, it was renamed as <a href="https://douglass.rutgers.edu/" target="_blank">Douglass <em>Residential</em> College</a>. Additionally, Cook College was renamed as the <a href="https://sebs.rutgers.edu/" target="_blank">School of Environmental and Biological Sciences (SEBS)</a>. Thus throughout the years, the narrative on the romance of Passion Puddle has shifted to include couples at Rutgers that are not just a man from the obsolete Cook College and a woman from Douglass College.
</p>
<div class="flex-gallery"><!--passion puddle photos-->
<figure>
<img src="images/passpud.jpeg" alt="passion puddle" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/right-half.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/fountain.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/pink-tree-pp.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/pink-shore2.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/vtree.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/watermoss.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/chairs.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/turtle.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
<figure>
<img src="images/passpud-gallery/tall-tree.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure><figure>
<img src="images/passpud-gallery/sign1.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure><figure>
<img src="images/passpud-gallery/sign2.jpeg" alt="picture" width="200px"/>
<figcaption></figcaption>
</figure>
</div>
<figure class="center">
<img src="images/passpud-gallery/turtle1.jpeg" alt="turtle on a log in the middle of a pond" id="turtle"/>
<figcaption id="turtle"></figcaption>
</figure><!--figure ends-->
</section><!--end of passion puddle-->
<nav class="page-nav">
<a href="#">back to top</a>
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
<a href="#passpud">passion puddle</a>
<a href="#data">data table</a>
<a href="#vis">visual essay</a>
</nav><!--end of page nav-->
</section><!--showcase ends-->
<!-- different stars
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
<i class="fa-regular fa-star"></i>
-->
<section id="data">
<h2>data table</h2>
<p>
The following table summarizes my overall rating of each section, and my favorite photo from each one.
</p>
<table>
<tr><!--headers-->
<th>section</th>
<th>favorite</th>
<th>rating</th>
</tr>
<tr><!--khyber-->
<td>
<a href="#khyber">khyber coffee & tea</a>
</td>
<td>
third image, inside of cafe
</td>
<td class="center">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</td>
</tr>
<tr><!--harvest-->
<td>
<a href="#harvest">harvest cafe</a>
</td>
<td>
me and the smoothie
</td>
<td class="center">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</td>
</tr>
<tr><!--exploring-->
<td>
<a href="#campuses">different campuses</a>
</td>
<td>
snoopy & bunny art
</td>
<td class="center">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-regular fa-star"></i>
</td>
</tr>
<tr><!--passion puddle-->
<td>
<a href="#passpud">passion puddle</a>
</td>
<td>
turtle on a log in the water
</td>
<td class="center">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</td>
</tr>
</table>
</section>
<section> <!--visual essay-->
<h2 id="vis">visual essay preview...</h2>
<p>
The visual essay showcases the beauty of the nature the sprouts up through out the somewhat <a href="https://www.niche.com/places-to-live/new-brunswick-middlesex-nj/" target="_blank">urban</a> environment of <a href="https://newbrunswick.rutgers.edu/" target="_blank">Rutgers-New Brunswick</a>. Most of these trees are surrounded by large buildings, where other trees and plants once stood. The placement of these trees is planned and particular. Yet despite the oddly ironic unnatural circumstances of the trees on campus, the presence of them provides a refreshing reminder of nature.
</p>
<div class="flex-pola center">
<div class="polaroid rotate_right">
<img src="images/mew-tree.jpeg" alt="mew in a tree">
<p class="pola-cap">
mew in a tree at voorhees mall
</p>
</div><!--end of polaroid 1-->
<div class="polaroid rotate_left">
<img src="images/trees/voorhees-trees-1.jpg" alt="pink trees in voorhees mall" >
<p class="pola-cap">
pink trees at voorhees
</p>
</div><!--end of polaroid 2-->
<div class="polaroid rotate_left">
<img src="images/trees/climbing-tree.jpg" alt="two friends climbing a tree">
<p class="pola-cap">
climbing heart shaped trees at voorhees mall
</p>
</div><!--end of polaroid 3-->
<div class="polaroid rotate_right">
<img src="images/trees/casc-tree.png" alt="pink trees in voorhees mall" >
<p class="pola-cap">
pink tree by college ave student center
</p>
</div><!--end of polaroid 4-->
<div class="polaroid rotate_right">
<img src="images/trees/snow-tree.jpg" alt="image of snow covered trees" >
<p class="pola-cap">
snowy trees on busch campus
</p>
</div><!--end of polaroid 5-->
<div class="polaroid rotate_left">
<img src="images/trees/abwest-tree.jpg" alt="image of pink tree" >
<p class="pola-cap">
pink tree by academic building west
</p>
</div><!--end of polaroid 6-->
<div class="polaroid rotate_left">
<img src="images/trees/cd-tree3.jpg" alt="image of a bunch of trees" >
<p class="pola-cap">
trees on cook douglass
</p>
</div><!--end of polaroid 7-->
<div class="polaroid rotate_right">
<img src="images/trees/cd-tree1.jpg" alt="image of a tree" >
<p class="pola-cap">
tree on cook douglass
</p>
</div><!--end of polaroid 8-->
</div><!--end of polaroid grid-->
</section><!--visual essay ends-->
<nav class="page-nav">
<a href="#">back to top</a>
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
<a href="#passpud">passion puddle</a>
<a href="#data">data table</a>
<a href="#vis">visual essay</a>
</nav><!--end of page nav-->
<section><!--oshawott-->
<h2>Our Photographer—Oshawott</h2>
<figure class="alignleft">
<img src="images/oshawott.jpg" alt="oshawott" height="195px" class="rcorners"/>
<figcaption></figcaption>
</figure>
<p>
As our team's talented photographer, Oshawott has a keen eye for capturing stunning visuals that play a crucial role in bringing our project to life. Each image he takes carries a piece of our story, and his talent ensures that they are communicated effectively to our audience. His work is not just about clicking the shutter at the right moment. It's about understanding the story we want to tell and finding the perfect way to visually convey it.
</p>
</section><!--oshawott about ends-->
<nav class="page-nav">
<a href="#">back to top</a>
<a href="./essay">full visual essay</a>
</nav><!--end of page nav-->
</main><!--main ends-->
</div><!--wrapper ends-->
<footer>
<p>© 2024 <a href="https://m8rzz7.github.io/" target="_blank">Marz Pino</a>. All rights reserved.
<br><br>
This site is <em>NOT</em> officially affiliated with Rutgers University-New Brunswick or Pokémon™, and does not profit off of the likeness of these entities.
<br><br>
01:355:435 Final Project, Spring 2024
</p>
</footer>
</body>
</html>