import Link from "next/link"; import isAbsoluteUrl from "is-absolute-url"; import hexRgb from "hex-rgb"; import { WaveIcon, LockIcon } from "../components/icons"; type ColorLinkProps = { children: unknown; href: string; lightColor: string; darkColor: string; title?: string; external?: boolean; }; const ColorLink = ({ href, title, lightColor, darkColor, external = false, children }: ColorLinkProps) => { external = external || isAbsoluteUrl(href); // spits out a translucent color in rgba() format that's compatible with linear-gradient() const hexToRgba = (hex: string, alpha: number = 0.4) => hexRgb(hex, { alpha, format: "css" }); return ( {children} ); }; const Index = () => ( <>
I specialize in{" "}
Whenever possible, I also apply my experience in{" "}
I fell in love with{" "}
Over the years, some of my side projects{" "}
You can find more of my work on{" "}