);
}
/* =========================================================================
App shell — status bar already rendered above; this is just nav bar + body
========================================================================= */
function IOSNavBar({ title, onBack, backLabel = 'Back', rightAction }) {
return (
{onBack && (
)}
{title}
{rightAction}
);
}
function IOSAppShell({ title, onBack, backLabel, rightAction, children }) {
return (
{children}
);
}
/* =========================================================================
Grouped list — UITableView grouped style
========================================================================= */
function IOSGroupedList({ groups }) {
return (
);
}
function IOSToggle({ on, onChange }) {
return (
);
}
/* =========================================================================
Per-app: Work / Side / Writing — list -> detail (existing detail bodies)
========================================================================= */
function IOSWorkApp({ stack, onPushDetail, onPopDetail }) {
const item = stack[stack.length - 1];
if (!item) {
return (
({
id: w.id,
primary: w.name,
secondary: `${w.role} · ${w.when}`,
onClick: () => onPushDetail(w),
})),
}]}/>
);
}
return (
);
}
function IOSSideApp({ stack, onPushDetail, onPopDetail }) {
const item = stack[stack.length - 1];
if (!item) {
return (
({
id: s.id,
primary: s.name,
secondary: `${s.when} · ${s.summary.split('.')[0]}.`,
onClick: () => onPushDetail(s),
})),
}]}/>
);
}
return (
);
}
function IOSWritingApp({ stack, onPushDetail, onPopDetail }) {
const item = stack[stack.length - 1];
// Group posts by year for the index
const groups = useMemo(() => {
const byYear = {};
POSTS.forEach(p => {
const y = (p.date || '').slice(0, 4);
(byYear[y] = byYear[y] || []).push(p);
});
return Object.keys(byYear).sort().reverse().map(year => ({
header: year,
items: byYear[year].map(p => ({
id: p.id,
primary: p.title,
secondary: `${p.read} · ${p.kind}`,
onClick: () => onPushDetail(p),
})),
}));
}, []);
if (!item) {
return (
);
}
return (
);
}
/* =========================================================================
About — single page using the shared AboutApp body
========================================================================= */
function IOSAboutApp() {
return (
);
}
/* =========================================================================
Resume — Mobile Safari toolbar + the same resume content as the Mac
========================================================================= */
function IOSResumeApp() {
return (
portfolio.timofeymakhlay.com/resume
Timofey Makhlay
Founding / full-stack engineer · Berlin · San Francisco
tmakhlay2@gmail.comEN · RU · IT
10+ years building product at the seam between infra, web, and mobile.
Founding-engineer DNA. Trades architecture for velocity on purpose,
then pays the debt down before it compounds.
Selected experience
{WORK.map(w => (
{w.name}
— {w.role}
{w.when} · {w.where}
{w.summary}
))}
Selected side projects
{SIDE.map(s => (
{s.name} · {s.when} — {s.summary.split('.')[0]}.
))}
Writing
{POSTS.map(p =>
{p.title}
· {p.date}
)}
Education
Make School — B.A.S. Computer Science (2017 — 2020)
Y Combinator Startup School (2020)
);
}
/* =========================================================================
Contacts — single contact card + rates, iOS-styled
========================================================================= */
function IOSContactsApp() {
return (
,
})),
},
{
header: 'Notes',
footer: 'makOS Contacts',
items: [
{ id: 'note', primary: 'Reply with the shape of the problem and I\'ll tell you whether I\'m the right person for it.' },
],
},
]}/>