From 7a70ba654c1dd5ad95548222d4379421744910a5 Mon Sep 17 00:00:00 2001
From: vaporvee <yannik@vaporvee.com>
Date: Thu, 1 Feb 2024 10:16:18 +0100
Subject: [PATCH] added linkedin and age

---
 public/linkedin-icon.svg    |  1 +
 src/components/Navbar.astro | 28 ++++++++++++++++++++--------
 src/pages/index.astro       |  5 ++++-
 3 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 public/linkedin-icon.svg

diff --git a/public/linkedin-icon.svg b/public/linkedin-icon.svg
new file mode 100644
index 0000000..831894b
--- /dev/null
+++ b/public/linkedin-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="#fff" d="M474.919 0H38.592C17.72 0 0 16.504 0 36.841V475.14C0 495.496 11.629 512 32.492 512h436.327C489.718 512 512 495.496 512 475.14V36.841C512 16.504 495.809 0 474.919 0zM195.043 195.043h68.928v35.136h.755c10.505-18.945 41.541-38.177 79.921-38.177 73.655 0 94.214 39.108 94.214 111.538v135.321h-73.148V316.883c0-32.427-12.947-60.883-43.227-60.883-36.768 0-54.295 24.889-54.295 65.758v117.103h-73.148V195.043zM73.139 438.861h73.148V195.043H73.139v243.818zm82.289-329.148c0 25.258-20.457 45.715-45.715 45.715-25.258 0-45.715-20.457-45.715-45.715 0-25.258 20.457-45.715 45.715-45.715 25.258 0 45.715 20.457 45.715 45.715z"/></svg>
\ No newline at end of file
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 0a25f60..6312f63 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -33,19 +33,28 @@ const routes = {
             })
         }
     </nav>
-    <a href="https://github.com/vaporvee"
-        ><img
-            src="/github-mark.svg"
-            alt="My GitHub account"
-            class="github"
-        /></a
-    >
+    <div>
+        <a href="https://github.com/vaporvee"
+            ><img
+                src="/github-mark.svg"
+                alt="My GitHub account"
+                class="social"
+            /></a
+        >
+        <a href="https://www.linkedin.com/in/yannik-ain/"
+            ><img
+                src="/linkedin-icon.svg"
+                alt="My Linkedin account"
+                class="social"
+            /></a
+        >
+    </div>
 </header>
 
 <style lang="scss">
     nav {
         justify-self: flex-start;
-        display: flex;
+        display: inline-flex;
     }
     .navbar-entry {
         display: flex;
@@ -77,4 +86,7 @@ const routes = {
         font-family: "Satoshi-Bold";
         color: #7eca9c;
     }
+    .social {
+        width: 22px;
+    }
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7431e53..4aed449 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import "../styles/home.scss";
+
+const yannikAge = new Date().getFullYear() - 2004; // 31/12/2003
 ---
 
 <Layout
@@ -25,7 +27,8 @@ import "../styles/home.scss";
 		<div class="content">
 			<p>
 				Hello my name is <b>Yannik</b>!<br />
-				I’m a 20 year old <b>Game Developer</b> living <b>in Germany</b
+				I’m a {yannikAge} year old <b>Game Developer</b> living <b
+					>in Germany</b
 				>.<br />
 				I mostly code in C++, Godot Engine's GDScript and C#.<br />
 				I am mostly self taught but i cant really say when i began to learn