src/components/pages/News.css

+.news-extra {
+  color: grey;
+  font-size: 0.75em;
+  font-style: italic;
+  font-family: fantasy;
+  text-align: justify;
+}
+
+.news-text {
+  font-size: 1.15em;
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: justify;
+}

src/components/pages/NotFound.js

-import React from 'react';
+import { Button, Container, Header, Icon, Segment } from 'semantic-ui-react';
+import React, { Component } from 'react';
 
-const NotFound = () => (
-  <div>
-    <p>404: Page not found</p>
-  </div>
-);
-
-export default NotFound;
+export default class NotFound extends Component {
+  render() {
+    return (
+      <div>
+        <Segment inverted textAlign="center" vertical>
+          <Container>
+            <Header
+              as="h1"
+              content="404 - A keresett oldal nem található!"
+              inverted
+              style={{
+                fontSize: '3em',
+                fontWeight: 'normal',
+                marginBottom: 0,
+                marginTop: '0.5em',
+              }}
+            />
+            <Button
+              href="/"
+              primary
+              size="huge"
+              style={{
+                fontSize: '2em',
+                marginTop: '1em',
+                marginBottom: '1em',
+              }}
+            >
+              Vissza a Főoldalra
+              <Icon name="right arrow" />
+            </Button>
+          </Container>
+        </Segment>
+      </div>
+    );
+  }
+}

src/components/pages/Roster.js

-import React from 'react';
-import { Switch, Route } from 'react-router-dom';
-import FullRoster from './roster/FullRoster';
-import Player from './roster/Player';
-
-const Roster = () => (
-  <Switch>
-    <Route exact path='/roster' component={FullRoster} />
-    <Route path='/roster/:number' component={Player} />
-  </Switch>
-);
-
-
-export default Roster;

src/components/pages/roster/FullRoster.js

-import React from 'react';
-import { Link } from 'react-router-dom';
-
-const FullRoster = () => (
-  <div>
-    <ul>
-      <Link to={'/roster/0'}>0</Link>
-    </ul>
-  </div>
-);
-
-export default FullRoster;

src/components/pages/roster/Player.js

-import React from 'react';
-import { Link } from 'react-router-dom';
-
-const Player = () => (
-  <div>
-    Sorry
-    <Link to='/roster'>Back</Link>
-  </div>
-);
-
-export default Player;

src/config.js.temp

-export const APIKEY = '';

src/index.css

-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-}