// Variação 3 — Mono Tabular // Geist Mono em tudo, layout tipo livro técnico / changelog. // Linhas pontilhadas como bibliografia, IDs entre colchetes, números com zero à esquerda. (function() { const t = { bg: "#0F0F0F", panel: "#171717", ink: "#F5F5F2", soft: "#8A8A85", dim: "#3A3A37", rule: "#262624", accent:"#C8FF4A", // verde-limão de terminal, único acento }; function Dotted({ left, right, leftStyle = {}, rightStyle = {} }) { return (
{left} {right}
); } function Cover({ p, idx }) { const a = `oklch(72% 0.06 ${p.hue})`; const b = `oklch(20% 0.04 ${p.hue})`; return (
{/* CRT scanlines */}
{/* Big numeric */}
{String(idx + 1).padStart(2, "0")}
[{p.id}] —— {p.year}
); } // Cabeçalho de seção: indicador `>` + titulo + meta function SH({ idx, label, meta }) { return (
▸ § {String(idx).padStart(2, "0")} {label} {meta ? {meta} : null}
); } window.MonoPortfolio = function MonoPortfolio() { const { lang } = window.usePortfolioLocale(); const root = window.PORTFOLIO; const L = root[lang] || root.pt; const U = L.ui; const P = { name: root.name, initials: root.initials, yearsExp: root.yearsExp, links: root.links, ...L }; const roleShort = (U.jsonFocus || "Fullstack").split("·")[0].trim(); return (
{/* TOP BAR */}
$ ./wesley_oliveira --portfolio --year=2026 --lang={lang}
{U.navAbout} {U.navWork} {U.navCv} {U.navStack} {U.navContact}
{U.openToWork}
{/* HERO */}
┌────────────────────────────────────────────┐
│  read.me  ·  v04  ·  {U.readme}  │
└────────────────────────────────────────────┘

wesley_
oliveira_

{"//"} {P.intro}

{U.openTo}}/> {U.heroStack.toLowerCase()}}/>
{/* ABOUT */} 
{`{
  "name":  "${P.name}",
  "role":  "${roleShort}",
  "level": "${U.jsonLevel}",
  "years": ${P.yearsExp},
  "based": "${U.jsonBased}",
  "open":  true,
  "model": "${U.jsonModel}"
}`}
{P.longBio.map((p, i) => (

{p}

))}
{/* WORK */}
{P.projects.map((p, i) => (
{p.kind} {p.role}

{p.title}

{p.summary}

{p.stack.map(s => ( {s} ))}
[{p.id}.{U.caseStudy}] {U.readMore}
))}
{/* CV */}
{P.experience.map((e, i) => (
● {e.period.split(" — ")[0]}
{e.period}
{e.role} @ {e.company}
{e.kind}
    {e.bullets.map((b, j) => (
  • › {b}
    • ))}
))} {/* educação */}
{U.education}
{P.education.map((ed, i) => ( {ed.title} · {ed.inst}} /> ))}
{/* STACK */} 
{`{`}
{Object.entries(P.stack).map(([cat, items], i, arr) => (
  
{"\n  "}"{cat.toLowerCase()}"{": ["}{"\n"}
{items.map((s, j) => (
  
    {"    "}"{s}"{j < items.length - 1 ? "," : ""}{"\n"}
  
))}
{"  ]"}{i < arr.length - 1 ? "," : ""}
  
))}
{"\n}"}
{/* CONTACT */}
{">"} {U.contactHeadline1}
{U.contactHeadline2}_

{L.available}

{U.links}
{[ ["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} ))}
// © 2026 — wesley_oliveira $ {U.footerExit}
); }; })();