diff --git a/package.json b/package.json index dabf35e..15feb1f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "wedding", - "version": "1.0.2", + "version": "1.1.0", "private": true, "engines": { "node": ">=6.5", diff --git a/public/img/moors_2560.jpg b/public/img/moors_2560.jpg new file mode 100644 index 0000000..e74c7a9 Binary files /dev/null and b/public/img/moors_2560.jpg differ diff --git a/src/components/Navigation/Navigation.js b/src/components/Navigation/Navigation.js index 0c26dd4..1f072e6 100644 --- a/src/components/Navigation/Navigation.js +++ b/src/components/Navigation/Navigation.js @@ -48,6 +48,7 @@ class Navigation extends React.Component { Venue Hotels Transport + Gift list ); diff --git a/src/components/Navigation/package.json b/src/components/Navigation/package.json index 6a061a0..22dcb61 100644 --- a/src/components/Navigation/package.json +++ b/src/components/Navigation/package.json @@ -1,6 +1,6 @@ { "name": "Navigation", - "version": "1.0.0", + "version": "1.1.0", "private": true, "main": "./Navigation.js" } diff --git a/src/routes/giftlist/Giftlist.css b/src/routes/giftlist/Giftlist.css new file mode 100644 index 0000000..f7fd24b --- /dev/null +++ b/src/routes/giftlist/Giftlist.css @@ -0,0 +1,50 @@ +@import '../../components/variables.css'; + +.root { + width: 100vw; + height: 100vh; +} + +.bgImage { + position: fixed; + width: 100vw; + height: 100vh; + background: url('/img/moors_2560.jpg'); + background-size: cover; + background-position-x: 78%; + background-position-y: 66%; + background-color: #c1c1c1; + filter: grayscale(1) brightness(0.4); + z-index: -1; + transition: filter ease-in-out 0.5s; +} + +.container { + padding-top: 50px; + margin: 0 20px; +} + +.headings { + max-width: 640px; + margin: 0 auto 40px; + text-align: center; + color: #fff; + text-shadow: 3px 3px 8px var(--colour-nearblack); + font-size: 1.3em; +} + +.headings h1 { + margin: 0 0 10px; +} + +.sig { + font-family: var(--font-family-cursive); + font-size: 1.4em; +} + +.content { + max-width: 960px; + margin: 0 auto; + color: #fff; + text-shadow: 1px 1px 4px var(--colour-nearblack); +} diff --git a/src/routes/giftlist/Giftlist.js b/src/routes/giftlist/Giftlist.js new file mode 100644 index 0000000..1ac5ed0 --- /dev/null +++ b/src/routes/giftlist/Giftlist.js @@ -0,0 +1,32 @@ +import React from 'react'; +import withStyles from 'isomorphic-style-loader/lib/withStyles'; +import s from './Giftlist.css'; + +class Giftlist extends React.Component { + render() { + return ( +
+
+
+
+

Gift list

+
+
+

We’ve been asked what we’d like for a gift and the answer + is simple: you, at our wedding, having a great time.

+

However, if you insist then we’ll say what we’d also love + 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.

+

Dan and Hana

+
+
+
+ ); + } +} + +export default withStyles(s)(Giftlist); diff --git a/src/routes/giftlist/index.js b/src/routes/giftlist/index.js new file mode 100644 index 0000000..ef74605 --- /dev/null +++ b/src/routes/giftlist/index.js @@ -0,0 +1,15 @@ +import React from 'react'; +import Giftlist from './Giftlist'; +import Layout from '../../components/Layout'; + +export default { + + path: '/giftlist', + + action() { + return { + title: 'Gift list', + component: , + }; + }, +}; diff --git a/src/routes/index.js b/src/routes/index.js index cd55aae..3a77812 100644 --- a/src/routes/index.js +++ b/src/routes/index.js @@ -13,6 +13,7 @@ export default { require('./reception').default, require('./accomodation').default, require('./transport').default, + require('./giftlist').default, require('./login').default, require('./admin').default, require('./adminPeople').default, diff --git a/src/routes/reception/Reception.js b/src/routes/reception/Reception.js index 5fc90d5..f5c4923 100644 --- a/src/routes/reception/Reception.js +++ b/src/routes/reception/Reception.js @@ -39,6 +39,23 @@ class Reception extends React.Component { defaultCenter={offley.position} markers={[offley]} /> +

About Offley Place

+

Legend has it that in the 8th century, King Offa discovered the bones of + Saint Alban and set about creating St Albans Abbey in a tribute to him. + While it was being completed he looked for a place to call home and + discovered the local area. After building a grand palace the village is + thought to have become known as Great Off Lee.

+

Great Offley Place was first built in the 17th century. Rebuilt in 1810 + but still retaining a Tudor porch and a 17th century wing, the grand house + has a long history which has seen the same family line keep ownership for + an impressive 350 years.

+

In 1929 the family ownership was brought to an end when the last owner, + Guy George, sold the estate to a director of WH Smith who was well liked + in the village and built a cricket pavilion and pitch.

+

When World War II broke out it was sold again, this time to become a + teacher training college, and then finally in 2003 it was taken over again + and transformed into the luxury hotel, wedding venue and restaurant it + is today.