2 Commits
1.3.1 ... 1.4.0

Author SHA1 Message Date
77f2fb6bbe Remove gift list page 2017-08-27 12:24:35 +01:00
11c833d644 Add car park information to ceremony page 2017-07-16 17:35:08 +01:00
8 changed files with 18 additions and 140 deletions

View File

@@ -1,6 +1,6 @@
{ {
"name": "wedding", "name": "wedding",
"version": "1.3.1", "version": "1.4.0",
"private": true, "private": true,
"engines": { "engines": {
"node": ">=6.5", "node": ">=6.5",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 636 KiB

View File

@@ -48,7 +48,6 @@ class Navigation extends React.Component {
<Link className={[s.link, this.props.current === 'reception' ? s.active : null].join(' ')} to="/venue">Venue</Link> <Link className={[s.link, this.props.current === 'reception' ? s.active : null].join(' ')} to="/venue">Venue</Link>
<Link className={[s.link, this.props.current === 'accomodation' ? s.active : null].join(' ')} to="/hotels">Hotels</Link> <Link className={[s.link, this.props.current === 'accomodation' ? s.active : null].join(' ')} to="/hotels">Hotels</Link>
<Link className={[s.link, this.props.current === 'transport' ? s.active : null].join(' ')} to="/transport">Transport</Link> <Link className={[s.link, this.props.current === 'transport' ? s.active : null].join(' ')} to="/transport">Transport</Link>
<Link className={[s.link, this.props.current === 'giftlist' ? s.active : null].join(' ')} to="/giftlist">Gift list</Link>
</div> </div>
</div> </div>
); );

View File

@@ -12,7 +12,21 @@ const church = {
showInfo: true, showInfo: true,
}; };
const carPark = {
title: 'Langley Hill Car Park',
position: {
lat: 51.7121,
lng: -0.4507,
},
showInfo: true,
};
class Ceremony extends React.Component { class Ceremony extends React.Component {
constructor(props) {
super(props);
this.markers = [church, carPark];
}
render() { render() {
return ( return (
<div className={s.root}> <div className={s.root}>
@@ -29,11 +43,11 @@ class Ceremony extends React.Component {
<p>The ceremony begins at 1pm</p> <p>The ceremony begins at 1pm</p>
<h3>Where</h3> <h3>Where</h3>
<p>The church is located at the southern end of Kings Langley high street. <p>The church is located at the southern end of Kings Langley high street.
Parking is available across the road at the Rose and Crown pub.</p> Free parking is available on Langley Hill.</p>
<Map <Map
defaultZoom={14} defaultZoom={15}
defaultCenter={church.position} defaultCenter={church.position}
markers={[church]} markers={this.markers}
/> />
<h3>About the church</h3> <h3>About the church</h3>
<p>All Saints Church is a medieval church with parts dating from the 13th century. <p>All Saints Church is a medieval church with parts dating from the 13th century.

View File

@@ -1,75 +0,0 @@
@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);
}
.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;
}

View File

@@ -1,44 +0,0 @@
import React from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Giftlist.css';
class Giftlist extends React.Component {
render() {
return (
<div className={s.root}>
<div className={s.bgImage} />
<div className={s.container}>
<div className={s.headings}>
<h1>Gift list</h1>
</div>
<div className={s.content}>
<p>We&#8217;ve been asked what we&#8217;d like for a gift and the answer
is simple: you, at our wedding, having a great time.</p>
<p>However, if you insist then we&#8217;ll say what we&#8217;d also love
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>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>
);
}
}
export default withStyles(s)(Giftlist);

View File

@@ -1,15 +0,0 @@
import React from 'react';
import Giftlist from './Giftlist';
import Layout from '../../components/Layout';
export default {
path: '/giftlist',
action() {
return {
title: 'Gift list',
component: <Layout current="giftlist"><Giftlist /></Layout>,
};
},
};

View File

@@ -13,7 +13,6 @@ export default {
require('./reception').default, require('./reception').default,
require('./accomodation').default, require('./accomodation').default,
require('./transport').default, require('./transport').default,
require('./giftlist').default,
require('./login').default, require('./login').default,
require('./admin').default, require('./admin').default,
require('./adminPeople').default, require('./adminPeople').default,