Clarified the rules

src/components/pages/rules.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+
+//panels
+import CommonLinks from '../panels/common_links.jsx';
+import Markdown from '../panels/markdown.jsx';
+
+class Rules extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			warning: '', //TODO: unified warning?
+			fetch: null
+		};
+	}
+
+	render() {
+		let warningStyle = {
+			display: this.state.warning.length > 0 ? 'flex' : 'none'
+		};
+
+		return (
+			<div className='page'>
+				<div className='sidePanelPage'>
+					<div className='sidePanel'>
+						<CommonLinks />
+					</div>
+
+					<div className='mainPanel'>
+						<div className='warning' style={warningStyle}>
+							<p>{this.state.warning}</p>
+						</div>
+
+						<Markdown url='/content/rules.md' setWarning={this.setWarning.bind(this)} />
+					</div>
+				</div>
+			</div>
+		);
+	}
+
+	setWarning(s) {
+		this.setState({ warning: s });
+	}
+};
+
+export default Rules;

src/components/pages/signup.jsx

@@ -34,7 +34,7 @@ class Signup extends React.Component {
 				<div className='break' />
 				<p className='centered'>Remember to verify your email!</p>
 				<div className='break' />
-				<p className='centered'>See the recent news post on<br /><Link to='/news/2019-06-05-01.md'>Moderation Of Usernames</Link>.</p>
+				<p className='centered'>Check our rules concerning<br /><Link to='/rules'>conduct in this game</Link>.</p>
 			</div>
 		);
 	}