From 466bdee08c436308e85c03668126ca29ebc66685 Mon Sep 17 00:00:00 2001 From: Dominic Masters Date: Sun, 13 May 2018 14:44:00 +1000 Subject: [PATCH] Adding contact page. --- public/App.jsx | 2 + public/language/en-AU.jsx | 23 ++++- public/page/contact/ContactPage.jsx | 101 ++++++++++++++++++++ public/page/home/Homepage.jsx | 1 - public/section/Section.jsx | 4 +- public/section/body/BodySection.jsx | 34 +++++++ public/styles/components/_body-section.scss | 16 ++++ public/styles/index.scss | 1 + public/styles/settings/colors.scss | 3 + 9 files changed, 182 insertions(+), 3 deletions(-) create mode 100644 public/section/body/BodySection.jsx create mode 100644 public/styles/components/_body-section.scss 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 ( + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + +
+ + + + + + + + + + + + +