feat: add author details in about page

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"

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()})

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>