diff options
| -rw-r--r-- | makefile | 2 | ||||
| -rw-r--r-- | md/wedding/index.md | 2 | ||||
| -rw-r--r-- | md/wedding/styles.css | 75 |
3 files changed, 42 insertions, 37 deletions
@@ -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! - - ### 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; } |