-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathmonomyth.html
More file actions
167 lines (149 loc) · 7.68 KB
/
Copy pathmonomyth.html
File metadata and controls
167 lines (149 loc) · 7.68 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
<!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="/covid">Covid-19</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/lets-dance">Let's dance</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/monomyth">Heroes' Journey</a>
</li>
<li class="nav-item">
<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="mb-4">
<div class="container">
<div class="row mb-4">
<div class="col-md-12">
<h1>Heroes' Journey</h1>
<p>In true UChicago nerd spirit, we've broken up our story into a highly digestable <a href="https://en.wikipedia.org/wiki/Hero%27s_journey">Joseph Campbell-style monomyth.</a> Here's a little mood-music to enjoy while reading: </p>
<iframe src="https://open.spotify.com/embed/track/5UFt0wpIRFSYTIPjZny4u9" width="100%" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
<div class="timeline">
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/cta.jpg" alt="A much younger Tyler and Nicki looking at each other.">
</div>
<div class="timeline_content">
<h3>The Call to Adventure</h3>
<p class="mb-0">Our young heroes meet as fresh-faced UChicago underclassmen in the house lounge of Snell-Hitchcock during Tyler's orientation week.</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/refusal.jpg" alt="Tyler making a silly concerned face with Nicki smiling next to him.">
</div>
<div class="timeline_content">
<h3>Refusal of the Call</h3>
<p class="mb-0">Despite their many shared interests, Tyler isn't able to get over Nicki's enjoyment of Coldplay. Our heroes remain just friends.</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/threshold.jpg" alt="Nicki and Tyler with two of their close friends, Joe and Ron.">
</div>
<div class="timeline_content">
<h3>Threshold</h3>
<p class="mb-0">As our heroes' mutual friends circle grew, they started hanging out together more and increasingly enjoyed each other's company. They secretly began to wonder: could this become more than just a friendship? Nicki also stopped listening to Coldplay.</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/revelation.jpg" alt="Nicki kissing Tyler on the cheek.">
</div>
<div class="timeline_content">
<h3>Revelation</h3>
<p class="mb-0">Tyler and Nicki both participated in the annual UChicago Scavenger Hunt. After four days of intense creation filled with all manners of wondrous eccentricity, our heroes' team won the hunt - and they each other's heart.</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/transformation.jpg" alt="Tyler looking adoringly at Nicki with his hand wrapped around her head.">
</div>
<div class="timeline_content">
<h3>Transformation</h3>
<p class="mb-0">Years passed, and our heroes have graduated college and are enjoying a leisurely life together in Chicago with their pet roach, Roachbro. But alas - the East Coast beckons with new opportunities. Can our heroes' relationship survive this change in scenery?</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/atonement.jpg" alt="A handsome selfie of Nicki and Tyler in the present in front of a bright blue sky.">
</div>
<div class="timeline_content">
<h3>Atonement</h3>
<p class="mb-0">Our heroes spent two years physically apart, with Nicki attending graduate school in New Haven and Tyler working a new job in New York. Against all odds, however, our heroes' love and longing for each other only grew stronger.</p>
</div>
</div>
</div>
<div class="row timeline_container">
<div class="timeline_block">
<div class="timeline_img">
<img src="assets/images/monomyth/return.jpg" alt="A cropped image of Nicki's hand with a blue-green sapphire engagement ring.">
</div>
<div class="timeline_content">
<h3>Return</h3>
<p class="mb-0">After Nicki graduated from school, our heroes reunited in New York. But wait - first, a throwback vacation in Chicago! And then - a wedding ring! A surprise proposal! And now you are on this website.</p>
<div>
</div>
</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://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>
</body>
</html>