commit 1f1bca5ad48244aec0d4851cceff2021ff1c6399 (patch)
parent cc9bda2fe0e157da29cebac3e854b5073e1a8d35
Author: Alex Karle <alex@alexkarle.com>
Date: Sun, 6 Nov 2022 11:30:50 -0500
Add most of the content!
Still requires a good bit of copy editing and the RSVP form, but I
think it's coming together :)
Diffstat:
9 files changed, 280 insertions(+), 6 deletions(-)
diff --git a/acadia.jpg b/acadia.jpg
Binary files differ.
diff --git a/engagement.jpg b/engagement.jpg
Binary files differ.
diff --git a/event.html b/event.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h2>Wedding Day Events</h2>
+ <p>
+ All festivities will take place at
+ the <a href="https://www.endicottestate.com/">Endicott Estate</a>
+ in Dedham, MA. See <a href="/travel.html">Travel</a> for more
+ information.
+ </p>
+ <div class="event-schedule">
+ <h3>Ceremony</h3>
+ <p class="event-time"><em>4:30 - 5:00pm</em></p>
+
+ </div>
+ <p>
+ We tie the knot and say our vows! Weather pending on the
+ Endicott lawn.
+ </p>
+ <div class="event-schedule">
+ <h3>Cocktail Hour</h3>
+ <p class="event-time"><em>5:00 - 6:00pm</em></p>
+ </div>
+ <p>
+ Grab a drink, catch up with old friends, and make some new
+ ones before dinner.
+ </p>
+ <div class="event-schedule">
+ <h3>Reception</h3>
+ <p class="event-time"><em>6:00 - 10:00pm</em></p>
+
+ </div>
+ <p>
+ There will be a plated dinner inside (please let us know your
+ preference on the <a href="/rsvp.html">RSVP form</a>) followed
+ by an evening of dancing!
+ </p>
+ </body>
+</html>
diff --git a/index.html b/index.html
@@ -8,6 +8,26 @@
</head>
<body>
- Hello World
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <img src="/acadia.jpg" alt="Alex and Jennie in Acadia"
+ width="100%">
+
+ <p class="index-joinus">
+ Please join us for our wedding celebration on
+ </p>
+ <p class="index-date">
+ September 9, 2023
+ </p>
+ <p class="index-daystill">
+ 307 days until the big day!
+ </p>
</body>
</html>
diff --git a/registry.html b/registry.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h2>Gift Registry</h2>
+ <p>
+ The only gift we ask for is your presence on our wedding
+ day—having our friends and family travel to spend the day with
+ us is more than enough! That said, if you feel strongly that
+ you'd like to buy us a gift, we put together a
+ <a href="http://www.zola.com/registry/jennieandalexseptember9">
+ wedding registry at Zola
+ </a>.
+ </p>
+ <p>Seriously, no pressure!</p>
+ </body>
+</html>
diff --git a/rsvp.html b/rsvp.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h2>RSVP</h2>
+ <p>Check back soon for a form to fill out!</p>
+ </body>
+</html>
diff --git a/story.html b/story.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h2>Our Story</h2>
+ <p>
+ Alex and Jennie met in January 2017 at UMass Amherst through a
+ mutual friend (thanks Rachana!) at a party, but they weren't sure
+ if they'd see each other again. Fortunately, Rachana saw the
+ potential and insisted on a group date later that week. Phone
+ numbers were exchanged and just a day or so later they went on
+ their first date in a snowstorm at the Frank dining commons. The
+ rest is history!
+ </p>
+ <p>
+ After graduation they moved to Natick, MA, and as soon as a
+ landlord allowed it they adopted two kittens, Pulp and Meeks.
+ 5 years, 4 jobs, 2 appartments, and 1 pandemic later, they're
+ still there, supporting each other.
+ </p>
+ <p>
+ After many trips together that left the family guessing if "he'd
+ finally ask the question", Alex proposed to Jennie on August 20,
+ 2022 on top of Franconia Ridge in the White Mountains. It was the
+ exact spot they had hoped to be 4 years ago on a trip that they
+ ended short due to bears, a heat wave, and blisters. Back years
+ later and stronger than ever, she said yes!
+ </p>
+ <img src="/engagement.jpg" alt="Alex Proposes to Jennie" width="100%">
+ </body>
+</html>
diff --git a/style.css b/style.css
@@ -1,8 +1,66 @@
/* https://www.swyx.io/css-100-bytes */
html {
- max-width: 70ch;
- padding: 3em 1em;
- margin: auto;
- line-height: 1.75;
- font-size: 1.25em;
+ max-width: 70ch;
+ padding: 3em 1em;
+ margin: auto;
+ line-height: 1.75;
+ font-size: 1.25em;
+ font-family: serif;
+ background-color: #fffff5;
+}
+
+.index-joinus {
+ text-align: center;
+}
+
+.index-title {
+ text-align: center;
+ font-size: 2em;
+}
+
+.index-date {
+ text-align: center;
+ font-size: 1.4em;
+}
+
+.index-daystill {
+ text-align: center;
+ font-size: .8em;
+}
+
+nav {
+ text-align: center;
+ margin-bottom: 16px;
+}
+
+
+nav a {
+ text-align: center;
+ text-decoration: none;
+ color: black;
+ padding: 2%;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+
+p.address {
+ padding-left: 36px;
+}
+
+p.event-time {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+div.event-schedule {
+ display: flex;
+ justify-content: space-between;
+}
+
+div.event-schedule h3 {
+ display: inline;
+ margin-top: 20px;
+ margin-bottom: 20px;
}
diff --git a/travel.html b/travel.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/rsvp.html">RSVP</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h2>Travel</h2>
+ <h3>Wedding Venue</h3>
+ <p>
+ The ceremony and reception will both be at
+ the <a href="https://www.endicottestate.com/">Endicott Estate</a>
+ in Dedham, MA:
+ </p>
+ <p class="address">
+ Endicott Estate<br>
+ 656 East Street<br>
+ Dedham, Massachusetts 02026
+ </p>
+ <p>
+ <a href="https://www.google.com/maps/dir//Endicott+Estate,+656+East+St,+Dedham,+MA+02026/@42.2394849,-71.1658391,17z/">
+ Google Maps Directions.
+ </a>
+ </p>
+ <h3>Hotel Recommendations</h3>
+ <p>Coming Soon</p>
+ </body>
+</html>
