From c9429a32024056a694179956926d966b21b2bae4 Mon Sep 17 00:00:00 2001
From: Space <space@reversed.dev>
Date: Sun, 2 Feb 2025 16:48:20 +0100
Subject: [PATCH] Refactor Index component for improved code readability and
 consistency

---
 app/routes/_index.tsx | 58 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 46 insertions(+), 12 deletions(-)

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 8776118..641d6cd 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -85,9 +85,7 @@ export default function Index() {
 						<span className="px-4 py-2 text-lg bg-blue-900/50 text-blue-100 rounded-full inline-block backdrop-blur-sm">
 							Developer & Gamer
 						</span>
-						<p className="text-xl text-gray-300">
-							Self-proclaimed Dev
-						</p>
+						<p className="text-xl text-gray-300">Self-proclaimed Dev</p>
 					</div>
 				</div>
 
@@ -287,18 +285,31 @@ export default function Index() {
 								</p>
 								<div className="flex flex-wrap justify-center gap-3 mt-4">
 									<a
-										href={project.link + "?utm_source=portfolio&utm_medium=referral&ref=space"}
+										href={
+											project.link +
+											"?utm_source=portfolio&utm_medium=referral&ref=space"
+										}
 										target="_blank"
 										className="inline-flex items-center px-4 py-2 bg-gradient-to-r from-blue-500 to-purple-500 
 										text-white rounded-lg font-medium transition-all duration-300 
 										hover:from-blue-600 hover:to-purple-600 hover:shadow-lg hover:scale-105"
 									>
 										<span>Visit Project</span>
-										<svg className="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+										<svg
+											className="w-4 h-4 ml-2"
+											fill="none"
+											stroke="currentColor"
+											viewBox="0 0 24 24"
+										>
+											<path
+												strokeLinecap="round"
+												strokeLinejoin="round"
+												strokeWidth="2"
+												d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+											/>
 										</svg>
 									</a>
-									
+
 									{project.open_source && (
 										<a
 											href={project.open_source.link}
@@ -307,13 +318,17 @@ export default function Index() {
 											text-gray-200 rounded-lg font-medium transition-all duration-300 
 											hover:bg-gray-700 hover:shadow-lg hover:scale-105 border border-gray-600"
 										>
-											<svg className="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 24 24">
-												<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+											<svg
+												className="w-4 h-4 mr-2"
+												fill="currentColor"
+												viewBox="0 0 24 24"
+											>
+												<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
 											</svg>
 											<span>Source Code</span>
 										</a>
 									)}
-									
+
 									{project.blog_post && (
 										<a
 											href={project.blog_post}
@@ -321,8 +336,18 @@ export default function Index() {
 											text-gray-200 rounded-lg font-medium transition-all duration-300 
 											hover:bg-gray-700 hover:shadow-lg hover:scale-105 border border-gray-600"
 										>
-											<svg className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-												<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z" />
+											<svg
+												className="w-4 h-4 mr-2"
+												fill="none"
+												stroke="currentColor"
+												viewBox="0 0 24 24"
+											>
+												<path
+													strokeLinecap="round"
+													strokeLinejoin="round"
+													strokeWidth="2"
+													d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+												/>
 											</svg>
 											<span>Read Blog</span>
 										</a>
@@ -533,4 +558,13 @@ const projects: {
 		},
 		image: "https://i.scdn.co/image/ab67616d00001e02124e9249fada4ff3c3a0739c",
 	},
+	{
+		name: "Open Web UI - Memory Importer",
+		description:
+			"A simple Memory Importer for the Open Web UI. Just a fun little project.",
+		link: "https://github.com/Space-Banane/openweb-memory-importer",
+		open_source: {
+			link: "https://github.com/Space-Banane/openweb-memory-importer",
+		},
+	},
 ];