From 43c18ede993145b3c30289975d1b22fe8f2cd88a Mon Sep 17 00:00:00 2001
From: Damien <damienostler1@outlook.com>
Date: Thu, 27 Feb 2025 23:27:40 -0500
Subject: [PATCH] fix: ui

---
 src/components/ProjectCard.tsx | 74 ++++++++++++++++++++++++----------
 src/data/game_projects.ts      | 20 +++++++++
 src/data/software_projects.ts  | 18 +++++----
 3 files changed, 83 insertions(+), 29 deletions(-)

diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
index e4fc58c..5bc632a 100644
--- a/src/components/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -1,17 +1,18 @@
 import React, { useState } from 'react';
-import { 
-  Box, 
-  Card, 
-  CardContent, 
-  CardMedia, 
-  Typography, 
-  Button, 
+import {
+  Box,
+  Card,
+  CardContent,
+  CardMedia,
+  Typography,
+  Button,
   IconButton,
   Chip,
   Stack,
   useTheme,
   useMediaQuery,
-  SvgIcon
+  SvgIcon,
+  SvgIconProps
 } from '@mui/material';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import LaunchIcon from '@mui/icons-material/Launch';
@@ -201,19 +202,50 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
         p: { xs: 2, sm: 3 }, // Responsive padding
         '&:last-child': { pb: { xs: 2, sm: 3 } } // Override MUI's default padding-bottom
       }}>
-        <Typography
-          variant="h5"
-          component="div"
-          sx={{
-            fontWeight: 'bold',
-            color: titleColor,
-            textShadow: titleGlow,
-            mb: 1.5,
-            lineHeight: 1.2
-          }}
-        >
-          {project.title}
-        </Typography>
+        {project.title.includes("[WIP]") ? (
+          <Typography
+            variant="h5"
+            component="div"
+            sx={{
+              fontWeight: 'bold',
+              color: titleColor,
+              textShadow: titleGlow,
+              mb: 1.5,
+              lineHeight: 1.2
+            }}
+          >
+            {project.title.replace("[WIP]", "")}
+            <Box
+              component="span"
+              sx={{
+                color: '#ffeb3b', // Yellow color
+                textShadow: '0 0 10px rgba(255, 235, 59, 0.7), 0 0 20px rgba(255, 235, 59, 0.5)', // Yellow glow
+                animation: 'pulse 2s infinite', // Pulsing animation
+                '@keyframes pulse': {
+                  '0%': { opacity: 0.7 },
+                  '50%': { opacity: 1 },
+                  '100%': { opacity: 0.7 }
+                }
+              }}
+            >
+              [WIP]
+            </Box>
+          </Typography>
+        ) : (
+          <Typography
+            variant="h5"
+            component="div"
+            sx={{
+              fontWeight: 'bold',
+              color: titleColor,
+              textShadow: titleGlow,
+              mb: 1.5,
+              lineHeight: 1.2
+            }}
+          >
+            {project.title}
+          </Typography>
+        )}
         
         <Typography
           variant="body2"
diff --git a/src/data/game_projects.ts b/src/data/game_projects.ts
index d9c06a1..f0fb464 100644
--- a/src/data/game_projects.ts
+++ b/src/data/game_projects.ts
@@ -2,6 +2,26 @@ import { Project } from '@/components/ProjectCard';
 
 // Sample project data
 const projects: Project[] = [
+  {
+    id: '1',
+    title: 'Godot Grid Inventory [WIP]',
+    description: 'This is a resident evil or tarkov style inventory system for Godot 4.2.1. This is a work in progress.',
+    technologies: ['Inventory System','gdscript', 'Godot'],
+    images: [],
+    repositories: [
+      { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/godot_grid_inventory' },
+    ],
+  },
+  {
+    id: '2',
+    title: 'Godot CI/CD Template',
+    description: 'A template repository for Godot CI/CD. This will automatically build your game, and publish it for windows, mac, and linux on Github or Gitea action runners.',
+    technologies: [ 'Github Actions','gdscript', 'Godot'],
+    images: [],
+    repositories: [
+      { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/godot_template' },
+    ],
+  },
   // {
   //   id: '1',
   //   title: 'E-Commerce Platform',
diff --git a/src/data/software_projects.ts b/src/data/software_projects.ts
index 16bb4c4..2c4a878 100644
--- a/src/data/software_projects.ts
+++ b/src/data/software_projects.ts
@@ -4,7 +4,7 @@ import { Project } from '@/components/ProjectCard';
 const projects: Project[] = [
   {
     id: '1',
-    title: 'Meilisearch.NET (Unfinished)',
+    title: 'Meilisearch.NET',
     description: 'A extension of the Meilisearch SDK for .NET that enabled the ability to embed the Meilisearch server and Ollama AI Server in your application. It also provides functionality for compressing and decompressing indexs as you need them to help with vector database size. Intergate directly with the Meilisearch SDK for .NET and AI intergation on the roadmap.',
     technologies: ['.NET', 'Meilisearch', 'Nuget'],
     images: [],
@@ -15,9 +15,9 @@ const projects: Project[] = [
   },
   {
     id: '2',
-    title: 'Folder Tree (Unfinished)',
+    title: 'Folder Tree [WIP]',
     description: 'This is a tool to help users have a visual representation and detailed of where their storage is being used on their system and what it is being taken up by. You can also get reporting on duplicate files, and automate moving of files based on duplication and type. Advanced file searches, Automatic space saving recommendations, and cloud storage intergation on the roadmap.',
-    technologies: ['Typescript', 'NextJS', 'Rust', "Tauri"],
+    technologies: ['Typescript', 'NextJS', 'Rust', "Tauri", "Material UI"],
     images: [],
     repositories: [
       { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/file-tree' },
@@ -26,14 +26,16 @@ const projects: Project[] = [
   },
   {
     id: '3',
-    title: 'Art Comissions SAS Application (Unfinished)',
-    description: 'A extension of the Meilisearch SDK for .NET that enabled the ability to embed the Meilisearch server and Ollama AI Server in your application. It also provides functionality for compressing and decompressing indexs as you need them to help with vector database size.',
-    technologies: ['.NET', 'Meilisearch', 'Nuget'],
+    title: 'Art Comissions SAS Application',
+    description: 'This is a SAS solution to provide a platform for artists to sell their artwork without any third parties moderating your content. The platform has a administrator role that is responsible for managing the comission taken by the website from sales and approve applications to become artists. The artists are able to design their own page and customize a white label store. The artists are able to set a maximum amount of open requests that can exist to prevent from request spam/scamming. There is also a process in place for agreeing on the terms of the comission, once agreed upon the money is released, and the artist must upload the content.',
+    technologies: ['.NET', 'Stripe', 'Novu', 'OpenAPI', 'PosgreSQL', 'Auth0', 'Entity Framework', 'NextJS', 'Material UI'],
     images: [],
     repositories: [
-      { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/file-tree' },
-      { name: 'Gitea Release', url: 'https://git.d4m13n.dev/damien/file-tree/releases' }
+      { name: 'Backend Gitea Source', url: 'https://git.d4m13n.dev/damien/comissions-app-core-api' },
+      { name: 'Frontend Gitea Source', url: 'https://git.d4m13n.dev/damien/comissions-app-ui' },
+      { name: 'ArgoCD Deployment Gitea Source', url: 'https://git.d4m13n.dev/damien/comissions-app-argocd' },
     ],
+    demoUrl: 'https://comissions-app-demo.d4m13n.dev/'
   },
   // {
   //   id: '2',