A bold five-page portfolio: a huge intro with inline colour pills, a work grid that reveals each result on hover and focus, an about bento, a case study with a sticky fact sheet and contents list, writing and a uses page.
@ballmac
// Ballmac UI: Portfolio template fonts. https://ui.ballmac.com/templates/template-portfolio
import { Bricolage_Grotesque, Geist_Mono } from "next/font/google"
export const portfolioSans = Bricolage_Grotesque({ variable: "--portfolio-sans", subsets: ["latin"], axes: ["opsz", "wdth"], display: "swap", preload: false })
export const portfolioMono = Geist_Mono({ variable: "--portfolio-mono", subsets: ["latin"], display: "swap", preload: false })
Pages are at /portfolio, /portfolio/work, /portfolio/work/[slug], /portfolio/writing and /portfolio/uses. Edit your projects, posts and kit in portfolio-data.ts; the palette is the portfolioCss string in portfolio-theme.tsx.
