Added the banner image

public/styles/shared.css

@@ -17,6 +17,20 @@ body {
 	color: white;
 }
 
+.banner {
+	max-width: 320px;
+	height: auto;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: .5em;
+}
+
+@media screen and (max-width: 480px) {
+	.banner {
+		max-width: 80%;
+	}
+}
+
 h1 {
 	font-size: 24pt;
 	color: pink;

server/index.js

@@ -42,6 +42,7 @@ profiles.runGoldTick(connection);
 
 //static directories
 app.use('/styles', express.static(path.resolve(__dirname + '/../public/styles')) );
+app.use('/img', express.static(path.resolve(__dirname + '/../public/img')) );
 
 //the app file
 app.get('/app.bundle.js', (req, res) => {

src/components/app.jsx

@@ -20,6 +20,7 @@ export default class App extends React.Component {
 	render() {
 		return (
 			<div className = 'central'>
+				<img className='banner' src={'/img/flag.png'} />
 				<BrowserRouter>
 					<Switch>
 						<Route exact path='/' component={Home} />

src/components/pages/home.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { withRouter, Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
 
 //panels
 import CommonLinks from '../panels/common_links.jsx';
@@ -37,8 +36,6 @@ class Home extends React.Component {
 		//return the home page
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />
 
@@ -117,11 +114,6 @@ class Home extends React.Component {
 	}
 }
 
-Home.propTypes = {
-	id: PropTypes.number.isRequired,
-	token: PropTypes.number.isRequired
-};
-
 function mapStoreToProps(store) {
 	return {
 		id: store.account.id,

src/components/pages/ladder.jsx

@@ -22,8 +22,6 @@ class Ladder extends React.Component {
 
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<div className='sidePanel'>
 						<CommonLinks />

src/components/pages/profile.jsx

@@ -59,8 +59,6 @@ class Profile extends React.Component {
 		//finally
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />