Changed the color scheme

public/news/2019-05-22-01.md

@@ -1,5 +1,6 @@
 Hello World!
 ---
+_22 May 2019_
 
 Oh, um... OK, let's start then! Welcome to Kingdom Battles where you can fight for your life and the honour of being at the top of the ladder! Well, as soon as the ladder is implemented...
 

public/styles/shared.css

@@ -13,13 +13,13 @@ body {
 	flex-direction: column;
 	overflow-x: hidden;
 	overflow-y: auto;
-	background-color: #000000;
+	background-color: #111111;
 	color: white;
 }
 
 h1 {
 	font-size: 24pt;
-	color: red;
+	color: pink;
 }
 
 h2 {
@@ -44,6 +44,10 @@ ul {
 	padding-bottom: .5rem;
 }
 
+a {
+	color: lightblue;
+}
+
 .centered {
 	text-align: center;
 }
@@ -171,22 +175,30 @@ footer {
 	}
 }
 
-/* News panel */
+/* main panel */
 .mainPanel {
-	margin-left: 15px;
+	margin-left: 30px;
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 }
 
+@media screen and (max-width: 768px) {
+	.mainPanel {
+		margin-left: 15px;
+	}
+}
+
 @media screen and (max-width: 480px) {
 	.mainPanel {
+		margin-left: 0;
 		align-self: stretch;
 		width: auto;
 	}
 }
 
+/* profile page */
 .table {
 	flex: 1;
 	display: flex;

src/components/panels/news_panel.jsx

@@ -9,18 +9,18 @@ class NewsPanel extends React.Component {
 			data: {}
 		};
 
-		this.fetchNews();
+		this.fetchNews(3);
 	}
 
 	render() {
 		return (
 			<div>
-				{Object.keys(this.state.data).map((key, index) => <div key={key}><ReactMarkdown source={this.state.data[key]} escapeHTML={false} /><hr /></div> )}
+				{Object.keys(this.state.data).map((key) => <div key={key}><ReactMarkdown source={this.state.data[key]} escapeHTML={false} /><hr /></div> )}
 			</div>
 		);
 	}
 
-	fetchNews() {
+	fetchNews(max = 3) {
 		//build the XHR
 		let xhr = new XMLHttpRequest();
 
@@ -34,9 +34,7 @@ class NewsPanel extends React.Component {
 
 		xhr.open('POST', '/newsrequest', true);
 		xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-		xhr.send(JSON.stringify({
-			max: 3
-		}));
+		xhr.send(JSON.stringify({ max: max }));
 	}
 };