From 5d6608e3e9932d2163f9f035db8bc30ee821119f Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Sun, 18 Mar 2018 14:21:23 +1100
Subject: [PATCH] Built "Programming" Page

---
 .../pages/about/ProgrammingPage.jsx           | 67 +++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 public/components/pages/about/ProgrammingPage.jsx

diff --git a/public/components/pages/about/ProgrammingPage.jsx b/public/components/pages/about/ProgrammingPage.jsx
new file mode 100644
index 0000000..042fc3f
--- /dev/null
+++ b/public/components/pages/about/ProgrammingPage.jsx
@@ -0,0 +1,67 @@
+/*
+ *  Programming Page
+ *    About that one lad.
+ *
+ *  Dependencies:
+ *    styles/components/_page--style-about.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/03/18
+ */
+import React from 'react';
+import { connect } from 'react-redux';
+
+import Language from './../../../language/Language';
+
+import Page from './../../Page';
+import BlankPromo from './../../sections/BlankPromo';
+import BodySection from './../../sections/BodySection';
+import VideoTitle from './../../title/VideoTitle';
+import SkillBox from './SkillBox';
+
+import programmingMP4 from './../../../videos/about/programming.mp4';
+
+class ProgrammingPage extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <Page className="c-page--style-programming">
+        <BlankPromo />
+
+        <BodySection
+          title={
+            <VideoTitle
+              title="about.titles.programming" mp4={programmingMP4}
+            />
+          }
+        >
+          <p>{ Language.get("about.descriptions.programming") }</p>
+
+          <div className="o-skill-box__container">
+            <SkillBox language="csharp" />
+            <SkillBox language="java" />
+            <SkillBox language="javascript" />
+            <SkillBox language="html" />
+            <SkillBox language="php" />
+            <SkillBox language="vb" />
+            <SkillBox language="sql" />
+            <SkillBox language="lua" />
+            <SkillBox language="actionscript" />
+            <SkillBox language="ruby" />
+            <SkillBox language="python" />
+          </div>
+        </BodySection>
+      </Page>
+    );
+  }
+}
+
+const mapStateToProps = function(state) {
+  return {
+    code: state.language.code
+  }
+}
+export default connect(mapStateToProps)(ProgrammingPage);