-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathpics.html
More file actions
431 lines (391 loc) · 29.4 KB
/
Copy pathpics.html
File metadata and controls
431 lines (391 loc) · 29.4 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
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
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<head>
<title>Nicki & Tyler</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="https://fonts.googleapis.com/css?family=Bungee|Bungee+Shade|Cormorant:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-reboot.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158550057-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158550057-1');
</script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light container">
<a class="navbar-brand" href="/"><img src="assets/images/roachbro-2.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/wedding">Wedding Details</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/lets-dance">Let's dance</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/monomyth">Heroes' Journey</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/pics">Cute pics</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/registry">Registry</a>
</li>
</ul>
</div>
</nav>
<section class="container scrapbook">
<div class="row">
<div class="col-md-12">
<h1>Cute pictures</h1>
<p> We heard that people like to look at cute pictures on wedding websites, so here are a few of our best hits.</p>
<div id="imagegrid" class="grid mb-5" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": ".grid-sizer", "percentPosition": "true" }'>
<div class="grid-sizer"></div>
<div class="grid-item" data-toggle="modal" data-target="#polaroid"><img class="img-fluid" src="assets/images/cute_pics/2012_polaroid.jpg" alt="A polaroid picture of Nicki kissing Tyler's cheek. They are making a heart shape with their hands."></div>
<div class="grid-item" data-toggle="modal" data-target="#cake"><img class="img-fluid" src="assets/images/cute_pics/2012_cake.jpg" alt="Nicki and Tyler in their friend's dorm room. Tyler has his arm around Nicki and Nicki is holding a chocolate cake with white frosting that is covered in raspberries."></div>
<div class="grid-item" data-toggle="modal" data-target="#roachbro"><img class="img-fluid" src="assets/images/cute_pics/roachbro.jpg" alt="A close-up picture of Nicki's hand holding Roachbro, our Madagascar Hissing Cockroach. He is a beautiful creature with orange and black stripes."></div>
<div class="grid-item" data-toggle="modal" data-target="#angela-wedding"><img class="img-fluid" src="assets/images/cute_pics/2013_angela-wedding.jpg" alt="A picture of Nicki, Tyler, and one of our close friends Joe. Nicki is wearing a green flower-print dress and Tyler has a blue shirt with an arguably-ugly green & red floral print tie."></div>
<div class="grid-item" data-toggle="modal" data-target="#halloween-1"><img class="img-fluid" src="assets/images/cute_pics/2013_halloween.jpg" alt="Nicki and Tyler dressed up for Halloween as a mudkip and Professor Oak respectively."></div>
<div class="grid-item" data-toggle="modal" data-target="#scav-1"><img class="img-fluid" src="assets/images/cute_pics/2013_scav.jpg" alt="A black and white photograph taken in our dorm's house lounge. The foreground of the image which contains a number of smiling people looking into the camera is out of focus. Nicki and Tyler are the only elements of the photograph in focus, in the background. Nicki is distracted, looking at something to the right of the frame. Tyler is holding Nicki's head and is looking at her lovingly."></div>
<div class="grid-item" data-toggle="modal" data-target="#duckface"><img class="img-fluid" src="assets/images/cute_pics/2014_duck.jpg" alt="Nicki and Tyler making duckfaces at each other while sitting on a couch in Nicki's old apartment."></div>
<div class="grid-item"data-toggle="modal" data-target="#graduation" ><img class="img-fluid" src="assets/images/cute_pics/2014_graduation.jpg" alt="Nicki and Tyler sitting at Botany Pond on UChicago's campus. Nicki is in grey graduation robes."></div>
<div class="grid-item" data-toggle="modal" data-target="#met"><img class="img-fluid" src="assets/images/cute_pics/2014_met.jpg" alt="Nicki, Tyler, and our close friend Ron take a selfie on the steps of the Met."></div>
<div class="grid-item" data-toggle="modal" data-target="#birthday"><img class="img-fluid" src="assets/images/cute_pics/2015_birthday.jpg" alt="Nicki and Tyler holding each other while Nicki threatens to lick Tyler's face. We are standing in front of a cake that says 'Happy Birthday Nicki'"></div>
<div class="grid-item" data-toggle="modal" data-target="#gang-1"><img class="img-fluid" src="assets/images/cute_pics/2015_gang.jpg" alt="A picture of us and our close friends. Nicki is holding Wiggy, our stuffed pig."></div>
<div class="grid-item" data-toggle="modal" data-target="#halloween-2"><img class="img-fluid" src="assets/images/cute_pics/2015_halloween.jpg" alt="Nicki and Tyler dressed up as Pizza Rat. Nicki has on a faux-fur coat and a handmade plaster rat mask; Tyler has on a giant pizza hat."></div>
<div class="grid-item" data-toggle="modal" data-target="#roachbro-2"><img class="img-fluid" src="assets/images/cute_pics/2015_roachbro.jpg" alt="A family portrait of us, with Nicki holding Roachbro in her hand."></div>
<div class="grid-item" data-toggle="modal" data-target="#scav-2"><img class="img-fluid" src="assets/images/cute_pics/2015_scav.jpg" alt="A picture of us performing a puppet show at Judgement for Scav. Nicki is directing a Big Bird puppet that is inside a fried chicken paper bag; Tyler has a generic blue muppet wearing a plaid suit."></div>
<div class="grid-item" data-toggle="modal" data-target="#seattle-2"><img class="img-fluid" src="assets/images/cute_pics/2015_seattle_yi.jpg" alt="A selfie of Nicki, Tyler, and Nicki's high school best friend Yi in Seattle"></div>
<div class="grid-item" data-toggle="modal" data-target="#seattle"><img class="img-fluid" src="assets/images/cute_pics/2015_seattle_troll.jpg" alt="Nicki and Tyler standing in front of an enormous, 50-foot-tall carved stone troll in Seattle."></div>
<div class="grid-item" data-toggle="modal" data-target="#lolla"><img class="img-fluid" src="assets/images/cute_pics/2016_lolla.jpg" alt="A selfie of Nicki and Tyler in a huge crowd at a music festival. Our friends Shank and Nik are visible in the background."></div>
<div class="grid-item" data-toggle="modal" data-target="#wiggy"><img class="img-fluid" src="assets/images/cute_pics/2019_wiggy.jpg" alt="A photo of our stuffed pig Wiggy looking slighly disgruntled on a hotel bed."></div>
<div class="grid-item" data-toggle="modal" data-target="#MCA"><img class="img-fluid" src="assets/images/cute_pics/2016_MCA.jpg" alt="A photo of Nicki and Tyler at the Museum of Contemporary Art in Chicago. We each are holding an inflatable shark and are looking slightly aggresively at each other"></div>
<div class="grid-item" data-toggle="modal" data-target="#berlin"><img class="img-fluid" src="assets/images/cute_pics/2017_berlin.jpg" alt="A selfie taken at the Tiergarten in Berlin. Nicki's head is resting happily on Tyler's shoulder."></div>
<div class="grid-item" data-toggle="modal" data-target="#chicago_diner"><img class="img-fluid" src="assets/images/cute_pics/2018_chicago-diner.jpg" alt="Nicki and Tyler at the Chicago Diner. Nicki's eyes are slightly crossed while she sips from the straw of a strawberry milkshake."></div>
<div class="grid-item" data-toggle="modal" data-target="#halloween-3"><img class="img-fluid" src="assets/images/cute_pics/2018_halloween.jpg" alt="Nicki and Tyler in the Yale Sculpture building dressed up for Halloween. Nicki is wearing an elaborate clown costume of the Bowie character from the Ashes to Ashes music video. Tyler is in a fuzzie astronaught pajama onsie as Major Tom"></div>
<div class="grid-item" data-toggle="modal" data-target="#power_station"><img class="img-fluid" src="assets/images/cute_pics/2018_power-station.jpg" alt="Nicki and Tyler in front of a giant rainbow backdrop at the Power Station Art Center in Shanghai"></div>
<div class="grid-item" data-toggle="modal" data-target="#lakefront"><img class="img-fluid" src="assets/images/cute_pics/2019_chicago.jpg" class="A selfie of us looking handsome with a beautiful blue sky on the lakefront of Chicago."></div>
<div class="grid-item" data-toggle="modal" data-target="#gang-2"><img class="img-fluid" src="assets/images/cute_pics/2019_friends.jpg" alt="A selfie with us and our close friends at the Fulton station in NYC."></div>
<div class="grid-item" data-toggle="modal" data-target="#engaged"><img class="img-fluid" src="assets/images/cute_pics/2019_elooped-2.jpg" alt="Nicki and Tyler on UChicago campus. Nicki has her head resting on Tyler's shoulder and both of us are smiling brightly."></div>
</div>
<div class="modal fade" id="polaroid" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2012_polaroid.jpg"
alt="A polaroid picture of Nicki kissing Tyler's cheek. They are making a heart shape with their hands. ">
<p class="mt-3 mb-1 text-center"> <span class="font-weight-bold">May 2012:</span> full of young love on the Quad</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="cake" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2012_cake.jpg"
alt="Nicki and Tyler in their friend's dorm room. Tyler has his arm around Nicki and Nicki is holding a chocolate cake with white frosting that is covered in raspberries.">
<p class=" mt-3 mb-1 text-center"><span class="font-weight-bold">June 2012:</span> holding a 10,000 calorie monstrosity</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="roachbro" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/roachbro.jpg"
alt="A close-up picture of Nicki's hand holding Roachbro, our Madagascar Hissing Cockroach. He is a beautiful creature with orange and black stripes.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">August 2013:</span> our beloved Roachbro in his prime</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="angela-wedding" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2013_angela-wedding.jpg"
alt="A picture of Nicki, Tyler, and one of our close friends Joe. Nicki is wearing a green flower-print dress and Tyler has a blue shirt with an arguably-ugly green & red floral print tie.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">June 2013:</span> looking suave</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="halloween-1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2013_halloween.jpg"
alt="Nicki and Tyler dressed up for Halloween as a mudkip and Professor Oak respectively.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">October 2013:</span> Halloween 2013 as Mudkip & Professor Oak </p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="scav-1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2013_scav.jpg"
alt="A black and white photograph taken in our dorm's house lounge. The foreground of the image which contains a number of smiling people looking into the camera is out of focus. Nicki and Tyler are the only elements of the photograph in focus, in the background. Nicki is distracted, looking at something to the right of the frame. Tyler is holding Nicki's head and is looking at her lovingly.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">May 2013:</span> Scav 2014 p.1, the hunt when we adopted Roachbro </p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="duckface" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2014_duck.jpg"
alt="Nicki and Tyler making duckfaces at each other while sitting on a couch in Nicki's old apartment.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">January 2014:</span> a normal Sunday mood</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="graduation" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2014_graduation.jpg"
alt="Nicki and Tyler sitting at Botany Pond on UChicago's campus. Nicki is in grey graduation robes.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">June 2014:</span> Nicki's UChicago graduation</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="met" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2014_met.jpg"
alt="Nicki, Tyler, and our close friend Ron take a selfie on the steps of the Met.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">August 2014:</span> On the steps of the Met with Ron</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="birthday" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_birthday.jpg"
alt="Nicki and Tyler holding each other while Nicki threatens to lick Tyler's face. We are standing in front of a cake that says 'Happy Birthday Nicki'">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">May 2015:</span> Tyler throws Nicki a suprise birthday party with lots of friends & whiskey</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="gang-1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_gang.jpg"
alt="A picture of us and our close friends. Nicki is holding Wiggy, our stuffed pig.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">June 2015:</span> the gang + Wiggy</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="halloween-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_halloween.jpg"
alt="Nicki and Tyler dressed up as Pizza Rat. Nicki has on a faux-fur coat and a handmade plaster rat mask; Tyler has on a giant pizza hat.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">October 2015:</span> Halloween as pizza rat, a premonition of our imminent New York move</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="roachbro-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_roachbro.jpg"
alt="A family portrait of us, with Nicki holding Roachbro in her hand.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">February 2015:</span> Valentine's Day family portrait with our favorite lil roach</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="scav-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_scav.jpg"
alt="A picture of us performing a puppet show at Judgement for Scav. Nicki is directing a Big Bird puppet that is inside a fried chicken paper bag; Tyler has a generic blue muppet wearing a plaid suit.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">May 2015:</span> A <a href="https://en.wikipedia.org/wiki/Harold%27s_Chicken_Shack">Harold's</a> themed puppet show during Scav 2015 Judgement </p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="seattle" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_seattle_troll.jpg"
alt="Nicki and Tyler standing in front of an enormous, 50-foot-tall carved stone troll in Seattle.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">December 2015:</span> With a giant troll in Seattle</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="seattle-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2015_seattle_yi.jpg"
alt="A selfie of Nicki, Tyler, and Nicki's high school best friend Yi in Seattle">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">December 2015:</span> Visiting Yi in Seattle</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lolla" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2016_lolla.jpg"
alt="A selfie of Nicki and Tyler in a huge crowd at a music festival. Our friends Shank and Nik are visible in the background.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">July 2016:</span> Seeing Radiohead at Lollapalooza with Shank, shortly before Tyler destroyed Nicki's eardrums by screaming "Jonnnnnnyyyyyyyy!!!!!!!</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="wiggy" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2019_wiggy.jpg"
alt="A photo of our stuffed pig Wiggy looking slighly disgruntled on a hotel bed.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">October 2019:</span> Wiggy the piggy</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="MCA" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2016_MCA.jpg"
alt="A photo of Nicki and Tyler at the Museum of Contemporary Art in Chicago. We each are holding an inflatable shark and are looking slightly aggresively at each other">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">February 2016:</span> At our favorite museum, the Museum of Contemporary Art Chicago</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="berlin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2017_berlin.jpg"
alt="A selfie taken at the Tiergarten in Berlin. Nicki's head is resting happily on Tyler's shoulder.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">May 2016:</span> At the Tiergarten in Berlin</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="chicago_diner" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2018_chicago-diner.jpg"
alt="Nicki and Tyler at the Chicago Diner. Nicki's eyes are slightly crossed while she sips from the straw of a strawberry milkshake.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">December 2017:</span> Moments away from scarfing down a Chicago Diner reuben </p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="halloween-3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2018_halloween.jpg"
alt="Nicki and Tyler in the Yale Sculpture building dressed up for Halloween. Nicki is wearing an elaborate clown costume of the Bowie character from the Ashes to Ashes music video. Tyler is in a fuzzie astronaught pajama onsie as Major Tom">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">October 2018:</span> Halloween as two David Bowies – <a href="https://www.youtube.com/watch?v=HyMm4rJemtI">Pierrot</a> and <a href="https://www.youtube.com/watch?v=iYYRH4apXDo">Major Tom.</a> <span class="font-italic">Ashes to ashes, funk to funky, We know Major Tom's a junkie</span></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="power_station" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2018_power-station.jpg"
alt="Nicki and Tyler in front of a giant rainbow backdrop at the Power Station Art Center in Shanghai">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">June 2018:</span> Rainbow holographic selfie at Power Station of Art in Shanghai</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lakefront" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2019_chicago.jpg"
class="A selfie of us looking handsome with a beautiful blue sky on the lakefront of Chicago.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">December 2019:</span> Lake bois in their natural habitat of Chicago's lakefront</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="gang-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2019_friends.jpg"
alt="A selfie with us and our close friends at the Fulton station in NYC.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">March 2019:</span> <a class="font-italic" href="https://www.youtube.com/watch?v=a9wnbPUgq6c">If I could see all my friends tonight</a> (in New York)</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="engaged" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog portrait" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="img-fluid" src="assets/images/cute_pics/2019_elooped-2.jpg"
alt="Nicki and Tyler on UChicago campus. Nicki has her head resting on Tyler's shoulder and both of us are smiling brightly.">
<p class="mt-3 mb-1 text-center"><span class="font-weight-bold">October 2019:</span> Newly bethrothed at Botany Pond on UChicago's campus</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
<script>
var $images = $('.grid-item');
$images.hide();
var $grid = $('.grid');
$grid.imagesLoaded( function() {
$images.fadeIn();
$grid.masonry({
// options
itemSelector: '.grid-item'
});
});
</script>
</body>
</html>