initial google font replacements

Contact page

README.md

@@ -1 +1,4 @@
 # Ray and Gwen's Wedding Site
+[https://www.rayandgwenwedding.com](https://www.rayandgwenwedding.com)
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/e0a26e85-37f4-43ff-b674-d5cf0bf4cfcd/deploy-status)](https://app.netlify.com/sites/vibrant-aryabhata-638d9d/deploys)

_config.yml

@@ -127,15 +127,15 @@ footer:
     - label: "Facebook"
       icon: "fab fa-fw fa-facebook-square"
       # url:
+    - label: " Contact"
+      icon: "fas fa-envelope"
+      url: "/contact/"
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
       url: "https://github.com/skoobasteeve/rayandgwen-wedding"
     - label: "GitLab"
       icon: "fab fa-fw fa-gitlab"
       # url:
-    - label: "Bitbucket"
-      icon: "fab fa-fw fa-bitbucket"
-      # url:
     - label: "Instagram"
       icon: "fab fa-fw fa-instagram"
       # url:

_includes/head/custom.html

@@ -0,0 +1,2 @@
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Amiri&family=Antic+Didone&family=Castoro&family=Nanum+Myeongjo:wght@400;700&family=Playfair+Display:wght@600&display=swap" rel="stylesheet"> 

_pages/contact.md

@@ -0,0 +1,44 @@
+---
+title: "Gwen & Ray are getting married!"
+layout: single
+permalink: /contact/
+author_profile: false
+masthead: false
+header:
+  overlay_color: "#000"
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13, 2021 <br> Brooklyn, NY"
+---
+ [<- Home](../index.html)
+{: .text-left}
+
+# Contact Us
+{: .text-center}
+
+<br>
+
+# The Bride
+{: .text-center}
+![bride](/assets/images/bride.jpg){:class="img-responsive"}{: height="400px" width="400px"}{: .align-center}
+
+## Gwen Breitstein
+{: .text-center}
+<i class="fas fa-envelope"></i> Email: [glbreitstein@gmail.com](mailto:glbreitstein@gmail.com) \
+<i class="fab fa-instagram"></i> Instagram: [@thegwenb](https://www.instagram.com/thegwenb/)
+{: .text-center}
+
+{:style="clear: left"}
+
+<br/>
+
+# The Groom
+{: .text-center}
+![groom](/assets/images/groom.jpg){:class="img-responsive"}{: height="400px" width="400px"}{: .align-center}
+
+## Ray Lyon
+{: .text-center}
+<i class="fas fa-envelope"></i> Email: [ray@raylyon.net](mailto:ray@raylyon.net) \
+<i class="fab fa-instagram"></i> Instagram: [@theraylyon](https://www.instagram.com/theraylyon/) \
+<i class="fas fa-rss-square"></i> Blog: [rayagainstthemachine.net](https://rayagainstthemachine.net)
+{: .text-center}

_pages/info.md

@@ -1,14 +1,14 @@
 ---
-title: "Ray and Gwen's 2021 <br> Wedding Exxtravaganza!"
+title: "Gwen & Ray are getting married!"
 layout: single
 permalink: /info/
 author_profile: false
 masthead: false
 header:
   overlay_color: "#000"
-  overlay_filter: "0.5"
-  overlay_image: /assets/images/banner.jpg
-excerpt: "Join us in Brooklyn, NY!"
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13, 2021 <br> Brooklyn, NY"
 ---
  [<- Home](../index.html)
 {: .text-left}
@@ -31,8 +31,9 @@ Dinner will be served at **7:00 PM**
 [**101 East Dr, Brooklyn, NY 11225**](https://goo.gl/maps/7vJWAH4iFbyKeaq86)
 {: .text-left}
 
-
-<p style="text-align:left"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-73.98174047470094%2C40.65239921467547%2C-73.9488458633423%2C40.66914863217685&amp;layer=mapnik&amp;marker=40.66076636052815%2C-73.96528314464291" style="border: 1px solid black"></iframe></p>
+<div class="resp-container">
+    <p style="text-align:left"><iframe width="500" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-73.98174047470094%2C40.65239921467547%2C-73.9488458633423%2C40.66914863217685&amp;layer=mapnik&amp;marker=40.66076636052815%2C-73.96528314464291" style="border: 1px solid black"></iframe></p>
+</div>
 
 **Please don't drink and drive.**  \
 Take the subway or split a taxi so you can drink without consequences!

_pages/registry.md

@@ -1,14 +1,14 @@
 ---
-title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
+title: "Gwen & Ray are getting married!"
 layout: splash
 permalink: /registry/
 author_profile: false
 masthead: false
 header:
   overlay_color: "#000"
-  overlay_filter: "0.5"
-  overlay_image: /assets/images/banner.jpg
-excerpt: "Join us in Brooklyn, NY!"
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13, 2021 <br> Brooklyn, NY"
 ---
 
  [<- Home](../index.html)

_pages/rsvp-success.md

@@ -0,0 +1,18 @@
+---
+title: "Gwen & Ray are getting married!"
+layout: splash
+permalink: /rsvp-success/
+author_profile: false
+masthead: false
+header:
+  overlay_color: "#000"
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13, 2021 <br> Brooklyn, NY"
+---
+
+# You did it! Thanks for your RSVP!
+Go back [home](../index.html)
+
+
+![success](../assets/images/success.jpg){: height="800px" width="800px"}

_pages/rsvp.md

@@ -1,13 +1,14 @@
 ---
-title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
+title: "Gwen & Ray are getting married!"
 layout: splash
 permalink: /rsvp/
 author_profile: false
 masthead: false
 header:
   overlay_color: "#000"
-  overlay_filter: "0.5"
-  overlay_image: /assets/images/banner.jpg
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13th 2021 <br> Brooklyn, NY"
 ---
 
  [<- Home](../index.html)
@@ -15,7 +16,7 @@ header:
 
 # RSVP  
 
-<form name="rsvp" netlify-honeypot="bot-field" action="/success/" netlify>
+<form name="rsvp" netlify-honeypot="bot-field" action="/rsvp-success/" netlify>
   <p class="hidden">
     <label>Fill this out!: <input name="bot-field" /></label>
   </p>
@@ -39,6 +40,6 @@ header:
     <label>Questions / Comments <input type="text" name="comments" /></label>
   </p>
   <p>
-    <button type="submit">Send</button>
+    <button type="submit" class="btn btn--primary">Send</button>
   </p>
 </form>

_pages/success.md

@@ -1,17 +0,0 @@
----
-title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
-layout: splash
-permalink: /success/
-author_profile: false
-masthead: false
-header:
-  overlay_color: "#000"
-  overlay_filter: "0.5"
-  overlay_image: /assets/images/banner.jpg
----
-
-# Thanks for your RSVP!
-Go back [home](../index.html)
-
-
-![success](../assets/images/success.jpg){: height="800px" width="800px"}

_sass/minimal-mistakes/_base.scss

@@ -0,0 +1,383 @@
+/* ==========================================================================
+   BASE ELEMENTS
+   ========================================================================== */
+
+html {
+  /* sticky footer fix */
+  position: relative;
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  color: $text-color;
+  font-family: $global-font-family;
+  line-height: 1.5;
+
+  &.overflow--hidden {
+    /* when primary navigation is visible, the content in the background won't scroll */
+    overflow: hidden;
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 2em 0 0.5em;
+  line-height: 1.2;
+  font-family: $header-font-family;
+  font-weight: bold;
+}
+
+h1 {
+  margin-top: 0;
+  font-size: $h-size-1;
+}
+
+h2 {
+  font-size: $h-size-2;
+}
+
+h3 {
+  font-size: $h-size-3;
+}
+
+h4 {
+  font-size: $h-size-4;
+}
+
+h5 {
+  font-size: $h-size-5;
+}
+
+h6 {
+  font-size: $h-size-6;
+}
+
+small,
+.small {
+  font-size: $type-size-6;
+}
+
+p {
+  margin-bottom: 1.3em;
+}
+
+u,
+ins {
+  text-decoration: none;
+  border-bottom: 1px solid $text-color;
+  a {
+    color: inherit;
+  }
+}
+
+del a {
+  color: inherit;
+}
+
+/* reduce orphans and widows when printing */
+
+p,
+pre,
+blockquote,
+ul,
+ol,
+dl,
+figure,
+table,
+fieldset {
+  orphans: 3;
+  widows: 3;
+}
+
+/* abbreviations */
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: none;
+  cursor: help;
+  border-bottom: 1px dotted $text-color;
+}
+
+/* blockquotes */
+
+blockquote {
+  margin: 2em 1em 2em 0;
+  padding-left: 1em;
+  padding-right: 1em;
+  font-style: italic;
+  border-left: 0.25em solid $primary-color;
+
+  cite {
+    font-style: italic;
+
+    &:before {
+      content: "\2014";
+      padding-right: 5px;
+    }
+  }
+}
+
+/* links */
+
+a {
+  &:focus {
+    @extend %tab-focus;
+  }
+
+  &:visited {
+    color: $link-color-visited;
+  }
+
+  &:hover {
+    color: $link-color-hover;
+    outline: 0;
+  }
+}
+
+/* buttons */
+
+button:focus {
+  @extend %tab-focus;
+}
+
+/* code */
+
+tt,
+code,
+kbd,
+samp,
+pre {
+  font-family: $monospace;
+}
+
+pre {
+  overflow-x: auto; /* add scrollbars to wide code blocks*/
+}
+
+p > code,
+a > code,
+li > code,
+figcaption > code,
+td > code {
+  padding-top: 0.1rem;
+  padding-bottom: 0.1rem;
+  font-size: 0.8em;
+  background: $code-background-color;
+  border-radius: $border-radius;
+
+  &:before,
+  &:after {
+    letter-spacing: -0.2em;
+    content: "\00a0"; /* non-breaking space*/
+  }
+}
+
+/* horizontal rule */
+
+hr {
+  display: block;
+  margin: 1em 0;
+  border: 0;
+  border-top: 1px solid $border-color;
+}
+
+/* lists */
+
+ul li,
+ol li {
+  margin-bottom: 0.5em;
+}
+
+li ul,
+li ol {
+  margin-top: 0.5em;
+}
+
+/*
+   Media and embeds
+   ========================================================================== */
+
+/* Figures and images */
+
+figure {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: start;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  margin: 2em 0;
+
+  img,
+  iframe,
+  .fluid-width-video-wrapper {
+    margin-bottom: 1em;
+  }
+
+  img {
+    width: 100%;
+    border-radius: $border-radius;
+    -webkit-transition: $global-transition;
+    transition: $global-transition;
+  }
+
+  > a {
+    display: block;
+  }
+
+  &.half {
+    > a,
+    > img {
+      @include breakpoint($small) {
+        width: calc(50% - 0.5em);
+      }
+    }
+
+    figcaption {
+      width: 100%;
+    }
+  }
+
+  &.third {
+    > a,
+    > img {
+      @include breakpoint($small) {
+        width: calc(33.3333% - 0.5em);
+      }
+    }
+
+    figcaption {
+      width: 100%;
+    }
+  }
+}
+
+/* Figure captions */
+
+figcaption {
+  margin-bottom: 0.5em;
+  color: $muted-text-color;
+  font-family: $caption-font-family;
+  font-size: $type-size-6;
+
+  a {
+    -webkit-transition: $global-transition;
+    transition: $global-transition;
+
+    &:hover {
+      color: $link-color-hover;
+    }
+  }
+}
+
+/* Fix IE9 SVG bug */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/*
+   Navigation lists
+   ========================================================================== */
+
+/**
+ * Removes margins, padding, and bullet points from navigation lists
+ *
+ * Example usage:
+ * <nav>
+ *    <ul>
+ *      <li><a href="#link-1">Link 1</a></li>
+ *      <li><a href="#link-2">Link 2</a></li>
+ *      <li><a href="#link-3">Link 3</a></li>
+ *    </ul>
+ *  </nav>
+ */
+
+nav {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    list-style: none;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  /* override white-space for nested lists */
+  ul li,
+  ol li {
+    margin-bottom: 0;
+  }
+
+  li ul,
+  li ol {
+    margin-top: 0;
+  }
+}
+
+/*
+   Global animation transition
+   ========================================================================== */
+
+b,
+i,
+strong,
+em,
+blockquote,
+p,
+q,
+span,
+figure,
+img,
+h1,
+h2,
+header,
+input,
+a,
+tr,
+td,
+form button,
+input[type="submit"],
+.btn,
+.highlight,
+.archive__item-teaser {
+  -webkit-transition: $global-transition;
+  transition: $global-transition;
+}
+
+  /* custom - white form field backgrounds */
+
+input[type=text] {
+  background-color: #ffffff;
+} 
+
+input[type=email] {
+  background-color: #ffffff;
+} 
+
+  /* custom - responsive iframe */
+
+.resp-container {
+  position: relative;
+  overflow: hidden;
+}
+
+.resp-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}

_sass/minimal-mistakes/_variables.scss

@@ -0,0 +1,175 @@
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+
+/*
+   Typography
+   ========================================================================== */
+
+$doc-font-size: 16 !default;
+
+/* paragraph indention */
+$paragraph-indent: false !default; // true, false (default)
+$indent-var: 1.3em !default;
+
+/* system typefaces */
+$serif: Georgia, Times, serif !default;
+$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
+  "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
+$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
+
+/* sans serif typefaces */
+$sans-serif-narrow: $sans-serif !default;
+$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
+
+/* serif typefaces */
+$georgia: Georgia, serif !default;
+$times: Times, serif !default;
+$bodoni: "Bodoni MT", serif !default;
+$calisto: "Calisto MT", serif !default;
+$garamond: Garamond, serif !default;
+$didone: 'Antic Didone', serif;
+$amiri: 'Amiri', serif;
+$castoro: 'Castoro', serif;
+$nanum: 'Nanum Myeongjo', serif;
+$nanum-bold: 'Nanum Myeongjo:700', serif;
+$playfair: 'Playfair Display', serif;
+
+$global-font-family: $nanum-bold !default;
+$header-font-family: $castoro !default;
+$caption-font-family: $serif !default;
+
+/* type scale */
+$type-size-1: 2.441em !default; // ~39.056px
+$type-size-2: 1.953em !default; // ~31.248px
+$type-size-3: 1.563em !default; // ~25.008px
+$type-size-4: 1.25em !default; // ~20px
+$type-size-5: 1em !default; // ~16px
+$type-size-6: 0.75em !default; // ~12px
+$type-size-7: 0.6875em !default; // ~11px
+$type-size-8: 0.625em !default; // ~10px
+
+/* headline scale */
+$h-size-1: 1.563em !default; // ~25.008px
+$h-size-2: 1.25em !default; // ~20px
+$h-size-3: 1.125em !default; // ~18px
+$h-size-4: 1.0625em !default; // ~17px
+$h-size-5: 1.03125em !default; // ~16.5px
+$h-size-6: 1em !default; // ~16px
+
+/*
+   Colors
+   ========================================================================== */
+
+$gray: #7a8288 !default;
+$dark-gray: mix(#000, $gray, 50%) !default;
+$darker-gray: mix(#000, $gray, 60%) !default;
+$light-gray: mix(#fff, $gray, 50%) !default;
+$lighter-gray: mix(#fff, $gray, 90%) !default;
+
+$background-color: #fff !default;
+$code-background-color: #fafafa !default;
+$code-background-color-dark: $light-gray !default;
+$text-color: $dark-gray !default;
+$muted-text-color: mix(#fff, $text-color, 20%) !default;
+$border-color: $lighter-gray !default;
+$form-background-color: $lighter-gray !default;
+$footer-background-color: $lighter-gray !default;
+
+$primary-color: #6f777d !default;
+$success-color: #3fa63f !default;
+$warning-color: #d67f05 !default;
+$danger-color: #ee5f5b !default;
+$info-color: #3b9cba !default;
+$focus-color: $primary-color !default;
+$active-color: mix(#fff, $primary-color, 80%) !default;
+
+/* YIQ color contrast */
+$yiq-contrasted-dark-default: $dark-gray !default;
+$yiq-contrasted-light-default: #fff !default;
+$yiq-contrasted-threshold: 175 !default;
+$yiq-debug: false !default;
+
+/* brands */
+$behance-color: #1769ff !default;
+$bitbucket-color: #205081 !default;
+$dribbble-color: #ea4c89 !default;
+$facebook-color: #3b5998 !default;
+$flickr-color: #ff0084 !default;
+$foursquare-color: #0072b1 !default;
+$github-color: #171516 !default;
+$gitlab-color: #e24329 !default;
+$instagram-color: #517fa4 !default;
+$keybase-color: #ef7639 !default;
+$lastfm-color: #d51007 !default;
+$linkedin-color: #007bb6 !default;
+$mastodon-color: #2b90d9 !default;
+$pinterest-color: #cb2027 !default;
+$reddit-color: #ff4500 !default;
+$rss-color: #fa9b39 !default;
+$soundcloud-color: #ff3300 !default;
+$stackoverflow-color: #fe7a15 !default;
+$tumblr-color: #32506d !default;
+$twitter-color: #55acee !default;
+$vimeo-color: #1ab7ea !default;
+$vine-color: #00bf8f !default;
+$youtube-color: #bb0000 !default;
+$xing-color: #006567 !default;
+
+/* links */
+$link-color: mix(#000, $info-color, 20%) !default;
+$link-color-hover: mix(#000, $link-color, 25%) !default;
+$link-color-visited: mix(#fff, $link-color, 15%) !default;
+$masthead-link-color: $primary-color !default;
+$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
+$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
+
+/* syntax highlighting (base16) */
+$base00: #263238 !default;
+$base01: #2e3c43 !default;
+$base02: #314549 !default;
+$base03: #546e7a !default;
+$base04: #b2ccd6 !default;
+$base05: #eeffff !default;
+$base06: #eeffff !default;
+$base07: #ffffff !default;
+$base08: #f07178 !default;
+$base09: #f78c6c !default;
+$base0a: #ffcb6b !default;
+$base0b: #c3e88d !default;
+$base0c: #89ddff !default;
+$base0d: #82aaff !default;
+$base0e: #c792ea !default;
+$base0f: #ff5370 !default;
+
+/*
+   Breakpoints
+   ========================================================================== */
+
+$small: 600px !default;
+$medium: 768px !default;
+$medium-wide: 900px !default;
+$large: 1024px !default;
+$x-large: 1280px !default;
+$max-width: $x-large !default;
+
+/*
+   Grid
+   ========================================================================== */
+
+$right-sidebar-width-narrow: 200px !default;
+$right-sidebar-width: 300px !default;
+$right-sidebar-width-wide: 400px !default;
+
+/*
+   Other
+   ========================================================================== */
+
+$border-radius: 4px !default;
+$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
+$nav-height: 2em !default;
+$nav-toggle-height: 2rem !default;
+$navicon-width: 1.5rem !default;
+$navicon-height: 0.25rem !default;
+$global-transition: all 0.2s ease-in-out !default;
+$intro-transition: intro 0.3s both !default;

index.md

@@ -1,37 +1,37 @@
 ---
-title: "Ray and Gwen's 2021 <br> Wedding Exxtravaganza!"
+title: "Gwen & Ray are getting married!"
 layout: splash
 author_profile: false
 masthead: false
 header:
   overlay_color: "#000"
-  overlay_filter: "0.5"
-  overlay_image: /assets/images/banner.jpg
-excerpt: "Join us in Brooklyn, NY!"
+  overlay_filter: "0.4"
+  overlay_image: /assets/images/banner-sketch.jpg
+excerpt: "November 13, 2021 <br> Brooklyn, NY"
 intro: 
-  - excerpt: 'Nullam suscipit et nam, tellus velit pellentesque at malesuada, enim eaque. Quis nulla, netus tempor in diam gravida tincidunt, *proin faucibus* voluptate felis id sollicitudin. Centered with `type="center"`'
+  - excerpt: "We're so excited for everyone to join us at our wedding this fall! You'll find links below for everything you need. If you have any questions not answered here, head over to the [**contact**](/contact/) page and drop us a note."
 feature_row:
   - image_path: assets/images/feature-image-01.jpg
     alt: "ray and gwen 01"
+    title: "Wedding Info"
+    url: "info"
+    btn_label: "Get the details"
+    btn_class: "btn--primary"
+    excerpt: "Need to know where to go? What time to show up?"
+  - image_path: /assets/images/feature-image-02.jpg
+    alt: "ray and gwen 02"
     title: "RSVP"
     url: "rsvp"
-    btn_label: "Let us know you're coming"
+    btn_label: "Let us know"
     btn_class: "btn--primary"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
-  - image_path: /assets/images/feature-image-02.jpg
+    excerpt: "Planning to join us for the celebration? Not able to attend?"
+  - image_path: /assets/images/feature-image-03.jpg
     alt: "ray and gwen 02"
     title: "Registry"
     url: "registry"
     btn_label: "See where we registered"
     btn_class: "btn--primary"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
-  - image_path: /assets/images/feature-image-03.jpg
-    alt: "ray and gwen 02"
-    title: "Wedding Info"
-    url: "info"
-    btn_label: "Get the details"
-    btn_class: "btn--primary"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
+    excerpt: "Struggling to find a gift worthy of our union?"
 ---
 
 {% include feature_row id="intro" type="center" %}