diff --git a/src/app/page.tsx b/src/app/page.tsx index ce35214..a8716ae 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,7 +8,8 @@ import React, { type JSX } from "react"; import { NavItems } from "../config/NavItems"; const generateRandomColor = (): string => { - return `#${Math.floor(Math.random() * 16_777_215).toString(16). + return `#${Math.floor(Math.random() * 16_777_215). + toString(16). padStart(6, "0")}`; }; @@ -31,29 +32,31 @@ const getLuminance = (hexColor: string): number => { return rl + gl + bl; }; -const adjustColorLuminosity - = (hexColor: string, luminosityChange: number): string => { - let r = Number.parseInt(hexColor.slice(1, 3), 16); - let g = Number.parseInt(hexColor.slice(3, 5), 16); - let b = Number.parseInt(hexColor.slice(5, 7), 16); - r = Math.round(r * luminosityChange); - g = Math.round(g * luminosityChange); - b = Math.round(b * luminosityChange); - r = Math.min(255, Math.max(0, r)); - g = Math.min(255, Math.max(0, g)); - b = Math.min(255, Math.max(0, b)); - return `#${ - r.toString(16).padStart(2, "0") - }${g.toString(16).padStart(2, "0") - }${b.toString(16).padStart(2, "0")}`; - }; +const adjustColorLuminosity = ( + hexColor: string, + luminosityChange: number, +): string => { + let r = Number.parseInt(hexColor.slice(1, 3), 16); + let g = Number.parseInt(hexColor.slice(3, 5), 16); + let b = Number.parseInt(hexColor.slice(5, 7), 16); + r = Math.round(r * luminosityChange); + g = Math.round(g * luminosityChange); + b = Math.round(b * luminosityChange); + r = Math.min(255, Math.max(0, r)); + g = Math.min(255, Math.max(0, g)); + b = Math.min(255, Math.max(0, b)); + return `#${r.toString(16).padStart(2, "0")}${g. + toString(16). + padStart(2, "0")}${b.toString(16).padStart(2, "0")}`; +}; const generateColorPair = (): { background: string; color: string } => { const backgroundColor = generateRandomColor(); const backgroundLuminance = getLuminance(backgroundColor); - const textColor = backgroundLuminance > 0.5 - ? adjustColorLuminosity(backgroundColor, 0) - : adjustColorLuminosity(backgroundColor, 5); + const textColor + = backgroundLuminance > 0.5 + ? adjustColorLuminosity(backgroundColor, 0) + : adjustColorLuminosity(backgroundColor, 5); return { background: backgroundColor, @@ -85,13 +88,11 @@ const Home = (): JSX.Element => { items-center border-solid border-2 rounded-3xl h-14 p-8 my-4" href={item.href} key={item.href} - rel="noreferrer" style={{ background: background, borderColor: color, color: color, }} - target="_blank" > {index % 2 === 1 ? "🩷" diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx index 9c7f1c9..31b8041 100644 --- a/src/app/work/page.tsx +++ b/src/app/work/page.tsx @@ -54,7 +54,7 @@ const Work = (): JSX.Element => { - {`Planned`} + {`Pro-bono Contract`} diff --git a/src/config/Games.ts b/src/config/Games.ts index 2870044..c5073a5 100644 --- a/src/config/Games.ts +++ b/src/config/Games.ts @@ -175,4 +175,10 @@ export const Games: Array<{ name: "Monster Hunter: World", url: "https://store.steampowered.com/app/582010/Monster_Hunter_World/", }, + { + alt: "A 3D character model showing a female figure wearing a bright neon green futuristic bodysuit with black armored accents and panels. The suit features geometric patterns and protective plating across the torso, limbs, and joints. The character has brown hair styled with side-swept bangs and stands in a neutral pose against a dark background. Text at the top of the image reads \"Origin: Human\" and \"Naomi\".", + img: "empyrion.jpg", + name: "Empyrion: Galactic Survival", + url: "https://store.steampowered.com/app/383120/Empyrion__Galactic_Survival/", + }, ]; diff --git a/src/config/Jobs.ts b/src/config/Jobs.ts index b107807..54a1c86 100644 --- a/src/config/Jobs.ts +++ b/src/config/Jobs.ts @@ -402,7 +402,7 @@ Additionally, I guided and mentored other developers in the design and coding of `, - end: null, + end: new Date("December 5 2024"), link: "https://streamcord.io", logo: "streamcord.jpeg", start: new Date("August 5 2021"),