Add footer

Author: mheidinger

src/components/App.css

@@ -1,3 +1,7 @@
+.App {
+  margin-bottom: 50px;
+}
+
 .Header {
   display: flex;
   align-items: center;

src/components/App.tsx

@@ -6,6 +6,7 @@ import TextBox from './TextBox';
 import { createMuiTheme, ThemeProvider, IconButton } from '@material-ui/core';
 import { Settings } from './Settings';
 import logo from '../resources/logo.png'
+import { Footer } from './Footer';
 
 enum TextType {
   LEFT, RIGHT
@@ -96,6 +97,7 @@ class App extends React.Component<{}, AppState> {
               rightTitle="Changed"
             />
           </div>
+          <Footer/>
         </div>
       </ThemeProvider>
     );

src/components/Footer.css

@@ -0,0 +1,15 @@
+.Footer {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	padding: 0px 15px;
+	color: grey;
+}
+
+.Footer a, .Footer a:visited {
+	color: darkgrey;
+}
+
+.Footer a:hover {
+	color: rgb(141, 129, 129);
+}

src/components/Footer.tsx

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from "react";
+import './Footer.css'
+
+export const Footer: FunctionComponent = function(props) {
+	return (
+		<div className="Footer">
+			<p>Made by <a href="https://max-heidinger.de">Max Heidinger</a></p>
+		</div>
+	);
+}