From d5889749c69f7ce808154676a423786c92c860c4 Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Thu, 20 Jul 2023 01:55:59 +0200
Subject: [PATCH] feat: added index page and function

---
 src/lib/calculate-age.ts | 13 +++++++++++++
 src/routes/+page.svelte  | 20 ++++++++++++++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/calculate-age.ts

diff --git a/src/lib/calculate-age.ts b/src/lib/calculate-age.ts
new file mode 100644
index 0000000..0916c0d
--- /dev/null
+++ b/src/lib/calculate-age.ts
@@ -0,0 +1,13 @@
+export function calculateAge(birthdate: string): number {
+  const birthDate = new Date(birthdate);
+  const currentDate = new Date();
+  
+  let age = currentDate.getFullYear() - birthDate.getFullYear();
+  const monthDiff = currentDate.getMonth() - birthDate.getMonth();
+
+  if (monthDiff < 0 || (monthDiff === 0 && currentDate.getDate() < birthDate.getDate())) {
+    age--;
+  }
+
+  return age;
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5982b0a..3589c75 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,18 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<!-- Index.svelte -->
+<script>
+	import { calculateAge } from "$lib/calculate-age";
+
+  export let age = calculateAge('1994-10-18');
+  export let girlfriendDuration = calculateAge('2011-08-08');
+  export let location = "Zaandam, Netherlands";
+  export let loves = "cats and whiskey";
+  export let passion = "solving problems with code and automation";
+</script>
+
+<main>
+  <h1>Hello, I'm Bart van der Braak!</h1>
+  <p>I'm {age} years old and have been with my girlfriend for {girlfriendDuration} years.</p>
+  <p>I'm located in {location}.</p>
+  <p>I love {loves}.</p>
+  <p>I'm passionate about {passion}.</p>
+</main>
\ No newline at end of file