Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 77f2fb6bbe |
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "wedding",
|
"name": "wedding",
|
||||||
"version": "1.3.2",
|
"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 |
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
|
||||||
@@ -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’ve been asked what we’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’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!</p>
|
|
||||||
<p>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.</p>
|
|
||||||
<p>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.</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);
|
|
||||||
@@ -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>,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user