diff --git a/src/App.tsx b/src/App.tsx
index 5a73454..fabb228 100644
--- a/src/App.tsx
+++ b/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 && {error}}
+
);
}
diff --git a/src/components/Credits.tsx b/src/components/Credits.tsx
new file mode 100644
index 0000000..2bd653f
--- /dev/null
+++ b/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<{}> = () => (
+
+ Built by Rene Saarsoo.
+ ·
+ Graphics inspired by What's on Zwift?
+ ·
+ Sweat provided by Zwift :-)
+
+)
\ No newline at end of file