Added team page.

frontend/app/js/app.jsx

@@ -145,6 +145,14 @@ class App extends Component { // eslint-disable-line react/no-multi-comp
 						auth="ignored"
 						title={ t("pages:privacy") }
 					/>
+					<AuthRoute
+						path="/team"
+						component={ asyncComponent(() =>
+							System.import("views/Team").then(module => module.default)
+						) }
+						auth="ignored"
+						title={ t("pages:team") }
+					/>
 					<AuthRoute
 						exact
 						path="/"

frontend/app/js/views/Team/index.jsx

@@ -0,0 +1,87 @@
+import React, {Component} from "react";
+import PropTypes from "prop-types";
+import {translate} from "react-i18next";
+
+// import "team.scss";
+
+@translate(["team"], {wait: true})
+export default class Team extends Component {
+	static propTypes = {
+		t: PropTypes.func,
+	};
+
+	static defaultProps = {
+		t: () => {
+		},
+	};
+
+	render() {
+		const { t } = this.props;
+
+		return (
+			<main>
+				<h1>{t("team:title")}</h1>
+
+				<div className="current-members">
+					<div className="current-member">
+						<span className="name">Kristian Vos</span>
+						<span className="line"><b>Role:</b> <span>Founder - Developer - Designer</span></span>
+						<span className="line"><b>Joined:</b> <span>September 23, 2015</span></span>
+						<span className="line"><b>Email:</b> <span><a href="mailto:&#107;&#114;&#105;&#115;&#064;&#109;&#117;&#115;&#097;&#114;&#101;&#046;&#099;&#111;&#109;">kris@musare.com</a></span></span>
+					</div>
+					<div className="current-member">
+						<span className="name">Owen Diffey</span>
+						<span className="line"><b>Role:</b> <span>Community manager</span></span>
+						<span className="line"><b>Joined:</b> <span>February 29, 2016</span></span>
+						<span className="line"><b>Email:</b> <span><a href="mailto:&#111;&#119;&#101;&#110;&#064;&#109;&#117;&#115;&#097;&#114;&#101;&#046;&#099;&#111;&#109;">owen@musare.com</a></span></span>
+					</div>
+					<div className="current-member">
+						<span className="name">Antonio</span>
+						<span className="line"><b>Role:</b> <span>Lead-Moderator</span></span>
+						<span className="line"><b>Joined:</b> <span>November 11, 2015</span></span>
+						<span className="line"><b>Email:</b> <span><a href="mailto:&#097;&#110;&#116;&#111;&#110;&#105;&#111;&#064;&#109;&#117;&#115;&#097;&#114;&#101;&#046;&#099;&#111;&#109;">antonio@musare.com</a></span></span>
+					</div>
+				</div>
+
+				<h2>{ t("team:oldTeamMembers") }</h2>
+				<div className="old-members">
+					<div className="old-member">
+						<span className="name">Adryd</span>
+						<span className="line"><b>Role:</b> <span>Designer</span></span>
+						<span className="line"><b>Joined:</b> <span>April 21, 2017</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Cameron Kline</span>
+						<span className="line"><b>Role:</b> <span>Developer</span></span>
+						<span className="line"><b>Joined:</b> <span>August 26, 2016</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Wesley McCann</span>
+						<span className="line"><b>Role:</b> <span>Developer</span></span>
+						<span className="line"><b>Joined:</b> <span>November 8, 2015</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Nex</span>
+						<span className="line"><b>Role:</b> <span>Developer</span></span>
+						<span className="line"><b>Joined:</b> <span>February 26, 2016</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Akira Laine</span>
+						<span className="line"><b>Role:</b> <span>Founder - Developer</span></span>
+						<span className="line"><b>Joined:</b> <span>February 23, 2015</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Johannes Andersen</span>
+						<span className="line"><b>Role:</b> <span>Developer</span></span>
+						<span className="line"><b>Joined:</b> <span>September 23, 2015</span></span>
+					</div>
+					<div className="old-member">
+						<span className="name">Aaron Gildea</span>
+						<span className="line"><b>Role:</b> <span>Moderator</span></span>
+						<span className="line"><b>Joined:</b> <span>November 7, 2015</span></span>
+					</div>
+				</div>
+			</main>
+		);
+	}
+}