added linkedin and age

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>

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