summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--makefile2
-rw-r--r--md/wedding/index.md2
-rw-r--r--md/wedding/styles.css75
3 files changed, 42 insertions, 37 deletions
diff --git a/makefile b/makefile
index 0a3af0b..8ca11b5 100644
--- a/makefile
+++ b/makefile
@@ -57,7 +57,7 @@ wedding: $(WED_OUT)
html/wedding/%.html: md/wedding/%.md md/wedding/nav.html
@echo "wedding: $< -> $@"
@mkdir -p "$(@D)"
- @pandoc "$<" -f markdown -t html5 -s -B md/wedding/nav.html -c /styles.css -o "$@"
+ @pandoc "$<" -f markdown -t html5 -s -H md/wedding/bg.html -B md/wedding/nav.html -c /styles.css -o "$@"
clean:
@rm -rf html/
diff --git a/md/wedding/index.md b/md/wedding/index.md
index 2546c8a..b24cc91 100644
--- a/md/wedding/index.md
+++ b/md/wedding/index.md
@@ -7,8 +7,6 @@ pagetitle: Welcome
## Join us on *August 9th, 2019* as we tie the knot!
-![The bride- and groom-to-be](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 cf81d3f..4865a35 100644
--- a/md/wedding/styles.css
+++ b/md/wedding/styles.css
@@ -13,24 +13,23 @@
top: 0;
padding: 0;
overflow: hidden;
- background-color: white;
+ background-color: rgba(0, 0, 0, 0.5);
text-align: center;
position: fixed;
width: 100%;
- box-shadow: 0 0px 10px black;
-
}
#topnav a {
display: inline-block;
text-align: center;
- padding: 0.5em 0.5em;
+ padding: 1em 1em;
text-decoration: none;
- color: var(--amy);
+ color: white;
transition: 0.5s;
- font-family: 'Arapey', serif;
- font-weight: 400;
- font-size: 1.5em;
+ font-family: 'Josefin Sans', sans-serif;
+ font-weight: 700;
+ font-style: bold;
+ font-size: 1em;
}
#topnav a:hover {
@@ -40,13 +39,15 @@
html {
height: 100%;
margin: 0;
- padding: 0;
}
body {
- margin: 0;
- padding: 0;
height: 100%;
+ padding: 0;
+ margin: 0;
+ font-size: 1.2em;
+ font-weight: 400;
+ font-family: 'Arapey', serif;
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
@@ -56,17 +57,14 @@ body {
article {
height: 100%;
margin-top: 4em;
- padding: 0;
-}
-
-iframe {
- width: 100%;
+ margin-left: 10%;
+ width: 80%;
}
figure {
- margin: 0;
- padding: 0;
- background-color: snow;
+ margin: none;
+ padding: 1em;
+ background-color: white;
box-shadow: 0 5px 5px black;
}
@@ -83,31 +81,40 @@ figure figcaption {
font-family: 'Arapey', serif;
}
+hr {
+ color: white;
+ margin-left: 4em;
+ margin-right: 4em;
+ border-bottom: none;
+}
+
p {
- margin: 0;
- padding: 0;
text-align: justify;
text-indent: 2em;
font-weight: 400;
- font-size: 1em;
- font-family: 'Arapey', serif;
+ font-size: 0.9em;
+ background-color: white;
+ margin: 1em;
+ padding: 1em;
+ box-shadow: 3px 3px 3px black;
}
h1 { /* decorative page title */
- font-weight: 700;
- font-size: 5em;
- /*font-family: 'Homemade Apple', cursive;*/
- font-family: 'Reenie Beanie', cursive;
- text-align: center;
- color: black;
+ font-weight: 400;
+ font-size: 4em;
+ font-family: 'Homemade Apple', cursive;
+ text-align: right;
+ color: white;
+ text-shadow: 3px 3px 3px black;
}
h2 { /* decorative page subtitle */
- font-weight: 400;
+ font-weight: 700;
font-size: 2em;
- font-family: 'Reenie Beanie', cursive;
- text-align: center;
- color: black;
+ font-family: 'Josefin Sans', sans-serif;
+ text-align: right;
+ text-shadow: 3px 3px 3px black;
+ color: white;
}
h3 { /* section title */
@@ -116,7 +123,7 @@ h3 { /* section title */
font-family: 'Reenie Beanie', cursive;
color: white;
text-shadow: 3px 3px 3px black;
- text-align: center;
+ text-align: right;
margin: 1em;
}