Add LinkedIn link

.vscode/settings.json

@@ -8,6 +8,7 @@
     "forex",
     "froms",
     "leds",
+    "linkedin",
     "mesmerising",
     "mixins",
     "optimisations",

src/page/footer/footer.html.ts

@@ -1,6 +1,7 @@
 import './footer.scss';
 import cvIcon from '../../static/icons/cv.svg';
 import emailIcon from '../../static/icons/email.svg';
+import linkedinIcon from '../../static/icons/linkedin.svg';
 import { html } from '../../types/html';
 import { FooterParameters } from './footer';
 
@@ -8,6 +9,7 @@ export const generate = ({
   title,
   email,
   curriculaVitae,
+  linkedin,
   lastEditText,
   lastEdit,
 }: FooterParameters): html => `
@@ -24,6 +26,10 @@ export const generate = ({
             `
           )
           .join('\n')}
+      <li>
+        ${linkedinIcon}
+        <a id="linkedin" target="_blank" href="${linkedin}">Find me on LinkedIn</a>
+      </li>
       <li>
         ${emailIcon}
         <a id="email" href="mailto:${email}">${email}</a>

src/page/footer/footer.ts

@@ -5,7 +5,8 @@ import { url } from '../../types/url';
 
 export interface FooterParameters {
   title: string;
-  email: string;
+  email: url;
+  linkedin: url;
   curriculaVitae: Array<{
     name: string;
     url: url;

src/portfolio.ts

@@ -65,6 +65,7 @@ export const create = () => {
         title: `Learn more`,
         curriculaVitae: [{ name: `Curriculum vitae`, url: cvEnglish }],
         email: `andras@schmelczer.dev`,
+        linkedin: `https://www.linkedin.com/in/andras-schmelczer-35487017b`,
         lastEditText: `Last modified on `,
         // @ts-ignore: injected by webpack
         lastEdit: new Date(__CURRENT_DATE__),

src/static/icons/linkedin.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <rect x="4" y="4" width="16" height="16" rx="2" />
+  <line x1="8" y1="11" x2="8" y2="16" />
+  <line x1="8" y1="8" x2="8" y2="8.01" />
+  <line x1="12" y1="16" x2="12" y2="11" />
+  <path d="M16 16v-3a2 2 0 0 0 -4 0" />
+</svg>