Add credits footer

src/App.tsx

@@ -7,6 +7,7 @@ import styled from 'styled-components';
 import { CodeEditor } from './components/CodeEditor';
 import { ZwoOutput } from './components/ZwoOutput';
 import logo from "./logo.png";
+import { Credits } from './components/Credits';
 
 const defaultWorkout = `Name: Sample workout
 Description: Try changing it, and see what happens below.
@@ -63,6 +64,7 @@ export function App() {
       {error && <ErrorMessage>{error}</ErrorMessage>}
       <WorkoutStats workout={workout} />
       <ZwoOutput workout={workout} />
+      <Credits />
     </AppContainer>
   );
 }

src/components/Credits.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const Text = styled.p`
+  font-size: 12px;
+  text-align: center;
+  margin-top: 3em;
+  border-top: 1px solid #eee;
+  padding-top: 1em;
+  color: gray;
+`;
+
+export const Credits: React.FC<{}> = () => (
+  <Text>
+    Built by Rene Saarsoo.
+    ·
+    Graphics inspired by <a href="https://whatsonzwift.com/workouts/">What's on Zwift?</a>
+    &nbsp;·
+    Sweat provided by <a href="https://zwift.com">Zwift</a> :-)
+  </Text>
+)