Merge pull request #6 from skoobasteeve/contact-page

Contact page

_pages/contact.md

@@ -13,3 +13,34 @@ 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

@@ -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}
 
-
+<div class="resp-container">
-<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>
+    <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!

_sass/minimal-mistakes/_base.scss

@@ -356,7 +356,7 @@ input[type="submit"],
   transition: $global-transition;
 }
 
-  /* white form field backgrounds */
+  /* custom - white form field backgrounds */
 
 input[type=text] {
   background-color: #ffffff;
@@ -364,4 +364,20 @@ input[type=text] {
 
 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;
+}

index.md

@@ -9,7 +9,7 @@ header:
   overlay_image: /assets/images/banner.jpg
 excerpt: "Join us in Brooklyn, NY!"
 intro: 
-  - 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."
+  - 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"