From 75740699f1e7617445830d22f9e6d99abc34e953 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 14 Mar 2017 16:12:14 +0000
Subject: [PATCH] Add link to gift list site

---
 src/components/Navigation/package.json |  2 +-
 src/routes/giftlist/Giftlist.css       | 25 +++++++++++++++++++++++++
 src/routes/giftlist/Giftlist.js        | 18 +++++++++++++++---
 3 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/src/components/Navigation/package.json b/src/components/Navigation/package.json
index 22dcb61..9dcd3f8 100644
--- a/src/components/Navigation/package.json
+++ b/src/components/Navigation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Navigation",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "main": "./Navigation.js"
 }
diff --git a/src/routes/giftlist/Giftlist.css b/src/routes/giftlist/Giftlist.css
index f7fd24b..4252277 100644
--- a/src/routes/giftlist/Giftlist.css
+++ b/src/routes/giftlist/Giftlist.css
@@ -48,3 +48,28 @@
   color: #fff;
   text-shadow: 1px 1px 4px var(--colour-nearblack);
 }
+
+.button {
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 10px 20px;
+  opacity: 0.75;
+  outline: 0;
+  border: 4px solid #fff;
+  border-radius: 14px;
+  background: var(--colour-nearblack);
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  font-size: 18px;
+  line-height: 1.3333333;
+  cursor: pointer;
+  transition: opacity ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
+}
+
+.button:hover,
+.button:focus {
+  opacity: 0.9;
+  box-shadow: 0 0 4px #fff;
+}
diff --git a/src/routes/giftlist/Giftlist.js b/src/routes/giftlist/Giftlist.js
index 1ac5ed0..06c9893 100644
--- a/src/routes/giftlist/Giftlist.js
+++ b/src/routes/giftlist/Giftlist.js
@@ -18,10 +18,22 @@ class Giftlist extends React.Component {
               is the most amazing honeymoon possible. We have the basics covered but
               we&#8217;re hoping for the holiday of a lifetime. We would like to see
               and do everything we&#8217;ve dreamed about!</p>
-            <p>Right now we&#8217;re busy curating our list, but fret not, we
-              won&#8217;t take long! Please do check back here in the coming days,
-              we&#8217;ll have a link on this page.</p>
+            <p>Here&#8217;s how our gift list works. Just pick the item you&#8217;d
+              most like to give us. You&#8217;ll then be asked to leave your name
+              and any message you have for us. There is the option to use the PayPal
+              system to send your gift (you can use a credit card &ndash; you
+              don&#8217;t need a PayPal account). Or, on the day, you could bring
+              the value of your gift in a card.</p>
+            <p>We&#8217;ll send you a link to our online photo gallery when we get
+              back and we&#8217;ll be sure to tell (bore) you all about it in great
+              detail.</p>
             <p className={s.sig}>Dan and Hana</p>
+            <a
+              className={s.button}
+              href="https://www.our-wedding-list.co.uk/danielandhana/list"
+            >
+              View our list
+            </a>
           </div>
         </div>
       </div>