From b6f0822826298950c08fd835caa0f44daa29432b Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Fri, 3 Mar 2017 22:18:33 +0000
Subject: [PATCH] Hide RSVP button on blur darken bg images update copy change
 URLs for routes

---
 src/components/Navigation/Navigation.js  | 6 +++---
 src/components/RsvpButton/RsvpButton.js  | 1 +
 src/routes/accomodation/Accomodation.css | 2 +-
 src/routes/accomodation/Accomodation.js  | 2 +-
 src/routes/accomodation/index.js         | 4 ++--
 src/routes/ceremony/Ceremony.css         | 2 +-
 src/routes/ceremony/Ceremony.js          | 9 ++++-----
 src/routes/ceremony/index.js             | 4 ++--
 src/routes/reception/Reception.css       | 2 +-
 src/routes/reception/Reception.js        | 4 ++--
 src/routes/reception/index.js            | 4 ++--
 src/routes/transport/Transport.css       | 2 +-
 src/routes/transport/Transport.js        | 3 ++-
 13 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/components/Navigation/Navigation.js b/src/components/Navigation/Navigation.js
index a10d16c..ca271ad 100644
--- a/src/components/Navigation/Navigation.js
+++ b/src/components/Navigation/Navigation.js
@@ -16,9 +16,9 @@ class Navigation extends React.Component {
       <div className={s.root} role="navigation">
         <div className={s.container}>
           <Link className={[s.link, this.props.current === 'home' ? s.active : null].join(' ')} to="/">RSVP</Link>
-          <Link className={[s.link, this.props.current === 'ceremony' ? s.active : null].join(' ')} to="/ceremony">Church</Link>
-          <Link className={[s.link, this.props.current === 'reception' ? s.active : null].join(' ')} to="/reception">Venue</Link>
-          <Link className={[s.link, this.props.current === 'accomodation' ? s.active : null].join(' ')} to="/accomodation">Hotels</Link>
+          <Link className={[s.link, this.props.current === 'ceremony' ? s.active : null].join(' ')} to="/church">Church</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 === 'transport' ? s.active : null].join(' ')} to="/transport">Transport</Link>
         </div>
       </div>
diff --git a/src/components/RsvpButton/RsvpButton.js b/src/components/RsvpButton/RsvpButton.js
index cc018e0..a7d2c5a 100644
--- a/src/components/RsvpButton/RsvpButton.js
+++ b/src/components/RsvpButton/RsvpButton.js
@@ -32,6 +32,7 @@ class RsvpButton extends React.Component {
     if (this.props.focusCallback) {
       this.props.focusCallback(false);
     }
+    this.setState({ showRsvpForm: false });
   }
 
   handleRsvpChange = () => {
diff --git a/src/routes/accomodation/Accomodation.css b/src/routes/accomodation/Accomodation.css
index eb389dc..ede0ee9 100644
--- a/src/routes/accomodation/Accomodation.css
+++ b/src/routes/accomodation/Accomodation.css
@@ -13,7 +13,7 @@
   background-size: cover;
   background-position-x: 54%;
   background-color: #c1c1c1;
-  filter: grayscale(1) brightness(0.6);
+  filter: grayscale(1) brightness(0.4);
   z-index: -1;
   transition: filter ease-in-out 0.5s;
 }
