map size juuuuust right

initial info page, theme changes

_config.yml

@@ -12,7 +12,7 @@
 
 theme                    : "minimal-mistakes-jekyll"
 # remote_theme           : "mmistakes/minimal-mistakes"
-minimal_mistakes_skin    : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
+minimal_mistakes_skin    : "dirt" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
 
 # Site Settings
 locale                   : "en-US"
@@ -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/footer.html

@@ -0,0 +1,19 @@
+<div class="page__footer-follow">
+  <ul class="social-icons">
+    <li><a href="../index.html"><i class="fas fa-home" aria-hidden="true"></i> Home</a></li>
+    {% if site.data.ui-text[site.locale].follow_label %}
+      <li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
+    {% endif %}
+
+    {% if site.footer.links %}
+      {% for link in site.footer.links %}
+        {% if link.label and link.url %}
+          <li><a href="{{ link.url }}" rel="nofollow noopener noreferrer"><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i> {{ link.label }}</a></li>
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+
+  </ul>
+</div>
+
+<div class="page__footer-copyright">&copy; {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>

_includes/footer/custom.html

@@ -0,0 +1,3 @@
+<!-- start custom footer snippets -->
+
+<!-- end custom footer snippets -->

_pages/contact.md

@@ -0,0 +1,46 @@
+---
+title: "Ray and Gwen's 2021 <br> Wedding Extravaganza!"
+layout: single
+permalink: /contact/
+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!"
+---
+ [<- Home](../index.html)
+{: .text-left}
+
+# Contact Us
+{: .text-center}
+
+![contact-header](/assets/images/contact-header.jpg){:class="img-responsive"}{: .align-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,6 +1,6 @@
 ---
-title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
-layout: splash
+title: "Ray and Gwen's 2021 <br> Wedding Exxtravaganza!"
+layout: single
 permalink: /info/
 author_profile: false
 masthead: false
@@ -8,4 +8,62 @@ header:
   overlay_color: "#000"
   overlay_filter: "0.5"
   overlay_image: /assets/images/banner.jpg
+excerpt: "Join us in Brooklyn, NY!"
 ---
+ [<- Home](../index.html)
+{: .text-left}
+
+# Wedding Info
+{: .text-center}
+
+## When
+{: .text-left}
+**November 13th, 2021** \
+Doors open at **4:30 PM** \
+Ceremony starts at **5:00 PM** \
+Dinner will be served at **7:00 PM**
+{: .text-left}
+
+## Where
+{: .text-left}
+
+[**Prospect Park Boathouse**](https://goo.gl/maps/7vJWAH4iFbyKeaq86) \
+[**101 East Dr, Brooklyn, NY 11225**](https://goo.gl/maps/7vJWAH4iFbyKeaq86)
+{: .text-left}
+
+<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!
+{: .notice--warning}
+{: .text-center}
+
+
+## Driving & Parking (more details to come)
+{: .text-left}
+* Parking available in a lot a 5min walk away from the venue.  
+* There are limited number of out-front spaces for those who have trouble walking. Please let us know if this is something you require. 
+{: .text-left}
+
+## Subways
+There are a few different ways to get to the venue inside Prospect Park depending on where you're staying and how much you want to walk. 
+{: .text-left}
+* Take the <span class="subway-icon mta-yellow">Q</span> train to the [Prospect Park station](https://goo.gl/maps/ipxnNn7AC7ae3RZPA). This gets you the **closest** to the venue. 5min walk.
+* Take the <span class="subway-icon mta-green-2">G</span> or <span class="subway-icon mta-orange">
+F</span> train to the [15th Street Prospect Park](https://goo.gl/maps/PG5ZM3ith8n1g1Hy9) station on the West side of the park. 15min walk.
+* Take the <span class="subway-icon mta-red">2</span><span class="subway-icon mta-red">3</span> or <span class="subway-icon mta-green">4</span> train to the [Grand Army Plaza](https://goo.gl/maps/iJfe4v3Z3Vo1Azz39) station on the North end of the park. 15min walk.
+
+## Dining (more details to come)
+{: .text-left}
+* Dinner and passed hors-d'oeuvres will be provided
+* Catering specifics are still pending.
+* Open bar (beer & wine)
+{: .text-left}
+
+## Acommodations (more details to come)
+{: .text-left}
+
+
+

_pages/registry.md

@@ -8,6 +8,11 @@ header:
   overlay_color: "#000"
   overlay_filter: "0.5"
   overlay_image: /assets/images/banner.jpg
+excerpt: "Join us in Brooklyn, NY!"
 ---
 
+ [<- Home](../index.html)
+{: .text-left}
 
+# Stay tuned!
+{: .text-center}

_pages/rsvp-success.md

@@ -1,13 +1,14 @@
 ---
 title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
 layout: splash
-permalink: /success/
+permalink: /rsvp-success/
 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!"
 ---
 
 # Thanks for your RSVP!

_pages/rsvp.md

@@ -10,9 +10,12 @@ header:
   overlay_image: /assets/images/banner.jpg
 ---
 
+ [<- Home](../index.html)
+{: .text-left}
+
 # 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>
@@ -36,6 +39,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>

_sass/minimal-mistakes.scss

@@ -38,3 +38,6 @@
 @import "minimal-mistakes/archive";
 @import "minimal-mistakes/sidebar";
 @import "minimal-mistakes/print";
+
+/* Custom */
+@import "minimal-mistakes/h-nyc-subway-icons";

_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/_h-nyc-subway-icons.scss

@@ -0,0 +1,82 @@
+$mta-red: #df0000;
+$mta-green: #008700;
+$mta-blue: #0a5786;
+$mta-orange: #de3700;
+$mta-purple: #5a045a;
+$mta-green-2: #4f8403;
+$mta-yellow: #FCCC0A;
+$mta-gray: #666;
+$mta-brown: #573208;
+
+$subways: (mta-red: $mta-red,
+mta-green: $mta-green,
+mta-blue: $mta-blue,
+mta-orange: $mta-orange,
+mta-purple: $mta-purple,
+mta-green-2: $mta-green-2,
+mta-yellow: $mta-yellow,
+mta-gray: $mta-gray,
+mta-brown: $mta-brown);
+
+$icon-padding: 0.4em;
+
+[class*="subway-icon"] {
+    position: relative;
+    font-size: .75em;
+    z-index: 5;
+    height: 1em;
+    width: 1em;
+    line-height: 1em;
+    margin-left: $icon-padding/2;
+    margin-right: $icon-padding/2;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    text-align: center;
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #000;
+
+    &::before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        width: calc(100% + #{$icon-padding});
+        height: calc(100% + #{$icon-padding});
+        left: -($icon-padding / 2);
+        top: -($icon-padding / 2);
+        border-radius: 50%;
+        background-color: red;
+    }
+
+    &.express {
+        margin-left: $icon-padding/1.5;
+        margin-right: $icon-padding/1.5;
+
+        &::before {
+            transform: rotate(45deg);
+            border-radius: 0;
+            width: calc(100% + #{$icon-padding / 4});
+            height: calc(100% + #{$icon-padding / 4});
+            left: -($icon-padding / 8);
+            top: -($icon-padding / 8);
+        }
+    }
+}
+
+@each $value1,
+$value2 in $subways {
+    .#{$value1} {
+        &::before {
+            background-color: $value2;
+        }
+
+        @if $value2==$mta-yellow {
+            color: #000;
+        }
+
+        @else {
+            color: #fff;
+        }
+    }
+}

index.md

@@ -1,5 +1,5 @@
 ---
-title: "Ray and Gwen's 2021 Wedding Exxtravaganza!"
+title: "Ray and Gwen's 2021 <br> Wedding Extravaganza!"
 layout: splash
 author_profile: false
 masthead: false
@@ -7,9 +7,9 @@ header:
   overlay_color: "#000"
   overlay_filter: "0.5"
   overlay_image: /assets/images/banner.jpg
-excerpt: "Bacon ipsum dolor sit amet salami ham hock ham, hamburger corned beef short ribs kielbasa biltong t-bone drumstick tri-tip tail sirloin pork chop."
+excerpt: "Join us in 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! 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"
@@ -17,21 +17,21 @@ feature_row:
     url: "rsvp"
     btn_label: "Let us know you're coming"
     btn_class: "btn--primary"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
+    excerpt: "If you received an inviation or save-the-date, this should be your first stop."
   - image_path: /assets/images/feature-image-02.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."
+    excerpt: "Struggling to find a gift worthy of our union? We have some links to help you."
   - 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: "Everything you need to know about the event."
 ---
 
 {% include feature_row id="intro" type="center" %}