damien/personal-website
1
0
Fork 0
Code Actions Packages Releases Activity

fix: ui

Browse Source
This commit is contained in:
Damien 2025-02-27 23:27:40 -05:00
parent 42e615517e
commit 43c18ede99
3 changed files with 83 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/components/ProjectCard.tsx
View File

@ -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"

20
src/data/game_projects.ts
View File

@ -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',

18
src/data/software_projects.ts
View File

@ -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',