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 => {