diff --git a/public/App.jsx b/public/App.jsx
index cc344db..fecacb3 100644
--- a/public/App.jsx
+++ b/public/App.jsx
@@ -27,6 +27,7 @@ import { HashRouter, Route, Switch } from 'react-router-dom';
//Pages
import Homepage from './page/home/Homepage';
+import ContactPage from './page/contact/ContactPage';
class App extends React.Component {
constructor(props) {
@@ -41,6 +42,7 @@ class App extends React.Component {
+
diff --git a/public/language/en-AU.jsx b/public/language/en-AU.jsx
index 6dc6def..c450066 100644
--- a/public/language/en-AU.jsx
+++ b/public/language/en-AU.jsx
@@ -4,10 +4,31 @@ module.exports = {
"site": {
"name": "domsPlace"
},
-
+
"navbar": {
"home": "Home",
"about": "About",
"contact": "Contact"
+ },
+
+ "pages": {
+ "contact": {
+ "name": {
+ "label": "Name",
+ "placeholder": "Enter your name."
+ },
+
+ "email": {
+ "label": "Email Address",
+ "placeholder": "Enter your email address."
+ },
+
+ "message": {
+ "label": "Message",
+ "placeholder": "Enter your message."
+ },
+
+ "send": "Send"
+ }
}
}
diff --git a/public/page/contact/ContactPage.jsx b/public/page/contact/ContactPage.jsx
index e69de29..02a2d83 100644
--- a/public/page/contact/ContactPage.jsx
+++ b/public/page/contact/ContactPage.jsx
@@ -0,0 +1,101 @@
+// Copyright (c) 2018 Dominic Masters
+//
+// MIT License
+//
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+//
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+import React from 'react';
+import { connect } from 'react-redux';
+import Page, { PageBoundary } from './../Page';
+import Section, { BodySection } from './../../section/Section';
+import Input, { Form, InputGroup, TextArea, Label } from './../../input/input';
+import Language from './../../language/Language';
+
+class ContactPage extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+ render() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+const mapStateToProps = function(state) {
+ return {
+ code: state.language.code
+ }
+}
+
+export default connect(mapStateToProps)(ContactPage);
diff --git a/public/page/home/Homepage.jsx b/public/page/home/Homepage.jsx
index 250deee..c791119 100644
--- a/public/page/home/Homepage.jsx
+++ b/public/page/home/Homepage.jsx
@@ -25,7 +25,6 @@ import React from 'react';
import Page, { PageBoundary } from './../Page';
import Section, { ImageSection } from './../../section/Section';
import FloatingContentBox from './../../content/FloatingContentBox';
-import { Button } from './../../input/Inputs';
import Image from './../../image/Image';
import { Title, Subtitle } from './../../typography/Typography';
diff --git a/public/section/Section.jsx b/public/section/Section.jsx
index 3df6efe..ec9efa8 100644
--- a/public/section/Section.jsx
+++ b/public/section/Section.jsx
@@ -43,8 +43,10 @@ export default class Section extends React.Component {
import ImageSection from './image/ImageSection';
import VideoSection from './video/VideoSection';
+import BodySection from './body/BodySection';
export {
ImageSection,
- VideoSection
+ VideoSection,
+ BodySection
}
diff --git a/public/section/body/BodySection.jsx b/public/section/body/BodySection.jsx
new file mode 100644
index 0000000..f34d4a0
--- /dev/null
+++ b/public/section/body/BodySection.jsx
@@ -0,0 +1,34 @@
+// Copyright (c) 2018 Dominic Masters
+//
+// MIT License
+//
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+//
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+import React from 'react';
+import Section from './../Section';
+
+export default function(props) {
+ let clazz = "c-body-section";
+ if(props.className) clazz += " " + props.className;
+
+ return (
+
+ );
+};
diff --git a/public/styles/components/_body-section.scss b/public/styles/components/_body-section.scss
new file mode 100644
index 0000000..2e5adae
--- /dev/null
+++ b/public/styles/components/_body-section.scss
@@ -0,0 +1,16 @@
+/*
+ * Body Section
+ * Body Section.
+ *
+ * Dependencies:
+ * styles/settings/colors.scss
+ *
+ * Version:
+ * 1.0.0 - 2018/05/13
+ */
+$c-body-section--padding: 1em;
+
+.c-body-section {
+ background: $s-color--background;
+ padding: $c-body-section--padding;
+}
diff --git a/public/styles/index.scss b/public/styles/index.scss
index 987a931..411e212 100644
--- a/public/styles/index.scss
+++ b/public/styles/index.scss
@@ -64,6 +64,7 @@
@import './objects/_video.scss';
//Components
+@import './components/_body-section.scss';
@import './components/_image-section.scss';
@import './components/_page.scss';
@import './components/_section.scss';
diff --git a/public/styles/settings/colors.scss b/public/styles/settings/colors.scss
index a1561ed..7d6bf26 100644
--- a/public/styles/settings/colors.scss
+++ b/public/styles/settings/colors.scss
@@ -26,6 +26,9 @@ $s-color--swatch-blue: #BAE1FF;
/*
== Color Definitions ==
*/
+
+$s-color--background: white;
+
//Hyperlink Colors
$s-color--link: #FC78DE;
$s-color--link-hover: lighten($s-color--link, 10%);