space/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor Index component for improved code readability and consistency

Browse Source
This commit is contained in:
Space
2025-02-02 16:48:20 +01:00
parent 66ab0876cc
commit c9429a3202
1 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
app/routes/_index.tsx
View File

@@ -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"> <span className="px-4 py-2 text-lg bg-blue-900/50 text-blue-100 rounded-full inline-block backdrop-blur-sm">
Developer & Gamer Developer & Gamer
</span> </span>
<p className="text-xl text-gray-300"> <p className="text-xl text-gray-300">Self-proclaimed Dev</p>
Self-proclaimed Dev
</p>
</div> </div>
</div> </div>
@@ -287,15 +285,28 @@ export default function Index() {
</p> </p>
<div className="flex flex-wrap justify-center gap-3 mt-4"> <div className="flex flex-wrap justify-center gap-3 mt-4">
<a <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" target="_blank"
className="inline-flex items-center px-4 py-2 bg-gradient-to-r from-blue-500 to-purple-500 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 text-white rounded-lg font-medium transition-all duration-300
hover:from-blue-600 hover:to-purple-600 hover:shadow-lg hover:scale-105" hover:from-blue-600 hover:to-purple-600 hover:shadow-lg hover:scale-105"
> >
<span>Visit Project</span> <span>Visit Project</span>
<svg className="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg
<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" /> 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> </svg>
</a> </a>
@@ -307,8 +318,12 @@ export default function Index() {
text-gray-200 rounded-lg font-medium transition-all duration-300 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" 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"> <svg
<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"/> 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> </svg>
<span>Source Code</span> <span>Source Code</span>
</a> </a>
@@ -321,8 +336,18 @@ export default function Index() {
text-gray-200 rounded-lg font-medium transition-all duration-300 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" 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"> <svg
<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" /> 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> </svg>
<span>Read Blog</span> <span>Read Blog</span>
</a> </a>
@@ -533,4 +558,13 @@ const projects: {
}, },
image: "https://i.scdn.co/image/ab67616d00001e02124e9249fada4ff3c3a0739c", 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",
},
},
]; ];