From 5f7d52966a454dd598f14e38144a585cc8a15d53 Mon Sep 17 00:00:00 2001
From: schmelczerandras <schmelczer.andras@simonyi.bme.hu>
Date: Thu, 14 Jan 2021 10:15:33 +0100
Subject: [PATCH] Add LinkedIn link

---
 .vscode/settings.json          | 1 +
 src/page/footer/footer.html.ts | 6 ++++++
 src/page/footer/footer.ts      | 3 ++-
 src/portfolio.ts               | 1 +
 src/static/icons/linkedin.svg  | 8 ++++++++
 5 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/static/icons/linkedin.svg

diff --git a/.vscode/settings.json b/.vscode/settings.json
index c930042..dd4be0e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -8,6 +8,7 @@
     "forex",
     "froms",
     "leds",
+    "linkedin",
     "mesmerising",
     "mixins",
     "optimisations",
diff --git a/src/page/footer/footer.html.ts b/src/page/footer/footer.html.ts
index bfecf09..66ad0d8 100644
--- a/src/page/footer/footer.html.ts
+++ b/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>
diff --git a/src/page/footer/footer.ts b/src/page/footer/footer.ts
index 865cc75..7609cd4 100644
--- a/src/page/footer/footer.ts
+++ b/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;
diff --git a/src/portfolio.ts b/src/portfolio.ts
index e335061..6ae678e 100644
--- a/src/portfolio.ts
+++ b/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__),
diff --git a/src/static/icons/linkedin.svg b/src/static/icons/linkedin.svg
new file mode 100644
index 0000000..4aafdc6
--- /dev/null
+++ b/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>
\ No newline at end of file