src/app/app.component.html

@@ -6,4 +6,5 @@
   </div>
 }
 <app-version></app-version>
+<div class="contact">Wanna say something? <a href="mailto:manuel@fritteli.ch?subject=Contact%20via%20Convertorizr">Tell me!</a></div>
 <!--<router-outlet></router-outlet>-->

src/app/app.component.scss

@@ -1,3 +1,9 @@
+.contact {
+  font-size: small;
+  margin-right: 2em;
+  text-align: right;
+}
+
 .inputwrapper {
   font-family: "ABeeZee", sans-serif;
   margin: 0 1em 1em 1em;

src/app/step.ts

@@ -1,11 +1,11 @@
 import {Converter} from './converter/converter';
 
 export class Step {
-  public content = '';
+  public content: string = '';
   public selectedConverter: Converter | undefined;
   public index: number;
-  public error = false;
+  public error: boolean = false;
-  public message = '';
+  public message: string = '';
 
   constructor(index: number) {
     this.index = index;

src/styles.scss

@@ -18,6 +18,16 @@
   font-style: normal;
 }
 
+a {
+  color: #fc0;
+  transition: all ease-in-out 200ms;
+
+  &:hover {
+    color: #222;
+    background-color: #fc0;
+  }
+}
+
 body {
   background-color: #222;
   color: #eee;