From 88fb3127d9447f44b244c07324ce91307d3c61af Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 21:31:15 +0700
Subject: [PATCH 01/20] Create +page.svelte

---
 src/routes/contact/+page.svelte | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 src/routes/contact/+page.svelte

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
new file mode 100644
index 0000000..df27c92
--- /dev/null
+++ b/src/routes/contact/+page.svelte
@@ -0,0 +1 @@
+<h1>Contact</h1>
\ No newline at end of file

From 7a2948379b4b830984a753d881b18f65ace6af73 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 21:39:10 +0700
Subject: [PATCH 02/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index df27c92..146410b 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1 +1,11 @@
-<h1>Contact</h1>
\ No newline at end of file
+<script lang="ts">
+    import { Button } from "m3-svelte";
+</script>
+
+<svelte:head>
+	<title>HackWIT - Contact</title>
+</svelte:head>
+
+<div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
+    <h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight">Contact</h1>
+</div>
\ No newline at end of file

From b121aabd9a145a5d71b979fb05ee24870b3a6042 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 22:24:16 +0700
Subject: [PATCH 03/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 48 ++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 146410b..de7e901 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -7,5 +7,51 @@
 </svelte:head>
 
 <div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
-    <h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight">Contact</h1>
+    <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
+</div>
+
+<div class="flex justify-center items-center mt-6 px-4 sm:px-6">
+    <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
+</div>
+
+
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
+    <Button style="font-size: 1.3rem; font-weight: 500;">
+        About
+    </Button>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
+    <h2> hackathon@hackwit.org </h2>
+    <div class="flex flex-row gap-4">
+        <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Github
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://discord.gg/fkeM94snmy', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Discord
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://www.instagram.com/wit_coding_club/', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Instagram
+        </Button>
+    </div>
 </div>
\ No newline at end of file

From 3392bbb76685b32c707e9ad2e9a6e6ac19e3e905 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 22:29:51 +0700
Subject: [PATCH 04/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index de7e901..cba724c 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -21,23 +21,6 @@
     </Button>
 </div>
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">

From 3cd1a3a1f5022c9b99cb5ec69aca60176dd57d0d Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Sat, 27 Dec 2025 11:36:49 +0700
Subject: [PATCH 05/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 152 +++++++++++++++++++++++++++++++-
 1 file changed, 150 insertions(+), 2 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index cba724c..20f6048 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -6,21 +6,169 @@
 	<title>HackWIT - Contact</title>
 </svelte:head>
 
+<!-- Header -->
 <div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
     <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
 </div>
 
+<!-- Divider -->
 <div class="flex justify-center items-center mt-6 px-4 sm:px-6">
     <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
 </div>
 
-
-<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
+<!-- Navigation Buttons -->
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
     <Button style="font-size: 1.3rem; font-weight: 500;">
         About
     </Button>
 </div>
+ 
+<!-- Members Section -->
+<div class="flex justify-center px-4 mt-10">
+	<div class="w-full max-w-6xl">
+
+		<!-- Grid -->
+		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
+
+			<!-- Member 1 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jasper Mayone 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Event Director, Sponsorship Director
+                    </h5>
+					
+				</div>
+			</div>
+
+			<!-- Member 2 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Logan Lambert 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Lead and Judging Coordination Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 3 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Daniel Miretsky 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Judging Lead and Tech Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 4 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						LogVolo Kotelyak 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Sponsorship Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 5 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jojo Dejesus 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Design / Social Media Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 6 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="..." alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Thang H Pham
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Team
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 7 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Khanh Tran
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Team
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+		</div>
+	</div>
+</div>
+
+
+
+    
 
+<!-- Contact Information -->
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">

From bdc2fa4cfbd9c7f19d6aedbb191c643b465340ad Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 11:09:28 -0500
Subject: [PATCH 06/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index de7e901..cba724c 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -21,23 +21,6 @@
     </Button>
 </div>
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">

From e8ca90ec8d492f0020a25fe552582a8541fe9627 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 12:16:28 -0500
Subject: [PATCH 07/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index b629fdd..cba724c 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -6,40 +6,21 @@
 	<title>HackWIT - Contact</title>
 </svelte:head>
 
-<!-- Header -->
 <div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
     <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
 </div>
 
-<!-- Divider -->
 <div class="flex justify-center items-center mt-6 px-4 sm:px-6">
     <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
 </div>
 
-<!-- Navigation Buttons -->
-<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
+
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
     <Button style="font-size: 1.3rem; font-weight: 500;">
         About
     </Button>
 </div>
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">

From de3629e2f152ef936f8fdc3097d48a12ba08cf0b Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 19:39:47 -0500
Subject: [PATCH 08/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 165 +++++++++++++++++++++++++++++---
 1 file changed, 151 insertions(+), 14 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index cba724c..420c231 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1,3 +1,4 @@
+@ -1,26 +1,174 @@
 <script lang="ts">
     import { Button } from "m3-svelte";
 </script>
@@ -6,35 +7,171 @@
 	<title>HackWIT - Contact</title>
 </svelte:head>
 
+<!-- Header -->
 <div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
     <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
 </div>
 
+<!-- Divider -->
 <div class="flex justify-center items-center mt-6 px-4 sm:px-6">
     <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
 </div>
 
 
 <div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
+<!-- Navigation Buttons -->
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
     <Button style="font-size: 1.3rem; font-weight: 500;">
         About
     </Button>
 </div>
+ 
+<!-- Members Section -->
+<div class="flex justify-center px-4 mt-10">
+	<div class="w-full max-w-6xl">
 
+		<!-- Grid -->
+		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
+
+			<!-- Member 1 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jasper Mayone 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Event Director, Sponsorship Director
+                    </h5>
+					
+				</div>
+			</div>
+
+			<!-- Member 2 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Logan Lambert 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Lead and Judging Coordination Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 3 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Daniel Miretsky 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Judging Lead and Tech Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 4 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						LogVolo Kotelyak 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Sponsorship Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 5 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jojo Dejesus 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Design / Social Media Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 6 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="..." alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Thang H Pham
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Team
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 7 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Khanh Tran
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Team
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+		</div>
+	</div>
+</div>
+
+
+
+    
+
+<!-- Contact Information -->
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">
-        <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
-            Github
-        </Button>
-        <Button square variant="tonal" onclick={() => window.open('https://discord.gg/fkeM94snmy', '_blank')}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
-            Discord
-        </Button>
-        <Button square variant="tonal" onclick={() => window.open('https://www.instagram.com/wit_coding_club/', '_blank')}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
-            Instagram
-        </Button>
-    </div>
-</div>
\ No newline at end of file

From 3a2dfede7559eb916d393efdd5dc964c30bff808 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 19:42:09 -0500
Subject: [PATCH 09/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 165 +++-----------------------------
 1 file changed, 14 insertions(+), 151 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 420c231..8e51249 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1,154 +1,3 @@
-@ -1,26 +1,174 @@
-<script lang="ts">
-    import { Button } from "m3-svelte";
-</script>
-
-<svelte:head>
-	<title>HackWIT - Contact</title>
-</svelte:head>
-
-<!-- Header -->
-<div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
-    <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
-</div>
-
-<!-- Divider -->
-<div class="flex justify-center items-center mt-6 px-4 sm:px-6">
-    <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
-</div>
-
-
-<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
-<!-- Navigation Buttons -->
-<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
-    <Button style="font-size: 1.3rem; font-weight: 500;">
-        About
-    </Button>
-</div>
- 
-<!-- Members Section -->
-<div class="flex justify-center px-4 mt-10">
-	<div class="w-full max-w-6xl">
-
-		<!-- Grid -->
-		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
-
-			<!-- Member 1 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Jasper Mayone 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Event Director, Sponsorship Director
-                    </h5>
-					
-				</div>
-			</div>
-
-			<!-- Member 2 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Logan Lambert 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Tech Lead and Judging Coordination Co-Lead
-                    </h5>
-					
-				</div>
-
-                
-			</div>
-
-            <!-- Member 3 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Daniel Miretsky 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Judging Lead and Tech Co-Lead
-                    </h5>
-					
-				</div>
-
-                
-			</div>
-
-            <!-- Member 4 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						LogVolo Kotelyak 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Sponsorship Lead
-                    </h5>
-					
-				</div>
-
-                
-			</div>
-
-            <!-- Member 5 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Jojo Dejesus 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Design / Social Media Lead
-                    </h5>
-					
-				</div>
-
-                
-			</div>
-
-            <!-- Member 6 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="..." alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Thang H Pham
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Tech Team
-                    </h5>
-					
-				</div>
-
-                
-			</div>
-
-            <!-- Member 7 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
 
 				<div>
 					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
@@ -175,3 +24,17 @@
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">
+        <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Github
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://discord.gg/fkeM94snmy', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Discord
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://www.instagram.com/wit_coding_club/', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Instagram
+        </Button>
+    </div>
+</div>
\ No newline at end of file

From 9cfb9c2c48dca73b4e35e20ae70dcb1d2bb9930e Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 19:43:27 -0500
Subject: [PATCH 10/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 148 ++++++++++++++++++++++++++++++++
 1 file changed, 148 insertions(+)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 8e51249..fccdbed 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1,3 +1,151 @@
+<script lang="ts">
+    import { Button } from "m3-svelte";
+</script>
+
+<svelte:head>
+	<title>HackWIT - Contact</title>
+</svelte:head>
+
+<!-- Header -->
+<div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
+    <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
+</div>
+
+<!-- Divider -->
+<div class="flex justify-center items-center mt-6 px-4 sm:px-6">
+    <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
+</div>
+
+<!-- Navigation Buttons -->
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
+    <Button style="font-size: 1.3rem; font-weight: 500;">
+        About
+    </Button>
+</div>
+
+<!-- Members Section -->
+<div class="flex justify-center px-4 mt-10">
+	<div class="w-full max-w-6xl">
+
+		<!-- Grid -->
+		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
+
+			<!-- Member 1 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jasper Mayone 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Event Director, Sponsorship Director
+                    </h5>
+					
+				</div>
+			</div>
+
+			<!-- Member 2 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Logan Lambert 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Lead and Judging Coordination Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 3 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Daniel Miretsky 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Judging Lead and Tech Co-Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 4 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						LogVolo Kotelyak 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Sponsorship Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 5 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Jojo Dejesus 
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Design / Social Media Lead
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 6 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="..." alt="Sosa" class="w-full h-full object-cover" />
+				</div>
+				<div>
+					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						Thang H Pham
+					</h3>
+                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                        · Tech Team
+                    </h5>
+					
+				</div>
+
+                
+			</div>
+
+            <!-- Member 7 -->
+			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
+				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+				</div>
 
 				<div>
 					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">

From 98cf6430061ef9c3b244cb60213e26207c736526 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 27 Dec 2025 19:46:43 -0500
Subject: [PATCH 11/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index fccdbed..fecf2cc 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -22,7 +22,7 @@
         About
     </Button>
 </div>
-
+ 
 <!-- Members Section -->
 <div class="flex justify-center px-4 mt-10">
 	<div class="w-full max-w-6xl">
@@ -164,10 +164,6 @@
 	</div>
 </div>
 
-
-
-    
-
 <!-- Contact Information -->
 <div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>

From 675279888fb8c27723b75a94b8e96a15641937b1 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 3 Jan 2026 13:56:42 -0500
Subject: [PATCH 12/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 221 ++++++++++++++++----------------
 1 file changed, 113 insertions(+), 108 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index fecf2cc..351d92e 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -24,143 +24,148 @@
 </div>
  
 <!-- Members Section -->
-<div class="flex justify-center px-4 mt-10">
-	<div class="w-full max-w-6xl">
+<div class="px-4 mt-10">
+	<div class= "max-w-6xl mx-auto space-y-6">
 
 		<!-- Grid -->
-		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
-
-			<!-- Member 1 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Jasper Mayone 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Event Director, Sponsorship Director
-                    </h5>
+			<!-- 1st -->
+			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
+				<!-- Member 1 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Jasper Mayone 
+						</h3>
+        	            <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+        	                · Event Director, Sponsorship Director
+            	        </h5>
 					
-				</div>
-			</div>
-
-			<!-- Member 2 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
 				</div>
 
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Logan Lambert 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Tech Lead and Judging Coordination Co-Lead
-                    </h5>
+				<!-- Member 2 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Logan Lambert 
+						</h3>
+                	    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                	        · Tech Lead and Judging Coordination Co-Lead
+                   		</h5>
 					
+					</div>                
 				</div>
-
-                
 			</div>
+			
+
+			<!-- 2nd -->
+			<div class = "grid grid-cols-1 sm:grid-cols-3 gap-6 place-items-center">
+				<!-- Member 3 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Daniel Miretsky 
+						</h3>
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+							· Judging Lead and Tech Co-Lead
+						</h5>
+						
+					</div>
 
-            <!-- Member 3 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Daniel Miretsky 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Judging Lead and Tech Co-Lead
-                    </h5>
 					
 				</div>
 
-                
-			</div>
+				<!-- Member 4 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							LogVolo Kotelyak 
+						</h3>
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+							· Sponsorship Lead
+						</h5>
+						
+					</div>
 
-            <!-- Member 4 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						LogVolo Kotelyak 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Sponsorship Lead
-                    </h5>
 					
 				</div>
 
-                
-			</div>
+				<!-- Member 5 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Jojo Dejesus 
+						</h3>
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+							· Design / Social Media Lead
+						</h5>
+						
+					</div>
 
-            <!-- Member 5 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Jojo Dejesus 
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Design / Social Media Lead
-                    </h5>
 					
 				</div>
-
-                
 			</div>
+            
+			<!-- 3rd -->
+			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
+				<!-- Member 6 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="..." alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Thang H Pham
+						</h3>
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+							· Tech Team
+						</h5>
+						
+					</div>
 
-            <!-- Member 6 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="..." alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Thang H Pham
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Tech Team
-                    </h5>
 					
 				</div>
 
-                
-			</div>
+				<!-- Member 7 -->
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+					</div>
+
+					<div>
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+							Khanh Tran
+						</h3>
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+							· Tech Team
+						</h5>
+						
+					</div>
 
-            <!-- Member 7 -->
-			<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full">
-				<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-					<img src="" alt="Sosa" class="w-full h-full object-cover" />
-				</div>
-
-				<div>
-					<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-						Khanh Tran
-					</h3>
-                    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
-                        · Tech Team
-                    </h5>
 					
 				</div>
-
-                
 			</div>
 
-		</div>
 	</div>
 </div>
 

From e8f3258acd5da9a5c4ec3d9ba692e14540271db1 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sat, 3 Jan 2026 14:13:46 -0500
Subject: [PATCH 13/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 351d92e..0d8f903 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -24,8 +24,8 @@
 </div>
  
 <!-- Members Section -->
-<div class="px-4 mt-10">
-	<div class= "max-w-6xl mx-auto space-y-6">
+<div class="flex justify-center px-4 mt-10">
+	<div class="w-full space-y-6">
 
 		<!-- Grid -->
 			<!-- 1st -->

From 127223f7a50bb2d0d148c1446a650c6171f2ea88 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Wed, 7 Jan 2026 10:11:24 -0500
Subject: [PATCH 14/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 0d8f903..b2499ba 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -31,7 +31,7 @@
 			<!-- 1st -->
 			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
 				<!-- Member 1 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -48,7 +48,7 @@
 				</div>
 
 				<!-- Member 2 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -69,7 +69,7 @@
 			<!-- 2nd -->
 			<div class = "grid grid-cols-1 sm:grid-cols-3 gap-6 place-items-center">
 				<!-- Member 3 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -88,7 +88,7 @@
 				</div>
 
 				<!-- Member 4 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -107,7 +107,7 @@
 				</div>
 
 				<!-- Member 5 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -129,7 +129,7 @@
 			<!-- 3rd -->
 			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
 				<!-- Member 6 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="..." alt="Sosa" class="w-full h-full object-cover" />
 					</div>
@@ -147,7 +147,7 @@
 				</div>
 
 				<!-- Member 7 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-md">
+				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>

From 36f101d57609b2070192a7da386be80fae171e02 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 7 Jan 2026 23:12:39 -0500
Subject: [PATCH 15/20] Update

---
 src/routes/contact/+page.svelte | 65 +++++++++++++++------------------
 static/img/daniel.jpg           |  3 ++
 static/img/jasper.jpg           |  3 ++
 static/img/jojo.jpg             |  3 ++
 static/img/logan.jpg            |  3 ++
 static/img/thang.jpg            |  3 ++
 6 files changed, 44 insertions(+), 36 deletions(-)
 create mode 100644 static/img/daniel.jpg
 create mode 100644 static/img/jasper.jpg
 create mode 100644 static/img/jojo.jpg
 create mode 100644 static/img/logan.jpg
 create mode 100644 static/img/thang.jpg

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index b2499ba..2828646 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -15,13 +15,6 @@
 <div class="flex justify-center items-center mt-6 px-4 sm:px-6">
     <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
 </div>
-
-<!-- Navigation Buttons -->
-<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">    
-    <Button style="font-size: 1.3rem; font-weight: 500;">
-        About
-    </Button>
-</div>
  
 <!-- Members Section -->
 <div class="flex justify-center px-4 mt-10">
@@ -29,18 +22,18 @@
 
 		<!-- Grid -->
 			<!-- 1st -->
-			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
+			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-2 place-items-center justify-rounded-md">
 				<!-- Member 1 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/jasper.jpg" alt="Daniel Miretsky" class="w-full h-full object-cover" /> 
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
-							Jasper Mayone 
+						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
+							Jasper Mayone
 						</h3>
-        	            <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+        	            <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
         	                · Event Director, Sponsorship Director
             	        </h5>
 					
@@ -48,16 +41,16 @@
 				</div>
 
 				<!-- Member 2 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/logan.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
 							Logan Lambert 
 						</h3>
-                	    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+                	    <h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] ">
                 	        · Tech Lead and Judging Coordination Co-Lead
                    		</h5>
 					
@@ -69,16 +62,16 @@
 			<!-- 2nd -->
 			<div class = "grid grid-cols-1 sm:grid-cols-3 gap-6 place-items-center">
 				<!-- Member 3 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/daniel.jpg" alt="Daniel Miretsky" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
 							Daniel Miretsky 
 						</h3>
-						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Judging Lead and Tech Co-Lead
 						</h5>
 						
@@ -88,16 +81,16 @@
 				</div>
 
 				<!-- Member 4 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
 							LogVolo Kotelyak 
 						</h3>
-						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Sponsorship Lead
 						</h5>
 						
@@ -107,16 +100,16 @@
 				</div>
 
 				<!-- Member 5 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/jojo.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-shadow-md font-semibold text-[rgba(41,106,72,1)] text-2xl">
 							Jojo Dejesus 
 						</h3>
-						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Design / Social Media Lead
 						</h5>
 						
@@ -129,15 +122,15 @@
 			<!-- 3rd -->
 			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
 				<!-- Member 6 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="..." alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/thang.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
 							Thang H Pham
 						</h3>
-						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Tech Team
 						</h5>
 						
@@ -147,16 +140,16 @@
 				</div>
 
 				<!-- Member 7 -->
-				<div class="flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
-						<h3 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-xl">
+						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
 							Khanh Tran
 						</h3>
-						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)] text-sm">
+						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Tech Team
 						</h5>
 						
@@ -170,7 +163,7 @@
 </div>
 
 <!-- Contact Information -->
-<div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
+<div class="flex justify-center items-center mb-8 mt-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">
         <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>
diff --git a/static/img/daniel.jpg b/static/img/daniel.jpg
new file mode 100644
index 0000000..58e8540
--- /dev/null
+++ b/static/img/daniel.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ded4dd63ab7fb5199360fc608ceb3dc67867efb552d7e87a8be2ec1dbe3f5e9f
+size 231400
diff --git a/static/img/jasper.jpg b/static/img/jasper.jpg
new file mode 100644
index 0000000..15b2f4b
--- /dev/null
+++ b/static/img/jasper.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:678948719ddf6c417f2dab586bc2c7848268aef37d1015a94db7e9c1ae6cc8dc
+size 1626024
diff --git a/static/img/jojo.jpg b/static/img/jojo.jpg
new file mode 100644
index 0000000..e4978a8
--- /dev/null
+++ b/static/img/jojo.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:52df2f98520ff99ba7af4f0d351b26ce6c21bc12e931ed013196e6751ab93699
+size 130151
diff --git a/static/img/logan.jpg b/static/img/logan.jpg
new file mode 100644
index 0000000..c4c34d8
--- /dev/null
+++ b/static/img/logan.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:766dd957020ed2d7eadba82103c7712338d52e0aecf6ea55d4d75337455ad67e
+size 120772
diff --git a/static/img/thang.jpg b/static/img/thang.jpg
new file mode 100644
index 0000000..a782f11
--- /dev/null
+++ b/static/img/thang.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e3eb8fb456df426e792da4f3cb0b7a6a11711a7d2b26f67587bbb40cc4db7ef7
+size 90089

From 9bcef995140d882a4bff5e0f30166378cd3f23ba Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Thu, 8 Jan 2026 10:44:53 -0500
Subject: [PATCH 16/20] Update

---
 src/routes/contact/+page.svelte | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 2828646..13ad0c8 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -25,8 +25,8 @@
 			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-2 place-items-center justify-rounded-md">
 				<!-- Member 1 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
-						<img src="/img/jasper.jpg" alt="Daniel Miretsky" class="w-full h-full object-cover" /> 
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
+						<img src="/img/jasper.jpg" alt="" class="w-full h-full object-cover" /> 
 					</div>
 
 					<div>
@@ -42,7 +42,7 @@
 
 				<!-- Member 2 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="/img/logan.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
@@ -63,7 +63,7 @@
 			<div class = "grid grid-cols-1 sm:grid-cols-3 gap-6 place-items-center">
 				<!-- Member 3 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="/img/daniel.jpg" alt="Daniel Miretsky" class="w-full h-full object-cover" />
 					</div>
 
@@ -82,13 +82,13 @@
 
 				<!-- Member 4 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
 						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
-							LogVolo Kotelyak 
+							Volo Kotelyak 
 						</h3>
 						<h5 class="text-lg font-semibold text-[rgba(41,106,72,1)]">
 							· Sponsorship Lead
@@ -100,8 +100,8 @@
 				</div>
 
 				<!-- Member 5 -->
-				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl ">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="/img/jojo.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
@@ -122,8 +122,8 @@
 			<!-- 3rd -->
 			<div class = "grid grid-cols-1 sm:grid-cols-2 gap-6 place-items-center">
 				<!-- Member 6 -->
-				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+				<div class="transform-gpu transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="/img/thang.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 					<div>
@@ -141,7 +141,7 @@
 
 				<!-- Member 7 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
-					<div class="w-40 h-40 rounded-full border-2 border-[rgba(41,106,72,0.8)] overflow-hidden">
+					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
 						<img src="" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
@@ -163,7 +163,7 @@
 </div>
 
 <!-- Contact Information -->
-<div class="flex justify-center items-center mb-8 mt-8 px-4 sm:px-6 flex-col gap-4">
+<div class="flex justify-center items-center p-8 px-4 sm:px-6 flex-col gap-4">
     <h2> hackathon@hackwit.org </h2>
     <div class="flex flex-row gap-4">
         <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>

From c0fd99f1f12a6193926664c30f28b1ccd18c8b58 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sun, 11 Jan 2026 14:14:28 -0500
Subject: [PATCH 17/20] Create Khanh.jpg

---
 static/img/Khanh.jpg | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 static/img/Khanh.jpg

diff --git a/static/img/Khanh.jpg b/static/img/Khanh.jpg
new file mode 100644
index 0000000..9df2898
--- /dev/null
+++ b/static/img/Khanh.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:799d6c8faba0782185b08b053fb349e429b01dd747ed20db9ec877a4c21f01c0
+size 49060

From 9925f6ccf6ccf85a32b2940ab84493e0dc6bd3d7 Mon Sep 17 00:00:00 2001
From: Khanh <khanhnguyentran.tnk@gmail.com>
Date: Sun, 11 Jan 2026 14:14:42 -0500
Subject: [PATCH 18/20] Update +page.svelte

---
 src/routes/contact/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 13ad0c8..a5a35cb 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -142,7 +142,7 @@
 				<!-- Member 7 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/Khanh.jpg" alt="Sosa" class="w-full h-full object-cover" />
 					</div>
 
 					<div>

From 4aa8221b1d8433a2b2ed49644c7a12268952e0ba Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Sun, 11 Jan 2026 15:24:56 -0500
Subject: [PATCH 19/20] Update

---
 src/routes/contact/+page.svelte | 4 ++--
 static/img/Khanh.jpg            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index a5a35cb..3879ad1 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -83,7 +83,7 @@
 				<!-- Member 4 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)]  shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
-						<img src="" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="" alt="" class="w-full h-full object-cover" />
 					</div>
 
 					<div>
@@ -142,7 +142,7 @@
 				<!-- Member 7 -->
 				<div class="transform-gpu origin-center transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
-						<img src="/img/Khanh.jpg" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/Khanh.jpg" alt="Sosa" class="w-full h-full object-cover object-top" />
 					</div>
 
 					<div>
diff --git a/static/img/Khanh.jpg b/static/img/Khanh.jpg
index 9df2898..62ac76e 100644
--- a/static/img/Khanh.jpg
+++ b/static/img/Khanh.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:799d6c8faba0782185b08b053fb349e429b01dd747ed20db9ec877a4c21f01c0
-size 49060
+oid sha256:a995e4d2185ee4e41ae6207c35be16e5f2846efb99186cab7d1a46de4bec5c3b
+size 31021

From 43b71c3e5a351ee4fb48feffc430c9d9d4027c8b Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Sun, 11 Jan 2026 15:52:31 -0500
Subject: [PATCH 20/20] Update

---
 src/routes/contact/+page.svelte | 2 +-
 static/img/thang.jpg            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 3879ad1..b9f811f 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -124,7 +124,7 @@
 				<!-- Member 6 -->
 				<div class="transform-gpu transition-transform duration-300 hover:[transform:rotateX(10deg)_rotateY(-10deg)] shadow-xl/30 flex items-center gap-4 bg-[#f4f8f4] border border-[#d6e4dc] rounded-xl p-5 w-full max-w-2xl">
 					<div class="shadow-xl/50 w-40 h-40 rounded-full border-2 border-[rgba(0,0,0,1)] overflow-hidden">
-						<img src="/img/thang.jpg" alt="Sosa" class="w-full h-full object-cover" />
+						<img src="/img/Thang.jpg" alt="" class="w-full h-full object-cover object-top" />
 					</div>
 					<div>
 						<h3 class="text-2xl font-semibold text-[rgba(41,106,72,1)] text-shadow-md">
diff --git a/static/img/thang.jpg b/static/img/thang.jpg
index a782f11..27627a2 100644
--- a/static/img/thang.jpg
+++ b/static/img/thang.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e3eb8fb456df426e792da4f3cb0b7a6a11711a7d2b26f67587bbb40cc4db7ef7
-size 90089
+oid sha256:ba0b5a5fd03ee9b02f6aec2efcac2208cf82435132316590cd3371c1b88e0ff9
+size 215687