From 880af043a940aedf02a4ceee0d75327b9e0cc249 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Tue, 18 Oct 2022 23:40:27 +0200
Subject: [PATCH] First bit about me

---
 pages/me.tsx                    | 26 ++++++++++++++++++++++++++
 styles/Blog/AboutMe.module.scss |  3 +++
 2 files changed, 29 insertions(+)
 create mode 100644 pages/me.tsx
 create mode 100644 styles/Blog/AboutMe.module.scss

diff --git a/pages/me.tsx b/pages/me.tsx
new file mode 100644
index 0000000..30f76be
--- /dev/null
+++ b/pages/me.tsx
@@ -0,0 +1,26 @@
+import type { NextPage } from "next";
+import Layout from "../components/Blog/Layout";
+
+import styles from "../styles/Blog/AboutMe.module.scss";
+
+const SkillBar: NextPage<{ skill: string, color: string, pct: number }> = ({skill, color, pct}) => {
+    return <></>;
+};
+
+const AboutMe: NextPage = () => {
+    const age = new Date().getFullYear() - 1998 - (new Date().getMonth() < 10 ? 1 : 0);
+
+    return <Layout>
+        <h1>This is me.</h1>
+        <p className={styles.preText}>
+            Hi! My name is <strong>Daniel</strong> and I'm an automation engineer from Germany.
+        </p>
+        <p>
+            I'm currently studying <strong>Information Systems Engineering</strong> at the <strong>TU Dresden</strong><br/>
+            Currently I'm {age} years old.
+        </p>
+    </Layout>;
+
+};
+
+export default AboutMe;
\ No newline at end of file
diff --git a/styles/Blog/AboutMe.module.scss b/styles/Blog/AboutMe.module.scss
new file mode 100644
index 0000000..6e83af2
--- /dev/null
+++ b/styles/Blog/AboutMe.module.scss
@@ -0,0 +1,3 @@
+.preText {
+    font-size: 1.2em;
+}
\ No newline at end of file