// Editorial direction — reads from window.SITE_CONTENT const EditorialDesign = ({ lang = 'zh', onLightbox }) => { const C = window.SITE_CONTENT; const p = (f) => window.pick(f, lang); return (

MiaoDX · Learn in Public

{lang === 'zh' ? '公开构建' : 'Learn in Public'} {p(C.meta.location)}

{p(C.meta.tagline)}

{C.hero.headline[lang][0]}
{C.hero.headline[lang][1]}

{p(C.hero.lede)}

{C.hero.ctas.map((c, i) => ( {p(c.label)}{c.primary ? ' →' : ''} ))}

{p(C.meta.name)} · {C.meta.handle} · 2026

01 / {lang === 'zh' ? '关于' : 'About'}

{p(C.about.heading)}

{C.about.paragraphs.map((para, i) => (

{p(para)}

))}

{p(C.about.pullquote)}

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

{C.about.tags.map((tg, i) => {p(tg)})}

{lang === 'zh' ? '履历' : 'Trajectory'}

{e.year} {p(e.role)}

02 / {lang === 'zh' ? '现场' : 'In the Field'}

{lang === 'zh' ? '分享、演讲、meetup' : 'Talks, meetups, the occasional stage'}

{C.photos.map((ph, i) => (

onLightbox({ src: ph.src, caption: p(ph.caption) })}>

{p(ph.caption)}

))}

03 / {lang === 'zh' ? '开源' : 'Open Source'}

{lang === 'zh' ? '精选项目' : 'Selected Projects'}

{C.projects.map((pr, i) => (

→ PROJECT {String(i + 1).padStart(2, '0')}

{pr.name}

{p(pr.tagline)}

{pr.links.map((l, j) => ( {p(l.label)} ))}

))}

04 / {lang === 'zh' ? '近期分享' : 'Recent Talks'}

{lang === 'zh' ? '按时间倒排' : 'Most recent first'}

{C.events.map((e, i) => (

{e.short}

{p(e.title)}

{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 / {lang === 'zh' ? '联系' : 'Connect'}

{p(C.connect.heading)}

{p(C.connect.body)}

{C.connect.qrs.map((q, i) => (

{p(q.label)}

))}

{p(C.footer.left)} {p(C.footer.right)}

); }; window.EditorialDesign = EditorialDesign;

{C.hero.headline[lang][0]} {C.hero.headline[lang][1]}