From 176decec1c21bd1fdccc3f8f451e9ca5222e3cbd Mon Sep 17 00:00:00 2001
From: srleom <shengrui.leom@gmail.com>
Date: Tue, 19 Mar 2024 16:27:38 +0800
Subject: [PATCH] Added button

---
 src/pages/404.astro                  | 13 +++++++++++++
 src/pages/blog/[...page].astro       | 13 +++++++++++++
 src/pages/index.astro                | 24 +++++++++++++++++++-----
 src/pages/tags/[tag]/[...page].astro | 13 +++++++++++++
 src/pages/tags/index.astro           | 13 +++++++++++++
 5 files changed, 71 insertions(+), 5 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 438798b..724a30a 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -9,6 +9,19 @@ const meta = {
 ---
 
 <PageLayout meta={meta}>
+	<a
+		href='https://github.com/srleom/astro-theme-resume.git'
+		class='flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
+	>
+		<span class='relative flex items-center justify-center'>
+			<span
+				class='absolute inline-flex h-2 w-2 animate-ping rounded-full border border-green-400 bg-green-400 opacity-75'
+			></span>
+			<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
+		</span>
+
+		<p class='font-medium'>Get template</p>
+	</a>
 	<div class='px-4 py-10 text-center sm:px-6 lg:px-8'>
 		<h1 class='block text-7xl font-bold sm:text-9xl'>404</h1>
 		<p class='mt-3 text-muted-foreground'>Oops, something went wrong.</p>
diff --git a/src/pages/blog/[...page].astro b/src/pages/blog/[...page].astro
index 5720d61..9dc57c2 100644
--- a/src/pages/blog/[...page].astro
+++ b/src/pages/blog/[...page].astro
@@ -109,5 +109,18 @@ const paginationProps = {
 				)
 			}
 		</div>
+		<a
+			href='https://github.com/srleom/astro-theme-resume.git'
+			class='mt-16 inline-flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
+		>
+			<span class='relative flex items-center justify-center'>
+				<span
+					class='absolute inline-flex h-2 w-2 animate-ping rounded-full border border-green-400 bg-green-400 opacity-75'
+				></span>
+				<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
+			</span>
+
+			<p class='font-medium'>Get template</p>
+		</a>
 	</div>
 </PageLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3b73efd..f29dfd1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -28,14 +28,15 @@ const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS)
 			<Image
 				src={astro}
 				alt='profile photo'
-				class='h-28 w-auto rounded-full p-2 bg-[#FFBE98]'
+				class='h-28 w-auto rounded-full bg-[#FFBE98] p-2'
 				loading='eager'
 			/>
 
 			<div class='flex flex-col items-center gap-y-4'>
 				<h1 class='text-3xl font-bold'>Lorem ipsum dolor</h1>
-				<div
-					class='flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm'
+				<a
+					href='https://github.com/srleom/astro-theme-resume.git'
+					class='flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
 				>
 					<span class='relative flex items-center justify-center'>
 						<span
@@ -44,8 +45,8 @@ const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS)
 						<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
 					</span>
 
-					<p class=''>Available for work</p>
-				</div>
+					<p class='font-medium'>Get template</p>
+				</a>
 				<div class='flex gap-x-7'>
 					<Label title='Lorem Ipsum'>
 						<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='h-5 w-5' slot='icon'
@@ -212,4 +213,17 @@ const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS)
 			<SkillLayout title='Others' skills={others} />
 		</Section>
 	</div>
+	<a
+		href='https://github.com/srleom/astro-theme-resume.git'
+		class='mt-16 flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
+	>
+		<span class='relative flex items-center justify-center'>
+			<span
+				class='absolute inline-flex h-2 w-2 animate-ping rounded-full border border-green-400 bg-green-400 opacity-75'
+			></span>
+			<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
+		</span>
+
+		<p class='font-medium'>Get template</p>
+	</a>
 </PageLayout>
diff --git a/src/pages/tags/[tag]/[...page].astro b/src/pages/tags/[tag]/[...page].astro
index 7960ad4..000677a 100644
--- a/src/pages/tags/[tag]/[...page].astro
+++ b/src/pages/tags/[tag]/[...page].astro
@@ -79,5 +79,18 @@ const paginationProps = {
 			</ul>
 			<Pagination {...paginationProps} />
 		</section>
+		<a
+			href='https://github.com/srleom/astro-theme-resume.git'
+			class='mt-16 inline-flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
+		>
+			<span class='relative flex items-center justify-center'>
+				<span
+					class='absolute inline-flex h-2 w-2 animate-ping rounded-full border border-green-400 bg-green-400 opacity-75'
+				></span>
+				<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
+			</span>
+
+			<p class='font-medium'>Get template</p>
+		</a>
 	</div>
 </PageLayout>
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
index 5fc68ee..47cb742 100644
--- a/src/pages/tags/index.astro
+++ b/src/pages/tags/index.astro
@@ -51,5 +51,18 @@ const meta = {
 				))
 			}
 		</ul>
+		<a
+			href='https://github.com/srleom/astro-theme-resume.git'
+			class='mt-16 inline-flex flex-row items-center gap-x-3 rounded-3xl border border-input px-4 py-2 text-sm shadow-sm transition-all hover:shadow-md'
+		>
+			<span class='relative flex items-center justify-center'>
+				<span
+					class='absolute inline-flex h-2 w-2 animate-ping rounded-full border border-green-400 bg-green-400 opacity-75'
+				></span>
+				<span class='relative inline-flex h-2 w-2 rounded-full bg-green-400'></span>
+			</span>
+
+			<p class='font-medium'>Get template</p>
+		</a>
 	</div>
 </PageLayout>