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’re hoping for the holiday of a lifetime. We would like to see and do everything we’ve dreamed about!

-

Right now we’re busy curating our list, but fret not, we - won’t take long! Please do check back here in the coming days, - we’ll have a link on this page.

+

Here’s how our gift list works. Just pick the item you’d + most like to give us. You’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 – you + don’t need a PayPal account). Or, on the day, you could bring + the value of your gift in a card.

+

We’ll send you a link to our online photo gallery when we get + back and we’ll be sure to tell (bore) you all about it in great + detail.

Dan and Hana

+ + View our list +