// Mono Tabular — versão standalone com tweaks (PT/EN) // Lê window.PORTFOLIO; ouve tweaks (theme, accent, density, asciiArt, lang). (function() { const P = window.PORTFOLIO; // Paletas por tema const THEMES = { dark: { bg: "#0F0F0F", panel: "#171717", ink: "#F5F5F2", soft: "#8A8A85", dim: "#3A3A37", rule: "#262624", muted: "#cfcfca", }, light: { bg: "#FBFAF6", panel: "#F4F2EC", ink: "#0F0F0F", soft: "#6B6964", dim: "#C8C4B8", rule: "#E2DDD0", muted: "#3A3A35", }, }; const ACCENTS = { "lime": "#C8FF4A", "cyan": "#5EEAD4", "amber": "#F5A524", "magenta": "#FF6BCB", }; function tones(tw) { return { ...THEMES[tw.dark ? "dark" : "light"], accent: ACCENTS[tw.accent] || ACCENTS.lime, }; } function Dotted({ left, right, t }) { return (
{left} {right}
); } function Cover({ p, idx, t }) { const a = `oklch(72% 0.06 ${p.hue})`; const b = `oklch(20% 0.04 ${p.hue})`; return (
{String(idx + 1).padStart(2, "0")}
[{p.id}] —— {p.year}
); } function SH({ idx, label, meta, t }) { return (
▸ § {String(idx).padStart(2, "0")} {label} {meta ? {meta} : null}
); } window.MonoTweakablePortfolio = function MonoTweakablePortfolio({ tweaks, onLangChange }) { const t = tones(tweaks); const dense = tweaks.density === "compact"; const pad = dense ? "0 40px" : "0 56px"; const heroPadding = dense ? "64px 0 60px" : "88px 0 80px"; const sectionPadding = dense ? "48px 0" : "72px 0"; const heroSize = dense ? 96 : 116; // Seleciona pacote de idioma const lang = (tweaks.lang === "en") ? "en" : "pt"; const L = P[lang]; const U = L.ui; const cvHref = lang === "en" ? (P.links.cvEn || P.links.cvPt || "#") : (P.links.cvPt || "#"); // Atualiza atributo lang do React.useEffect(() => { document.documentElement.lang = lang === "en" ? "en" : "pt-BR"; const titleMap = { pt: "Wesley Oliveira — Desenvolvedor Fullstack", en: "Wesley Oliveira — Fullstack Developer", }; document.title = titleMap[lang]; }, [lang]); return (
{/* TOP BAR */}
$ ./wesley_oliveira --portfolio --year=2026 --lang= /
{U.navAbout} {U.navWork} {U.navCv} {U.navWhyMe} {U.navStack} {U.navGithub} {U.navContact}
{U.openToWork}
{/* HERO */}
{tweaks.asciiArt && (
┌────────────────────────────────────────────┐
│  read.me  ·  v04  ·  {U.readme}  │
└────────────────────────────────────────────┘
)}

wesley_
oliveira_

{"//"} {L.intro}

{U.openTo}}/> {U.heroStack}}/>
{/* ABOUT */} 
{`{
  "name":   "Wesley Oliveira",
  "role":  "${U.jsonRole}",
  "focus":  "${U.jsonFocus}",
  "level":  "${U.jsonLevel}",
  "years":  "${P.yearsExp}",
  "based":  "${U.jsonBased}",
  "open":   true,
  "model":  "${U.jsonModel}"
}`}
{L.longBio.map((par, i) => (

{par}

))}
{"//"} {U.heroDirectContact}: {P.links.phone} · {P.links.email}
{/* WORK */}
{L.projects.map((p, i) => (
{p.kind} {p.role}
{p.metric ? (
{p.metric}
) : null}

{p.title}

{p.summary}

{p.stack.map(s => ( {s} ))}
[{p.id}.{U.caseStudy}] {U.readMore}
))}
{/* CV */}
{L.experience.map((e, i) => (
● {e.period.split(" — ")[0]}
{e.period}
{e.role} @ {e.company}
{e.kind}
    {e.bullets.map((b, j) => (
  • › {b}
    • ))}
))}
{U.education}
{L.education.map((ed, i) => ( {ed.title} · {ed.inst}} /> ))}
{U.certs}
{(L.certifications || []).map((c, i) => (
✦ {c}
))}
{/* DIFFERENTIALS */}
{(L.differentials || []).map((d, i) => (
0{i+1}

{d}

))}
{/* STACK */} 
{`{`}
{Object.entries(L.stack).map(([cat, items], i, arr) => (
  
{"\n  "}"{cat.toLowerCase().replace(/[^a-z0-9]+/g,'_')}"{": ["}{"\n"}
{items.map((s, j) => (
  
    {"    "}"{s}"{j < items.length - 1 ? "," : ""}{"\n"}
  
))}
{"  ]"}{i < arr.length - 1 ? "," : ""}
  
))}
{"\n}"}
{/* GITHUB */}
{(L.githubProjects || []).map((p) => { const a = `oklch(72% 0.06 ${p.hue})`; const b = `oklch(20% 0.04 ${p.hue})`; return (
{/* CONTACT */}
{">"} {U.contactHeadline1}
{U.contactHeadline2}_

{U.tagline}

{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, rawHref]) => { const isMail = k === "email"; const href = (() => { if (rawHref && rawHref !== "#") return rawHref; if (isMail) return `mailto:${P.links.email}`; const s = String(v || "").trim(); if (/^https?:\/\//i.test(s)) return s; return s ? `https://${s}` : "#"; })(); const outbound = !isMail && /^https?:\/\//i.test(href); return (
{k} {v}
); })}
// © 2026 — wesley_oliveira $ exit 0
); }; })();