Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 77f2fb6bbe |
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "wedding",
|
||||
"version": "1.3.2",
|
||||
"version": "1.4.0",
|
||||
"private": true,
|
||||
"engines": {
|
||||
"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 === '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 === 'giftlist' ? s.active : null].join(' ')} to="/giftlist">Gift list</Link>
|
||||
</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('./accomodation').default,
|
||||
require('./transport').default,
|
||||
require('./giftlist').default,
|
||||
require('./login').default,
|
||||
require('./admin').default,
|
||||
require('./adminPeople').default,
|
||||
|
||||
Reference in New Issue
Block a user