Adds a basic gala page. Fixes #44

Author: RickR

package.json

@@ -10,6 +10,7 @@
     "font-awesome": "^4.7.0",
     "history": "^4.6.1",
     "lodash": "^4.17.4",
+    "postscribe": "^2.0.8",
     "prop-types": "^15.5.8",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",

src/scenes/home/gala/gala.css

@@ -0,0 +1,12 @@
+.container {
+  width:80%;
+}
+
+#tt-widget {
+  width: 100%;
+}
+
+.header {
+  text-align: center;
+  padding-bottom: 20px;
+}

src/scenes/home/gala/gala.js

@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import Section from 'shared/components/section/section';
+import postscribe from 'postscribe';
+
+import styles from './gala.css';
+
+class Gala extends Component {
+
+  componentDidMount() {
+    const script = document.createElement('script');
+
+    script.src = 'https://dc161a0a89fedd6639c9-03787a0970cd749432e2a6d3b34c55df.ssl.cf3.rackcdn.com/tt-widget.js';
+    script.async = true;
+    script.setAttribute('data-url', 'https://www.tickettailor.com/new-order/99297/d163/ref/website_widget/');
+    script.setAttribute('data-type', 'inline');
+    script.setAttribute('data-inline-minimal', 'true');
+    script.setAttribute('data-inline-show-logo', 'false');
+    script.setAttribute('data-inline-bg-fill', 'true');
+
+    postscribe('#tt-widget', script.outerHTML);
+  }
+
+  render() {
+    return (
+      <Section title="Operation Code Gala">
+        <div className={styles.header}>
+          <h3>Nov 10, 2017</h3>
+          <h3>Governor&#39;s Ballroom, Sentinel Hotel</h3>
+          <h3>Portland, Oregon</h3>
+        </div>
+        <div className={styles.container}>
+          <div id="tt-widget">
+            <div className="tt-widget-fallback">
+              <p>
+                <a href="https://www.tickettailor.com/new-order/99297/d163/ref/website_widget/" target="_blank" rel="noopener noreferrer">Click here to buy tickets</a><br />
+                <small><a href="http://www.tickettailor.com?rf=wdg" className="tt-widget-powered">Sell tickets online with Ticket Tailor</a></small>
+              </p>
+            </div>
+          </div>
+        </div>
+      </Section>
+    );
+  }
+}
+
+export default Gala;

src/scenes/home/home.js

@@ -12,6 +12,7 @@ import SquadsTable from './squads/squadsTable/squadsTable';
 import Dashboard from './dashboard/dashboard';
 import MentorsTable from './mentor/mentorsTable/mentorsTable';
 import Thanks from './thanks/thanks';
+import Gala from './gala/gala';
 import FinancialStatements from './about/financialStatements/financialStatements';
 import styles from './home.css';
 import Header from './header/header';
@@ -147,6 +148,12 @@ class Home extends Component {
               <SquadsTable {...authProps} />
             )}
           />
+          <Route
+            path="/gala"
+            render={() => (
+              <Gala {...authProps} />
+            )}
+          />
           <Route exact path="/about/financial-statements" component={FinancialStatements} />
         </div>
         <Footer />

yarn.lock

@@ -5412,6 +5412,12 @@ postcss@^6.0.1, postcss@^6.x:
     source-map "^0.5.6"
     supports-color "^3.2.3"
 
+postscribe@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/postscribe/-/postscribe-2.0.8.tgz#5b7a53aad4b690b6c2f75818fcefe74490f410d5"
+  dependencies:
+    prescribe ">=1.1.2"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -5420,6 +5426,10 @@ prepend-http@^1.0.0, prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
 
+prescribe@>=1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/prescribe/-/prescribe-1.1.3.tgz#8d3122445f3fbaf4c4c5817ea527a17fc8139ee6"
+
 preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"