feat(portfolio): add manifesto and numbered capability rows
This commit is contained in:
@@ -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>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user