-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (191 loc) · 11.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jennine Chesler & John Williams Wedding | Apr 26, 2013 | The Wright House</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="//yui.yahooapis.com/2.9.0/build/reset/reset-min.css" rel="stylesheet" type="text/css" />
<link href="static/css/fonts.css" rel=stylesheet" type="text/css" media="all" />
<link href="static/css/main.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="header">
<ul>
<li id="accouncement-link"><a href="#announcement">Announcement</a></li>
<li id="details-link"><a href="#details">Details</a></li>
<li id="rsvp-link"><a href="#rsvp">RSVP</a></li>
<li id="center-badge"><img src="static/img/header-jj.gif" alt="J&J Badge" /></li>
<li id="theproposal-link"><a href="#proposal">Proposal</a></li>
<li id="theparty-link"><a href="#theparty">The Party</a></li>
<li id="registry-link"><a href="#registry">Registry</a></li>
</ul>
</div>
<div id="announcement" class="main-content-block">
<div class="content-wrapper">
<img id="announcement-banner" src="static/img/announcement-banner.png" alt="On the 26th of April 2013 Jennine & John are finally getting married"/>
<a href="#details" class="downlink"><img src="static/img/downarrow-blue.png" class="downlink" /></a>
</div>
</div>
<div id="details" class="main-content-block">
<div class="content-wrapper">
<h1 class="hide-text">Details</h1>
<div class="content-block details-block" id="details-when-block">
<h2 class="hide-text">When</h2>
<p>Friday<br />April 26th, 2013</br>5:00 PM</p>
</div>
<div class="content-block details-block" id="details-what-block">
<h2 class="hide-text">What</h2>
<p>The Wedding of<br />Jennine Chesler &</br>John Williams</p>
</div>
<div class="content-block details-block" id="details-where-block">
<h2 class="hide-text">Where</h2>
<p>The Wright House<br />646 West University Dr.</br>Mesa, Arizona 85201</p>
</div>
<div id="map-link-container">
<a href="http://goo.gl/maps/7xxOF" target="_blank" id="map-link">Map »</a>
</div>
<a href="#rsvp" class="downlink"><img src="static/img/downarrow-green.png" class="downlink" /></a>
</div>
</div>
<div id="rsvp" class="main-content-block">
<div class="content-wrapper">
<h1 class="hide-text">RSVP</h1>
<p id="rsvp-instructions">Please respond by March 10th for <em>each</em> person attending...</p>
<form id="form2" name="form2" class="wufoo topLabel page" autocomplete="off" enctype="multipart/form-data" method="post" novalidate
action="https://jaidan.wufoo.com/forms/m7x3s5/#public">
<p id="rsvp-thankyou">Thank You! Anyone else you need to respond for?</p>
<ul>
<li id="foli1" class="notranslate field-wrapper">
<label class="desc" id="title1" for="Field1">First Name</label>
<div>
<input id="Field1" name="Field1" type="text" class="field text medium" value="" maxlength="255" tabindex="1" onkeyup="" required />
</div>
</li>
<li id="foli2" class="notranslate field-wrapper">
<label class="desc" id="title2" for="Field2">Last Name</label>
<div>
<input id="Field2" name="Field2" type="text" class="field text medium" value="" maxlength="255" tabindex="2" onkeyup="" required />
</div>
</li>
<li id="foli103" class="notranslate field-wrapper">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title103" class="desc">Attending?</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title103" class="desc">Attending?</label>
<![endif]-->
<div id="attending-choice">
<input id="radioDefault_103" name="Field103" type="hidden" value="" />
<span>
<input id="Field103_0" name="Field103" type="radio" class="field radio" value="Yes" tabindex="3" checked="checked" required />
<label class="choice attending-option" for="Field103_0" >Yes</label>
</span>
<span class="attending-seperator">
/
</span>
<span>
<input id="Field103_1" name="Field103" type="radio" class="field radio" value="No" tabindex="4" required />
<label class="choice attending-option" for="Field103_1" >No</label>
</span>
</div>
</fieldset>
</li>
<li id="foli104" class="notranslate field-wrapper">
<label class="desc" id="title104" for="Field104">Comments</label>
<div>
<textarea id="Field104" name="Field104" class="field textarea medium" spellcheck="true" rows="10" cols="50" tabindex="5" onkeyup=""></textarea>
</div>
</li>
<li class="buttons">
<div>
<input id="saveForm" name="saveForm" class="btTxt submit" type="submit" value="Submit" />
</div>
</li>
<li class="hide">
<label for="comment">Do Not Fill This Out</label>
<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
<input type="hidden" id="idstamp" name="idstamp" value="rb2f7baWp3+ROIzChWYmAz0Qeku8OpEZdMtukz2wHho=" />
</li>
</ul>
</form>
<a href="#proposal" class="downlink"><img src="static/img/downarrow-blue.png" class="downlink" /></a>
</div>
</div>
<div id="proposal" class="main-content-block">
<div class="content-wrapper">
<h1 class="hide-text">The Proposal</h1>
<div id="proposal-story">
<h2>Prologue</h2>
<p>The labor day three day weekend had started fairly normally in Klamath Falls, Oregon. John had said he needed new clothes and wanted to get out of town for a day so we planned to make the drive to the nearby town of Medford to take advantage of some of the labor day day sales. The tip off that the day was going to be out of the ordinary should have been John saying he “wanted” to go shopping.</p>
<p>About half way through the shopping excursion John excused himself to use the restroom. After 15 minutes with no John sighting I moved onto the next store and called John's phone intending to leave him a message as to my next target. I instead heard his phone ring to my left and turned to see John coming out of a jewelry store. I asked the obvious suspicious toned question of “what were you doing?” and received a shrug accompanied by the nonchalant response of “stopped by to ask a few questions on the way back from the restroom.”</p>
<h2>The Creeper</h2>
<p>fter assessing John's response I decided it wasn't worth continuing the interrogation so we moved onto Victoria Secret. If you have ever observed men in Victoria Secret, they are usually trailing behind a female trying not to look too interested and it isn't often you see a male without a female. While I was browsing, with John playing the typical male companion role, I noticed a tall, gangly man in a dress shirt and slacks following somewhat closely to John. As we weaved through the store the man kept following always coming to a stop overly close to John. Paranoia kicked in and I grabbed John to leave. As we passed by the creepy man who had suddenly taken a great interest in a lingerie display, to leave a store attendant confronted the man asking him if he needed assistance to which he curtly replied, “No, I'm just here on business.”</p>
<p>The shopping trip ended quickly after the Victoria Secret incident. It was dark by the time we arrived back in Klamath Falls. John suggested we drive to the park by Klamath Lake and spend the evening star-gazing.</p>
<h2>The Question</h2>
<p>We arrived at the park, and found it was completely empty aside from one other car parked in the back corner of the parking lot with fogged windows. A few minutes into star gazing a police car with his lights flashing showed up and proceeded to knock on the parked car's fogged up windows to question the occupants. It became obvious that teenage occupants were out for an evening of “parking” and that the police man had decided to call the teenager's parents rather than simply shooing them off. About a half an hour into the police man arriving, his lights were still flashing and it had started to get cold. John gave a huff of annoyance rolled to face me and proposed amid the quiet still lake, the twinkling stars, and the flashing blue and red lights of a police car.</p>
<h2>Epilogue</h2>
<p>It turns out that the entire trip to Medford was so that John could pick up the ring he had shipped from Arizona. The creepy man in the Victoria Secret was an employee of the Jewelery store who was trying to inconspicuously give John the last of the paperwork for the ring that I had unknowingly interrupted. Lastly, the star gazing was an attempt at a romantic proposal setting. Overall, the day turned into what I hope will be the start of many more perfect, “oh well that's life” moments.</p>
</div>
<a href="#theparty" class="downlink"><img src="static/img/downarrow-white.png" class="downlink" /></a>
</div>
</div>
<div id="theparty" class="main-content-block">
<div class="content-wrapper">
<h1 class="hide-text">The Wedding Party</h1>
<div class="hide-text" id="theparty-content">
<div class="content-block party-block hide-text" id="party-bride-block">
<h2>Bride</h2>
<p>Jennine Nicole Chesler</p>
<div class="content-sub-block">
<h3>Bridesmaids</h3>
<ul>
<li>Clare Kosinski</li>
<li>Kat Koster-Walmsley</li>
<li>Kassy Rodeheaver</li>
<li>Amy Steig</li>
</ul>
</div>
</div>
<div class="content-block party-block hide-text" id="party-bride-block">
<h2>Groom</h2>
<p>John Andrew Williams</p>
<div class="content-sub-block">
<h3>Groomsmen</h3>
<ul>
<li>Stefan Harmon</li>
<li>Tim Hay</li>
<li>Jeff Kucharczak</li>
</ul>
</div>
</div>
</div>
<a href="#registry" class="downlink"><img src="static/img/downarrow-white.png" class="downlink" /></a>
</div>
</div>
<div id="registry" class="main-content-block">
<div class="content-wrapper">
<h1 class="hide-text">Registry</h1>
<ul id="registry-list">
<li id="gen-block">
<p>You can find us<br />registered at these<br />fine establishments</p>
</li>
<li id="macy-block">
<a href="http://www1.macys.com/registry/wedding/guest/?registryId=155096"><img src="static/img/macys-reg.png" id="macy-logo" /></a>
</li>
<li id="bbb-block">
<a href="http://www.bedbathandbeyond.com/reggiftregistry.asp?wrn=-1354297845"><img src="static/img/bbb-reg.png" id="bbb-logo" /></a>
</li>
</ul>
</div>
</div>
<div id="footer">
<div class="content-wrapper">
<p>And they lived Happily, Ever After...</p>
</div>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="static/js/wufoo.js"></script>
<script src="static/js/jquery.form.js"></script>
<script src="static/js/jjwedding.js"></script>
</body>
</html>