From 1f3f917f7e17ae118dc59c9a49dd5dcd85208cb5 Mon Sep 17 00:00:00 2001
From: Kingkor Roy Tirtho <krtirtho@gmail.com>
Date: Fri, 9 Feb 2024 13:54:37 +0600
Subject: [PATCH] feat: add author details in about page

---
 website/src/routes/+layout.svelte     |  3 ++-
 website/src/routes/+page.svelte       |  2 +-
 website/src/routes/about/+page.svelte | 22 ++++++++++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte
index 2eb70073..2b65b7b6 100644
--- a/website/src/routes/+layout.svelte
+++ b/website/src/routes/+layout.svelte
@@ -31,7 +31,7 @@
 	const drawerStore = getDrawerStore();
 </script>
 
-<main class="p-2 md:p-4 flex flex-col">
+<main class="p-2 md:p-4 flex flex-col min-h-[90vh]">
 	<Drawer>
 		{#if $drawerStore.id === 'navdrawer'}
 			<NavDrawer />
@@ -59,6 +59,7 @@
 			<a href="https://opencollective.org/spotube">
 				<img
 					src="https://avatars0.githubusercontent.com/u/13403593?v=4"
+					alt="OpenCollective"
 					height="20"
 					width="20"
 					class="inline mr-1"
diff --git a/website/src/routes/+page.svelte b/website/src/routes/+page.svelte
index 976d8cc7..f7d41d88 100644
--- a/website/src/routes/+page.svelte
+++ b/website/src/routes/+page.svelte
@@ -56,7 +56,7 @@
 				<div
 					class="flex flex-col items-center gap-2 overflow-ellipsis w-40 btn variant-ghost-secondary rounded-lg"
 				>
-					<Avatar src={member.image} alt={member.name} title={member.name} class="w-12 h-12" />
+					<Avatar src={member.image} initials={member.name} class="w-12 h-12" />
 					<p>{member.name}</p>
 					<p class="capitalize text-sm underline decoration-dotted">
 						({member.role.toLowerCase()})
diff --git a/website/src/routes/about/+page.svelte b/website/src/routes/about/+page.svelte
index e69de29b..7f88ea46 100644
--- a/website/src/routes/about/+page.svelte
+++ b/website/src/routes/about/+page.svelte
@@ -0,0 +1,22 @@
+<section class="p-4 md:p-16">
+	<h2 class="h2">About</h2>
+
+	<br /><br />
+
+	<h4 class="h4">Author & Developer</h4>
+	<br />
+	<a
+		href="https://github.com/KRTirtho"
+		target="_blank"
+		class="btn variant-ghost-tertiary max-w-44 flex flex-col items-center p-4 rounded-2xl"
+	>
+		<img
+			alt="Author of Spotube"
+			src="https://github.com/KRTirtho.png"
+			class="h-auto w-40 rounded-full"
+		/>
+		<br />
+		<h5>Kingkor Roy Tirtho</h5>
+		<p>Flutter developer</p>
+	</a>
+</section>