feat(portfolio): add manifesto and numbered capability rows

This commit is contained in:
kbot
2026-07-06 20:33:34 -05:00
parent ecfe0ce9cc
commit d8631dfc1b
4 changed files with 27 additions and 6 deletions

View File

@@ -4,8 +4,16 @@ import { m, useReducedMotion } from "motion/react";
import { capabilities } from "@/lib/portfolio";
function formatCapabilityIndex(index: string) {
return `/.${index}`;
}
export function CapabilityRows() {
const shouldReduceMotion = useReducedMotion();
const firstMarker = formatCapabilityIndex(capabilities[0]?.index ?? "01");
const lastMarker = formatCapabilityIndex(
capabilities[capabilities.length - 1]?.index ?? "05",
);
return (
<section
@@ -23,7 +31,9 @@ export function CapabilityRows() {
Built for hostile constraints.
</h2>
</div>
<p className="section-label hidden text-right sm:block">/.01/.05</p>
<p className="section-label hidden text-right sm:block">
{firstMarker}{lastMarker}
</p>
</div>
<div className="border-t border-blacksite-line">
@@ -44,7 +54,7 @@ export function CapabilityRows() {
{capability.text}
</p>
<p className="section-label text-left text-blacksite-faint sm:text-right">
/.{capability.index}
{formatCapabilityIndex(capability.index)}
</p>
</m.div>
))}