summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--md/wedding/index.md2
-rw-r--r--md/wedding/styles.css32
2 files changed, 15 insertions, 19 deletions
diff --git a/md/wedding/index.md b/md/wedding/index.md
index b24cc91..b61e45a 100644
--- a/md/wedding/index.md
+++ b/md/wedding/index.md
@@ -7,6 +7,8 @@ pagetitle: Welcome
## Join us on *August 9th, 2019* as we tie the knot!
+![Sample image here](bg.jpg)
+
### RSVP Here!
Greetings, from the bride- and groom-to-be! If you received something from us in the mail then you are cordially invited to our witness our union in marriage. If you're technologically savvy (you made it here!) then you may RSVP through the top of the page [or at this link](/rsvp).
diff --git a/md/wedding/styles.css b/md/wedding/styles.css
index 4865a35..5e3a6d8 100644
--- a/md/wedding/styles.css
+++ b/md/wedding/styles.css
@@ -10,8 +10,9 @@
}
#topnav {
- top: 0;
+ margin: 0;
padding: 0;
+ top: 0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
@@ -37,17 +38,15 @@
}
html {
- height: 100%;
margin: 0;
+ padding: 0;
+ height: 100%;
}
body {
- height: 100%;
- padding: 0;
margin: 0;
- font-size: 1.2em;
- font-weight: 400;
- font-family: 'Arapey', serif;
+ padding: 0;
+ height: 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
@@ -55,17 +54,18 @@ body {
}
article {
- height: 100%;
margin-top: 4em;
margin-left: 10%;
+ padding: 0;
+ height: 100%;
width: 80%;
}
figure {
- margin: none;
+ margin: 1em;
padding: 1em;
background-color: white;
- box-shadow: 0 5px 5px black;
+ box-shadow: 0 0 5px black;
}
figure img {
@@ -81,22 +81,16 @@ figure figcaption {
font-family: 'Arapey', serif;
}
-hr {
- color: white;
- margin-left: 4em;
- margin-right: 4em;
- border-bottom: none;
-}
-
p {
text-align: justify;
text-indent: 2em;
font-weight: 400;
- font-size: 0.9em;
+ font-size: 1em;
+ font-family: 'Arapey', serif;
background-color: white;
margin: 1em;
padding: 1em;
- box-shadow: 3px 3px 3px black;
+ box-shadow: 0 0 5px black;
}
h1 { /* decorative page title */