marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(portfolio): add manifesto and numbered capability rows

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
components/portfolio/Manifesto.tsx
View File

@@ -4,10 +4,13 @@ import { m, useReducedMotion } from "motion/react";
import { manifesto } from "@/lib/portfolio";
const SURVIVE_PHRASE = "survive contact";
const PROOF_PHRASE = "proof";
export function Manifesto() {
const shouldReduceMotion = useReducedMotion();
const [beforeSurvive, afterSurvive = ""] = manifesto.split("survive contact");
const [betweenAccents, afterProof = ""] = afterSurvive.split("proof");
const [beforeSurvive, afterSurvive = ""] = manifesto.split(SURVIVE_PHRASE);
const [betweenAccents, afterProof = ""] = afterSurvive.split(PROOF_PHRASE);
return (
<m.section
@@ -24,9 +27,9 @@ export function Manifesto() {
className="max-w-5xl font-display text-[clamp(28px,4vw,56px)] font-semibold leading-[0.98] tracking-[-0.06em] text-blacksite-muted"
>
{beforeSurvive}
<span className="text-signal-cyan">survive contact</span>
<span className="text-signal-cyan">{SURVIVE_PHRASE}</span>
{betweenAccents}
<span className="text-signal-orange">proof</span>
<span className="text-signal-orange">{PROOF_PHRASE}</span>
{afterProof}
</h2>
</m.section>