From eee1b4b5000aab5a7278cf7dba94fdd6c2fb80c2 Mon Sep 17 00:00:00 2001
From: Jason Lengstorf <jason@lengstorf.com>
Date: Wed, 30 May 2018 12:37:32 -0700
Subject: [PATCH 1/3] fix: increase contrast of footer text for a11y

---
 src/components/Footer/Footer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index 96708001..c440244f 100644
--- a/src/components/Footer/Footer.js
+++ b/src/components/Footer/Footer.js
@@ -6,7 +6,7 @@ import { color, font } from '../../utils/style';
 
 const Footer = styled('footer')`
   background-color: ${color.accentLight};
-  color: ${color.textLight};
+  color: ${color.textDefault};
   font-family: ${font.default};
   font-size: 11px;
   margin-top: 4rem;

From d601bd333a68b5b1e0aec22ef157f2358f079973 Mon Sep 17 00:00:00 2001
From: Jason Lengstorf <jason@lengstorf.com>
Date: Wed, 30 May 2018 12:37:53 -0700
Subject: [PATCH 2/3] fix: for => htmlFor because I always forget that about
 React

---
 src/components/Contact/Form.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Contact/Form.js b/src/components/Contact/Form.js
index 8b8ccf99..aa02fe00 100644
--- a/src/components/Contact/Form.js
+++ b/src/components/Contact/Form.js
@@ -61,18 +61,18 @@ const ContactForm = ({ action, name }) => (
     data-netlify="true"
   >
     <HoneyPot>
-      <Label for="full-name">
+      <Label htmlFor="full-name">
         Don’t fill out this field if you’re a human.
       </Label>
       <Input type="text" id="full-name" name="full-name" />
     </HoneyPot>
-    <Label for="fname">Name</Label>
+    <Label htmlFor="fname">Name</Label>
     <Input type="text" id="fname" name="name" required />
-    <Label for="email">Email</Label>
+    <Label htmlFor="email">Email</Label>
     <Input type="email" id="email" name="email" required />
-    <Label for="phone">Phone Number</Label>
+    <Label htmlFor="phone">Phone Number</Label>
     <Input type="tel" id="phone" name="phone" required />
-    <Label for="message">Message</Label>
+    <Label htmlFor="message">Message</Label>
     <Textarea id="message" name="message" required />
     <Submit type="submit">
       <span>Send Message</span>

From 2083e85784e9edce53b84bd530e3527c51b896eb Mon Sep 17 00:00:00 2001
From: Jason Lengstorf <jason@lengstorf.com>
Date: Wed, 30 May 2018 12:38:24 -0700
Subject: [PATCH 3/3] fix: add IntersectionObserver polyfill when needed

---
 gatsby-browser.js | 6 ++++++
 package.json      | 1 +
 yarn.lock         | 4 ++++
 3 files changed, 11 insertions(+)
 create mode 100644 gatsby-browser.js

diff --git a/gatsby-browser.js b/gatsby-browser.js
new file mode 100644
index 00000000..5367e689
--- /dev/null
+++ b/gatsby-browser.js
@@ -0,0 +1,6 @@
+exports.onClientEntry = async () => {
+  // If required — e.g. Safari — add the IntersectionObserver polyfill.
+  if (typeof IntersectionObserver === 'undefined') {
+    await import('intersection-observer');
+  }
+};
diff --git a/package.json b/package.json
index a52feaa2..6aedfbf8 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-remark": "next",
     "gatsby-transformer-sharp": "next",
+    "intersection-observer": "^0.5.0",
     "lodash.template": "^4.4.0",
     "prop-types": "^15.6.0",
     "ramda": "^0.25.0",
diff --git a/yarn.lock b/yarn.lock
index de9c5958..c802d576 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6709,6 +6709,10 @@ interpret@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.1.0.tgz#7ed1b1410c6a0e0f78cf95d3b8440c63f78b8614"
 
+intersection-observer@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/intersection-observer/-/intersection-observer-0.5.0.tgz#9fe8bee3953c755b1485c38efd9633d535775ea6"
+
 invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2, invariant@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"