From 5aa8bfde9f410bf7044e3ff1b0f6aedd4e9b014e Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Sun, 18 Mar 2018 15:21:12 +1100
Subject: [PATCH] Linked about pages.

---
 public/components/navigation/Menu.jsx           |  3 +++
 public/components/pages/AboutPage.jsx           |  4 ++--
 public/components/pages/ContactPage.jsx         |  7 ++++---
 public/components/pages/about/APIPage.jsx       |  4 ++--
 .../components/pages/about/OtherSkillsPage.jsx  |  4 ++--
 .../components/pages/about/ProgrammingPage.jsx  |  4 ++--
 public/language/en-AU.jsx                       | 17 +++++++++++++++--
 7 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/public/components/navigation/Menu.jsx b/public/components/navigation/Menu.jsx
index b03bad3..7422c8c 100644
--- a/public/components/navigation/Menu.jsx
+++ b/public/components/navigation/Menu.jsx
@@ -20,6 +20,9 @@ import Language from './../../language/Language';
 const MenuItems = {
   "navbar.contact.title": {
     "navbar.contact.about": "/about",
+    "navbar.contact.programming": "/about/programming",
+    "navbar.contact.api": "/about/api",
+    "navbar.contact.other": "/about/other",
     "navbar.contact.contact": "/contact"
   },
   "navbar.legal.title": {
diff --git a/public/components/pages/AboutPage.jsx b/public/components/pages/AboutPage.jsx
index 5b44cd5..9ce6819 100644
--- a/public/components/pages/AboutPage.jsx
+++ b/public/components/pages/AboutPage.jsx
@@ -15,7 +15,7 @@ import { connect } from 'react-redux';
 import Language from './../../language/Language';
 
 import Page from './../Page';
-import BlankPromo from './../sections/BlankPromo';
+import Poly from './../sections/Poly';
 import BodySection from './../sections/BodySection';
 import SplitSection from './../sections/SplitSection';
 import VideoTitle from './../title/VideoTitle';
@@ -35,7 +35,7 @@ class AboutPage extends React.Component {
   render() {
     return (
       <Page className="c-page--style-about">
-        <BlankPromo />
+        <Poly />
 
         {/* Bio */}
         <SplitSection
diff --git a/public/components/pages/ContactPage.jsx b/public/components/pages/ContactPage.jsx
index 140261a..7f728a3 100644
--- a/public/components/pages/ContactPage.jsx
+++ b/public/components/pages/ContactPage.jsx
@@ -31,11 +31,12 @@ class ContactPage extends React.Component {
         <PhoneSection />
         <BodySection>
           <h1>{Language.get("contact.form.title")}</h1>
+          <p>
+            {Language.get("contact.form.info")}
+          </p>
           <div className="c-page--style-container__split">
-            <p className="c-page--style-container__split-part">
-              {Language.get("contact.form.info")}
-            </p>
             <ContactForm className="c-page--style-container__split-part" />
+            <div className="c-page--style-container__split-part"></div>
           </div>
         </BodySection>
       </Page>
diff --git a/public/components/pages/about/APIPage.jsx b/public/components/pages/about/APIPage.jsx
index bb40398..4d6dc13 100644
--- a/public/components/pages/about/APIPage.jsx
+++ b/public/components/pages/about/APIPage.jsx
@@ -13,7 +13,7 @@ import { connect } from 'react-redux';
 import Language from './../../../language/Language';
 
 import Page from './../../Page';
-import BlankPromo from './../../sections/BlankPromo';
+import Poly from './../../sections/Poly';
 import BodySection from './../../sections/BodySection';
 import VideoTitle from './../../title/VideoTitle';
 import SkillBox from './SkillBox';
@@ -28,7 +28,7 @@ class APIPage extends React.Component {
   render() {
     return (
       <Page className="c-page--style-api-skills">
-        <BlankPromo />
+        <Poly />
 
         <BodySection
           title={
diff --git a/public/components/pages/about/OtherSkillsPage.jsx b/public/components/pages/about/OtherSkillsPage.jsx
index 8b8d1fc..c1600d8 100644
--- a/public/components/pages/about/OtherSkillsPage.jsx
+++ b/public/components/pages/about/OtherSkillsPage.jsx
@@ -13,7 +13,7 @@ import { connect } from 'react-redux';
 import Language from './../../../language/Language';
 
 import Page from './../../Page';
-import BlankPromo from './../../sections/BlankPromo';
+import Poly from './../../sections/Poly';
 import BodySection from './../../sections/BodySection';
 import VideoTitle from './../../title/VideoTitle';
 import SkillBox from './SkillBox';
@@ -28,7 +28,7 @@ class OtherSkillsPage extends React.Component {
   render() {
     return (
       <Page className="c-page--style-other-skills">
-        <BlankPromo />
+        <Poly />
 
         <BodySection
           title={
diff --git a/public/components/pages/about/ProgrammingPage.jsx b/public/components/pages/about/ProgrammingPage.jsx
index a90e274..6888139 100644
--- a/public/components/pages/about/ProgrammingPage.jsx
+++ b/public/components/pages/about/ProgrammingPage.jsx
@@ -13,7 +13,7 @@ import { connect } from 'react-redux';
 import Language from './../../../language/Language';
 
 import Page from './../../Page';
-import BlankPromo from './../../sections/BlankPromo';
+import Poly from './../../sections/Poly';
 import BodySection from './../../sections/BodySection';
 import VideoTitle from './../../title/VideoTitle';
 import SkillBox from './SkillBox';
@@ -28,7 +28,7 @@ class ProgrammingPage extends React.Component {
   render() {
     return (
       <Page className="c-page--style-programming">
-        <BlankPromo />
+        <Poly />
 
         <BodySection
           title={
diff --git a/public/language/en-AU.jsx b/public/language/en-AU.jsx
index bbf64d0..5b4d47c 100644
--- a/public/language/en-AU.jsx
+++ b/public/language/en-AU.jsx
@@ -5,6 +5,9 @@ module.exports = {
     "contact": {
       "title": "Get in Touch",
       "about": "About Me",
+      "programming": "Programming Skills",
+      "api": "APIs & Tools Skills",
+      "other": "Other Skills",
       "contact": "Contact Me"
     },
     "legal": {
@@ -34,7 +37,15 @@ module.exports = {
             </p>
 
             <p>
-              Lorem
+              Some of my interests include; Programming, System Administration,
+              Hardware Repair, Disco Music, Video Games, Livestreaming, Video
+              Creation and editing, Voice Acting, Anime, Manga, Learning
+              Japanese and more!
+            </p>
+
+            <p>
+              Click one of the below headings to find out more about my
+              skillsets.
             </p>
           </div>
         );
@@ -47,7 +58,9 @@ module.exports = {
       "apis": " ",
 
       "other": "Beyond programming I have other skills in Computing Systems and " +
-        "media."
+        "media. Most of these skills are just hobbies but I have used them from " +
+        "time to time in my daily work. The skills can also often transfer to " +
+        "programming."
     },