diff --git a/src/routes/accomodation/Accomodation.js b/src/routes/accomodation/Accomodation.js
index e7889f6..c7f1a82 100644
--- a/src/routes/accomodation/Accomodation.js
+++ b/src/routes/accomodation/Accomodation.js
@@ -49,7 +49,7 @@ class Accomodation extends React.Component {
             <h1>Local hotels</h1>
           </div>
           <div className={s.content}>
-            <h3>The following hotels are near Offley Place</h3>
+            <h3>The following hotels are near Offley Place:</h3>
             <ul>
               {hotels.map((hotel, index) => (
                 <li key={index}><a className={s.hotelLink} href={hotel.url}>{hotel.title}</a></li>
diff --git a/src/routes/accomodation/index.js b/src/routes/accomodation/index.js
index f0b58f6..b431238 100644
--- a/src/routes/accomodation/index.js
+++ b/src/routes/accomodation/index.js
@@ -4,11 +4,11 @@ import Layout from '../../components/Layout';
 
 export default {
 
-  path: '/accomodation',
+  path: '/hotels',
 
   action() {
     return {
-      title: 'Accomodation',
+      title: 'Hotels',
       component: <Layout current="accomodation"><Accomodation /></Layout>,
     };
   },
diff --git a/src/routes/ceremony/Ceremony.css b/src/routes/ceremony/Ceremony.css
index 93f734d..fb89a9d 100644
--- a/src/routes/ceremony/Ceremony.css
+++ b/src/routes/ceremony/Ceremony.css
@@ -13,7 +13,7 @@
   background-size: cover;
   background-position-x: 54%;
   background-color: #c1c1c1;
-  filter: grayscale(1) brightness(0.6);
+  filter: grayscale(1) brightness(0.4);
   z-index: -1;
   transition: filter ease-in-out 0.5s;
 }
diff --git a/src/routes/ceremony/Ceremony.js b/src/routes/ceremony/Ceremony.js
index 68a67c8..75ed01c 100644
--- a/src/routes/ceremony/Ceremony.js
+++ b/src/routes/ceremony/Ceremony.js
@@ -25,11 +25,10 @@ class Ceremony extends React.Component {
           </div>
           <div className={s.content}>
             <h3>When</h3>
-            <p>The Ceremony begins at 1pm</p>
+            <p>The ceremony begins at 1pm</p>
             <h3>Where</h3>
-            <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
-              (Dan may be there before 1pm 😉).</p>
+            <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>
             <Map
               defaultZoom={14}
               lat={markers[0].lat}
@@ -38,7 +37,7 @@ class Ceremony extends React.Component {
             />
             <h3>About the church</h3>
             <p>All Saints Church is a medieval church with parts dating from the 13th century.
-              The main features of the body of the Church are the beautiful reredos, depicting
+              The main features of the church are the beautiful reredos, depicting
               The Last Supper, and the fine Jacobean pulpit with its intricate carvings.
               The Tower has a peal of 8 bells that are regularly rung before Services.</p>
             <p>The church was chosen because it is Dan&#8217;s family church.</p>
diff --git a/src/routes/ceremony/index.js b/src/routes/ceremony/index.js
index b968ae6..a49d479 100644
--- a/src/routes/ceremony/index.js
+++ b/src/routes/ceremony/index.js
@@ -4,11 +4,11 @@ import Layout from '../../components/Layout';
 
 export default {
 
-  path: '/ceremony',
+  path: '/church',
 
   action() {
     return {
-      title: 'Ceremony',
+      title: 'All Saints\' Church',
       component: <Layout current="ceremony"><Ceremony /></Layout>,
     };
   },
diff --git a/src/routes/reception/Reception.css b/src/routes/reception/Reception.css
index 0fcc61f..be37a4e 100644
--- a/src/routes/reception/Reception.css
+++ b/src/routes/reception/Reception.css
@@ -13,7 +13,7 @@
   background-size: cover;
   background-position-x: 54%;
   background-color: #c1c1c1;
-  filter: grayscale(1) brightness(0.6);
+  filter: grayscale(1) brightness(0.4);
   z-index: -1;
   transition: filter ease-in-out 0.5s;
 }
diff --git a/src/routes/reception/Reception.js b/src/routes/reception/Reception.js
index 1ea6c88..48631fe 100644
--- a/src/routes/reception/Reception.js
+++ b/src/routes/reception/Reception.js
@@ -29,10 +29,10 @@ class Reception extends React.Component {
           </div>
           <div className={s.content}>
             <h3>When</h3>
-            <p>The Reception will begin at 3pm, Wedding breakfast at 5pm
+            <p>The Reception will begin at 3pm, Wedding Breakfast at 5pm
               followed by music until late.</p>
             <h3>Where</h3>
-            <p>The venue is approximately 30 minute drive from the Church.</p>
+            <p>The venue is approximately a 30 minute drive from the Church.</p>
             <Map
               defaultZoom={12}
               lat={offley[0].lat}
diff --git a/src/routes/reception/index.js b/src/routes/reception/index.js
index 2f702bb..dafa054 100644
--- a/src/routes/reception/index.js
+++ b/src/routes/reception/index.js
@@ -4,11 +4,11 @@ import Layout from '../../components/Layout';
 
 export default {
 
-  path: '/reception',
+  path: '/venue',
 
   action() {
     return {
-      title: 'Reception',
+      title: 'Offley Place',
       component: <Layout current="reception"><Reception /></Layout>,
     };
   },
diff --git a/src/routes/transport/Transport.css b/src/routes/transport/Transport.css
index 99942fa..9e6c082 100644
--- a/src/routes/transport/Transport.css
+++ b/src/routes/transport/Transport.css
@@ -13,7 +13,7 @@
   background-size: cover;
   background-position-x: 54%;
   background-color: #c1c1c1;
-  filter: grayscale(1) brightness(0.6);
+  filter: grayscale(1) brightness(0.4);
   z-index: -1;
   transition: filter ease-in-out 0.5s;
 }
diff --git a/src/routes/transport/Transport.js b/src/routes/transport/Transport.js
index eb3d975..a8f838d 100644
--- a/src/routes/transport/Transport.js
+++ b/src/routes/transport/Transport.js
@@ -41,7 +41,7 @@ class Transport extends React.Component {
           </div>
           <div className={s.content}>
             <h3>Train</h3>
-            <p>There are 3 stations nearby, Hitchin, Luton and Luton Parkway (airport).
+            <p>There are 3 stations nearby, Hitchin, Luton and Luton Parkway (Airport).
               All trains terminate at London St Pancras or London Kings Cross</p>
             <Map
               defaultZoom={11}
@@ -51,6 +51,7 @@ class Transport extends React.Component {
             />
             <h3>Car</h3>
             <p>Offley Place has secure parking facilities.</p>
+            <h3>Taxi</h3>
             <p>The following taxi companies are recommended:</p>
             <ul>
               <li>