// Terminal direction — reads from window.SITE_CONTENT const TerminalDesign = ({ lang = 'zh', onLightbox }) => { const C = window.SITE_CONTENT; const p = (f) => window.pick(f, lang); const [cursorOn, setCursorOn] = React.useState(true); React.useEffect(() => { const id = setInterval(() => setCursorOn((v) => !v), 550); return () => clearInterval(id); }, []); return (
miaodx@learn-in-public · ~/index.html
miaodx@~/site{' '} (main) $ cat about.md
# MiaoDX · learn-in-public

{C.hero.headline[lang][0]} + {lang === 'zh' ? '多只' : 'multi'} 🦞
OPC = One Person + multi Claws

{'// '}{p(C.hero.lede)}

{C.hero.ctas.map((c, i) => ( {c.primary ? './' : '--'}{p(c.label).toLowerCase().replace(/\s/g, '-')} ))}
{p(C.meta.name)}
name
{C.meta.handle}
loc
{p(C.meta.location)}
role
Robotics · XiaomiEV
status
building
01../about readme.md
{C.about.paragraphs.map((para, i) => (

{'// '}{p(para)}

))}

{'/* '} "{p(C.about.pullquote)}" {' */'}

→ {C.about.closing[lang][0]} {C.about.closing[lang][1]}

{C.about.tags.map((tg, i) => ( {p(tg).toLowerCase().replace(/\s/g, '-')} ))}
yearrolekind
{C.experience.map((e) => (
{e.year} {p(e.role)} {e.kind}
))}
02../projects {lang === 'zh' ? '// 精选项目' : '// selected'}
{C.projects.map((pr, i) => (

→{pr.name}

● {pr.status}

{p(pr.tagline)}

{pr.links.map((l, j) => ( git://{pr.slug}{j > 0 ? '/report' : ''} ))}
))}
03../gallery ls -la ./events/
{C.photos.map((ph, i) => (
onLightbox({ src: ph.src, caption: p(ph.caption) })}> {p(ph.caption)}
{ph.file} #{ph.tag}
))}
04../talks git log --since=2026-03 --oneline
{C.events.map((e, i) => (
[{e.date}]

{p(e.title)}{e.tag}

{p(e.desc)}

{e.links.length > 0 && (
{e.links.map((l, j) => {p(l.label)})}
)}
{e.image ? ( {p(e.title)} onLightbox({ src: e.image, caption: p(e.title) })} /> ) :
}
))}
05../connect scan-to-chat

$ ./say-hi

{'// '}{p(C.connect.body)}

{C.connect.qrs.map((q, i) => (
{p(q.label)}
{p(q.label)}
))}
{p(C.footer.left)} ● build ok · {p(C.footer.right)}
); }; window.TerminalDesign = TerminalDesign;