added linkedin and age

This commit is contained in:
2024-02-01 10:16:18 +01:00
parent 7648fc9f69
commit 7a70ba654c
3 changed files with 25 additions and 9 deletions

1
public/linkedin-icon.svg Normal file
View File

@@ -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>

After

Width:  |  Height:  |  Size: 851 B

View File

@@ -33,19 +33,28 @@ const routes = {
}) })
} }
</nav> </nav>
<div>
<a href="https://github.com/vaporvee" <a href="https://github.com/vaporvee"
><img ><img
src="/github-mark.svg" src="/github-mark.svg"
alt="My GitHub account" alt="My GitHub account"
class="github" class="social"
/></a /></a
> >
<a href="https://www.linkedin.com/in/yannik-ain/"
><img
src="/linkedin-icon.svg"
alt="My Linkedin account"
class="social"
/></a
>
</div>
</header> </header>
<style lang="scss"> <style lang="scss">
nav { nav {
justify-self: flex-start; justify-self: flex-start;
display: flex; display: inline-flex;
} }
.navbar-entry { .navbar-entry {
display: flex; display: flex;
@@ -77,4 +86,7 @@ const routes = {
font-family: "Satoshi-Bold"; font-family: "Satoshi-Bold";
color: #7eca9c; color: #7eca9c;
} }
.social {
width: 22px;
}
</style> </style>

View File

@@ -1,6 +1,8 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../layouts/Layout.astro";
import "../styles/home.scss"; import "../styles/home.scss";
const yannikAge = new Date().getFullYear() - 2004; // 31/12/2003
--- ---
<Layout <Layout
@@ -25,7 +27,8 @@ import "../styles/home.scss";
<div class="content"> <div class="content">
<p> <p>
Hello my name is <b>Yannik</b>!<br /> Hello my name is <b>Yannik</b>!<br />
Im a 20 year old <b>Game Developer</b> living <b>in Germany</b Im a {yannikAge} year old <b>Game Developer</b> living <b
>in Germany</b
>.<br /> >.<br />
I mostly code in C++, Godot Engine's GDScript and C#.<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 I am mostly self taught but i cant really say when i began to learn