Publish via ShipPage
Terminal
curl -X POST https://shippage.ai/v1/publish \
-H "Content-Type: application/json" \
-d @- <<'JSON'
{
"title": "One-page resume",
"public": true,
"html": "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>Your Name — Resume</title><style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #0f172a; background: #fff; }\n h1, h2, h3 { letter-spacing: -0.02em; }\n a { color: #2563eb; }\n</style><style>\n .wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px; }\n header { border-bottom: 2px solid #0f172a; padding-bottom: 16px; margin-bottom: 32px; }\n header h1 { font-size: 34px; font-weight: 700; }\n header p { color: #475569; margin-top: 4px; }\n header .contact { margin-top: 12px; font-size: 14px; color: #64748b; display: flex; gap: 16px; flex-wrap: wrap; }\n section { margin-bottom: 28px; }\n section h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; margin-bottom: 12px; }\n .item { margin-bottom: 16px; }\n .item .row { display: flex; justify-content: space-between; gap: 12px; }\n .item .title { font-weight: 600; }\n .item .when { color: #94a3b8; font-size: 14px; }\n .item .where { color: #475569; font-size: 14px; margin-top: 2px; }\n .item ul { margin: 8px 0 0 20px; font-size: 14px; color: #334155; }\n .skills { display: flex; flex-wrap: wrap; gap: 8px; }\n .skill { background: #f1f5f9; padding: 6px 12px; border-radius: 4px; font-size: 13px; color: #334155; }\n @media print { .wrap { padding: 24px; } }\n </style></head><body><div class=\"wrap\">\n <header>\n <h1>Your Name</h1>\n <p>Senior Something · Open to work</p>\n <div class=\"contact\"><span>you@example.com</span><span>+1 (555) 123-4567</span><span>linkedin.com/in/you</span><span>github.com/you</span></div>\n </header>\n <section><h2>Experience</h2>\n <div class=\"item\"><div class=\"row\"><div class=\"title\">Senior Engineer</div><div class=\"when\">2023 — Present</div></div><div class=\"where\">Acme Corp · Remote</div><ul><li>Led migration to Cloudflare Workers, cutting p99 latency by 60%.</li><li>Shipped payments pipeline processing $10M/month.</li><li>Mentored 4 engineers to senior level.</li></ul></div>\n <div class=\"item\"><div class=\"row\"><div class=\"title\">Software Engineer</div><div class=\"when\">2020 — 2023</div></div><div class=\"where\">Widget Co · San Francisco</div><ul><li>Built real-time analytics platform used by 200+ customers.</li><li>Owned observability and on-call rotation.</li></ul></div>\n </section>\n <section><h2>Education</h2>\n <div class=\"item\"><div class=\"row\"><div class=\"title\">B.S. Computer Science</div><div class=\"when\">2016 — 2020</div></div><div class=\"where\">University Name</div></div>\n </section>\n <section><h2>Skills</h2>\n <div class=\"skills\"><span class=\"skill\">TypeScript</span><span class=\"skill\">Go</span><span class=\"skill\">Python</span><span class=\"skill\">React</span><span class=\"skill\">PostgreSQL</span><span class=\"skill\">AWS</span><span class=\"skill\">Kubernetes</span></div>\n </section>\n </div></body></html>"
}
JSON
Raw HTML
resume.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Your Name — Resume</title><style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #0f172a; background: #fff; }
h1, h2, h3 { letter-spacing: -0.02em; }
a { color: #2563eb; }
</style><style>
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px; }
header { border-bottom: 2px solid #0f172a; padding-bottom: 16px; margin-bottom: 32px; }
header h1 { font-size: 34px; font-weight: 700; }
header p { color: #475569; margin-top: 4px; }
header .contact { margin-top: 12px; font-size: 14px; color: #64748b; display: flex; gap: 16px; flex-wrap: wrap; }
section { margin-bottom: 28px; }
section h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; margin-bottom: 12px; }
.item { margin-bottom: 16px; }
.item .row { display: flex; justify-content: space-between; gap: 12px; }
.item .title { font-weight: 600; }
.item .when { color: #94a3b8; font-size: 14px; }
.item .where { color: #475569; font-size: 14px; margin-top: 2px; }
.item ul { margin: 8px 0 0 20px; font-size: 14px; color: #334155; }
.skills { display: flex; flex-wrap: wrap; gap: 8px; }
.skill { background: #f1f5f9; padding: 6px 12px; border-radius: 4px; font-size: 13px; color: #334155; }
@media print { .wrap { padding: 24px; } }
</style></head><body><div class="wrap">
<header>
<h1>Your Name</h1>
<p>Senior Something · Open to work</p>
<div class="contact"><span>you@example.com</span><span>+1 (555) 123-4567</span><span>linkedin.com/in/you</span><span>github.com/you</span></div>
</header>
<section><h2>Experience</h2>
<div class="item"><div class="row"><div class="title">Senior Engineer</div><div class="when">2023 — Present</div></div><div class="where">Acme Corp · Remote</div><ul><li>Led migration to Cloudflare Workers, cutting p99 latency by 60%.</li><li>Shipped payments pipeline processing $10M/month.</li><li>Mentored 4 engineers to senior level.</li></ul></div>
<div class="item"><div class="row"><div class="title">Software Engineer</div><div class="when">2020 — 2023</div></div><div class="where">Widget Co · San Francisco</div><ul><li>Built real-time analytics platform used by 200+ customers.</li><li>Owned observability and on-call rotation.</li></ul></div>
</section>
<section><h2>Education</h2>
<div class="item"><div class="row"><div class="title">B.S. Computer Science</div><div class="when">2016 — 2020</div></div><div class="where">University Name</div></div>
</section>
<section><h2>Skills</h2>
<div class="skills"><span class="skill">TypeScript</span><span class="skill">Go</span><span class="skill">Python</span><span class="skill">React</span><span class="skill">PostgreSQL</span><span class="skill">AWS</span><span class="skill">Kubernetes</span></div>
</section>
</div></body></html>