// Variação 2 — Swiss / Bureau // Grid 12 colunas, hairlines, sans-serif moderno, todas as seções numeradas. // Black on white. Estética de relatório / studio site. (function() { const t = { bg: "#FFFFFF", ink: "#0A0A0A", soft: "#6B6B6B", rule: "#1A1A1A", hair: "#E5E5E5", accent:"#FF3B19", }; // Grid background lines (visíveis e marcando 12 colunas) function GridBG({ cols = 12, gutter = 24, padX = 64 }) { const lines = []; for (let i = 0; i <= cols; i++) { lines.push(
); } return (
{Array.from({length: cols}).map((_, i) => (
))}
); } function Cover({ p }) { const a = `oklch(78% 0.05 ${p.hue})`; const b = `oklch(28% 0.07 ${p.hue})`; return (
{/* halftone-ish dot grid */}
{p.id.toUpperCase()} {p.year}
); } // Cabeçalho de seção: número grande + label + horizontal rule grossa function SH({ num, label, sub }) { return (
§ {num}
{label}
{sub ? (
{sub}
) :
}
); } window.SwissPortfolio = function SwissPortfolio() { const { lang } = window.usePortfolioLocale(); const root = window.PORTFOLIO; const L = root[lang] || root.pt; const Ts = L.tpl.swiss; const U = L.ui; const P = { name: root.name, initials: root.initials, yearsExp: root.yearsExp, links: root.links, ...L }; return (
{/* TOP NAV */}
WO ⎯ Wesley Oliveira
{Ts.openBadge}
{/* HERO */}
2026
{Ts.folioLine}
{L.location}

{Ts.heroEn ? ( <> {Ts.heroL1}
{Ts.heroL2} ) : ( <> {Ts.heroL1}
{Ts.heroL2}
{Ts.heroL3} )}

{Ts.summaryLabel}

{P.intro}

{P.yearsExp} {U.yearsShort} · {L.seniority}
{U.heroStack}
{/* 01 SOBRE */}
{P.longBio.map((p, i) => (

{p}

))}
{[ [Ts.metaLoc, P.location], [Ts.metaExp, `${P.yearsExp} ${U.yearsShort}`], [Ts.metaModel, Ts.metaModelVal], [Ts.metaLang, Ts.metaLangVal], [Ts.metaEdu, Ts.metaEduVal], ].map(([k, v]) => (
{k} {v}
))}
{/* 02 PROJETOS */}
{P.projects.map((p, i) => (
↳ {p.kind} {p.year}

{p.title}

{p.summary}

{p.stack.map(s => ( {s} ))}
))}
{/* 03 EXPERIÊNCIA */}
{P.experience.map((e, i) => (
{e.period}
{e.role}
{e.company}   ·   {e.kind}
    {e.bullets.map((b, j) => (
  • {b}
    • ))}
))}
{/* 04 STACK */}
{Object.entries(P.stack).map(([cat, items]) => (
{cat}
    {items.map(s => (
  • {s}
    • ))}
))}
{/* 05 CONTATO */}

{Ts.ctaL1}
{Ts.ctaL2}
{Ts.ctaL3}

{[ ["LINKEDIN", P.links.linkedin, P.links.linkedinUrl], ["GITHUB", P.links.github, P.links.githubUrl], ["EMAIL", P.links.email, `mailto:${P.links.email}`], ].map(([k, v, u]) => ( {k} {v} ↗ ))}
{/* footer */}
© 2026 — WO
{Ts.footerMid} {L.location}
{Ts.footerTop}
); }; })();