From bcfa49cd679522dbd0d477709a00ae7f14fea9da Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Sat, 14 Dec 2024 04:57:43 +0000 Subject: [PATCH] chore: end position at streamcord (#58) ### Explanation _No response_ ### Issue _No response_ ### Attestations - [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/) - [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/). - [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/). ### Dependencies - [ ] I have pinned the dependencies to a specific patch version. ### Style - [ ] I have run the linter and resolved any errors. - [ ] My pull request uses an appropriate title, matching the conventional commit standards. - [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request. ### Tests - [ ] My contribution adds new code, and I have added tests to cover it. - [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes. - [ ] All new and existing tests pass locally with my changes. - [ ] Code coverage remains at or above the configured threshold. ### Documentation _No response_ ### Versioning _No response_ Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/58 Co-authored-by: Naomi Carrigan Co-committed-by: Naomi Carrigan --- src/app/page.tsx | 45 ++++++++++++++++++++++--------------------- src/app/work/page.tsx | 2 +- src/config/Games.ts | 6 ++++++ src/config/Jobs.ts | 2 +- 4 files changed, 31 insertions(+), 24 deletions(-) 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"),