Merge pull request 'Add contact email link.' (#15) from feature/contact-email into main

Reviewed-on: #15

README.md

@@ -2,10 +2,10 @@
 
 This is a short introduction to the awesome Convertorizr hosted at https://conv.friedli.info/.
 
-Continuous integration is automated with Drone CI ([![Build Status](https://ci.gittr.ch/api/badges/manuel/converter/status.svg)](https://ci.gittr.ch/manuel/converter)). Usage is self-explanatory. What else do you need to know?
+Continuous integration is automated with Drone CI ([![Build Status](https://ci.gittr.ch/api/badges/manuel/converter/status.svg?ref=refs/heads/main)](https://ci.gittr.ch/manuel/converter)). Usage is self-explanatory. What else do you need to know?
 
 The source code is hosted at https://gittr.ch/manuel/converter.git.
-Contact the author at manuel-convertorizr|at|fritteli.ch.
+Contact the author at manuel|at|fritteli.ch.
 
 Cheers!
 

angular.json

@@ -26,7 +26,7 @@
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              "src/favicon.ico",
+              "src/favicon.svg",
               "src/assets"
             ],
             "styles": [
@@ -86,7 +86,7 @@
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              "src/favicon.ico",
+              "src/favicon.svg",
               "src/assets"
             ],
             "styles": [

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "convertorizr",
-  "version": "2.0.0",
+  "version": "2.0.1-dev.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "convertorizr",
-      "version": "2.0.0",
+      "version": "2.0.1-dev.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^17.1.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "convertorizr",
-  "version": "2.0.0",
+  "version": "2.0.1-dev.0",
   "description": "Decode or encode base64, punycode, HTML entities, URI components, ...",
   "keywords": [
     "encode",

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 message = '';
+  public error: boolean = false;
+  public message: string = '';
 
   constructor(index: number) {
     this.index = index;

src/favicon.svg

@@ -0,0 +1,12 @@
+<svg width="200.00000000000003" height="200.00000000000003" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <g transform="rotate(15, 100, 100)" id="svg_17">
+      <path transform="rotate(180, 99.9999, 74)" id="svg_12"
+            d="m184.24971,82.10834c0,-20.74388 -75.43989,-37.56014 -168.49966,-37.56014l0,-30.04811l0,0c93.05978,0 168.49966,16.81624 168.49966,37.56014l0,30.04811c0,17.12736 -51.97904,32.08561 -126.37475,36.36745l0,15.02406l-42.12491,-28.85542l42.12491,-31.2408l0,15.02406l0,0c50.16559,-2.88727 91.58326,-10.75847 112.3076,-21.34339"
+            stroke-width="4" stroke="#ff8800" fill="#ffcc00"/>
+      <path id="svg_15"
+            d="m184.24994,134.10839c0,-20.74388 -75.43989,-37.56014 -168.49966,-37.56014l0,-30.04811l0,0c93.05978,0 168.49966,16.81624 168.49966,37.56014l0,30.04811c0,17.12736 -51.97904,32.08561 -126.37475,36.36745l0,15.02406l-42.12491,-28.85542l42.12491,-31.2408l0,15.02406l0,0c50.16559,-2.88727 91.58326,-10.75847 112.3076,-21.34339"
+            stroke-width="4" stroke="#ff8800" fill="#ffcc00"/>
+    </g>
+  </g>
+</svg>

src/index.html

@@ -7,7 +7,7 @@
   <script>document.getElementsByTagName('base')[0].setAttribute('href', window.location.pathname);</script>
   <title>Convertorizr - Convert whatever you want!</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" sizes="any">
 </head>
 <body>
 <h1>Convert it all</h1>

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;