src/components/pages/Groups.js

-import React, { Component } from 'react';
-import { Container, Header, Segment } from 'semantic-ui-react';
 import './Groups.css';
-import { connect } from 'react-redux';
-import GroupCard from '../extra/GroupCard';
 
-import { getGroups } from '../../actions/groups';
+import { Container, Header, Segment } from 'semantic-ui-react';
+import React, { Component } from 'react';
 
+import GroupCard from '../extra/GroupCard';
+import { connect } from 'react-redux';
+import { getGroups } from '../../actions/groups';
 
 class Groups extends Component {
   UNSAFE_componentWillMount() {
@@ -15,11 +15,11 @@ class Groups extends Component {
   render() {
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
+        <Segment inverted textAlign="center" vertical>
           <Container>
             <Header
-              as='h1'
-              content='Köreink'
+              as="h1"
+              content="Köreink"
               inverted
               style={{
                 fontSize: '3em',
@@ -33,10 +33,16 @@ class Groups extends Component {
 
         <Segment style={{ padding: '1em 0em 5em' }} vertical>
           <Container text>
-            { this.props.groups
+            {this.props.groups
               // eslint-disable-next-line arrow-body-style
               .map((item) => {
-                return <GroupCard key={item.id} label={item.name} value={item.description} />;
+                return (
+                  <GroupCard
+                    key={item.id}
+                    label={item.name}
+                    value={item.description}
+                  />
+                );
               })}
           </Container>
         </Segment>

src/components/pages/Home.css

@@ -10,4 +10,28 @@
   -webkit-text-fill-color: white;
 }
 
+.quote {
+  position: relative;
+  margin-bottom: 0.5rem;
+}
+
+.quote:before {
+  content: '“';
+  position: absolute;
+  left: -0.45em;
+}
 
+.quote::after {
+  content: '”';
+  margin-right: -1rem;
+}
+
+.quote--container {
+  margin: 2rem auto 0;
+  padding-bottom: 0.7rem;
+}
+
+.quote--author {
+  text-align: right;
+  font-weight: 300;
+}

src/components/pages/News.css

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

src/reducers/AddNewsReducer.js

-import { WRITE_NEWS, CLEAR_WRITE } from '../actions/types';
+import { CLEAR_WRITE, WRITE_NEWS } from '../actions/types';
 
 const INITIAL_STATE = { title: '', text: '' };