Admin

Send a marketing email

Compose a message and send it to every subscriber in your database. Use\n {{name}} anywhere to personalize with each subscriber's name.

\n\n \n

\n \n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_176":26,"_178":26},"connections",{"_176":26,"_177":26},"count","unfilledCount","emptyCount",{"_32":262,"_13":263,"_62":264,"_42":-5,"_34":35,"_161":110,"_162":84,"_36":265,"_38":204,"_64":21,"_164":266,"_65":24,"_166":-5,"_196":267,"_17":268},{"_32":160,"_13":18,"_62":63,"_42":-5,"_34":35,"_161":39,"_162":84,"_36":259,"_38":26,"_64":21,"_164":165,"_65":24,"_166":-5,"_196":260,"_17":261},{"_32":251,"_13":252,"_62":253,"_42":-5,"_34":35,"_161":254,"_162":84,"_36":255,"_38":26,"_64":205,"_164":256,"_65":24,"_166":-5,"_196":257,"_17":258},{"_32":243,"_13":244,"_62":245,"_42":-5,"_34":35,"_161":246,"_162":84,"_36":247,"_38":26,"_64":205,"_164":248,"_65":24,"_166":-5,"_196":249,"_17":250},{"_32":236,"_13":237,"_62":238,"_42":-5,"_34":35,"_161":170,"_162":84,"_36":239,"_38":26,"_64":21,"_164":240,"_65":24,"_166":-5,"_196":241,"_17":242},{"_32":227,"_13":228,"_62":229,"_42":-5,"_34":35,"_161":230,"_162":84,"_36":231,"_38":232,"_64":21,"_164":233,"_65":24,"_166":-5,"_196":234,"_17":235},{"_32":217,"_13":218,"_62":82,"_42":-5,"_34":35,"_161":219,"_162":84,"_36":220,"_38":221,"_64":222,"_164":223,"_65":24,"_166":224,"_196":225,"_17":226},{"_32":209,"_13":210,"_62":211,"_42":-5,"_34":35,"_161":212,"_162":84,"_36":213,"_38":26,"_64":205,"_164":214,"_65":24,"_166":-5,"_196":215,"_17":216},{"_32":199,"_13":200,"_62":201,"_42":-5,"_34":35,"_161":202,"_162":84,"_36":203,"_38":204,"_64":205,"_164":206,"_65":24,"_166":-5,"_196":207,"_17":208},{"_32":189,"_13":190,"_62":191,"_42":-5,"_34":35,"_161":192,"_162":84,"_36":193,"_38":194,"_64":21,"_164":195,"_65":24,"_166":-5,"_196":197,"_17":198},"bc9086e2-1412-440f-b9a5-f0c631d17fd1","style.css","019edcf0-329c-774f-9e9f-691057ceaabd",26,["D",1781824399649],4,"/* ===== Design tokens ===== */\n:root {\n --bg: #ffffff;\n --surface: #f7f8fa;\n --surface-2: #eef1f5;\n --text: #1a1d23;\n --muted: #5a6472;\n --accent: #1d4ed8;\n --accent-hover: #1e40af;\n --border: #e3e7ee;\n --radius: 14px;\n --max: 960px;\n --shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 8px 24px rgba(16, 24, 40, 0.05);\n}\n\n* { box-sizing: border-box; }\n\nhtml { scroll-behavior: smooth; scroll-padding-top: 80px; }\n\nbody {\n margin: 0;\n font-family: \"Inter\", system-ui, -apple-system, Arial, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\na { color: var(--accent); text-decoration: none; }\na:hover { color: var(--accent-hover); }\n\n/* ===== Header ===== */\n.site-header {\n position: sticky;\n top: 0;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem clamp(1rem, 5vw, 3rem);\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n}\n\n.brand {\n font-weight: 700;\n letter-spacing: -0.01em;\n font-size: 1.05rem;\n color: var(--text);\n}\n.brand:hover { color: var(--text); }\n\n.nav a {\n color: var(--muted);\n margin-left: 1.5rem;\n font-weight: 500;\n font-size: 0.95rem;\n}\n.nav a:hover { color: var(--text); }\n\n/* ===== Hero ===== */\n.hero {\n max-width: var(--max);\n margin: 0 auto;\n padding: clamp(2.5rem, 7vw, 5rem) clamp(1rem, 5vw, 3rem);\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: clamp(1.5rem, 5vw, 3.5rem);\n align-items: center;\n}\n\n.eyebrow {\n text-transform: uppercase;\n letter-spacing: 0.16em;\n font-size: 0.78rem;\n font-weight: 600;\n color: var(--accent);\n margin: 0 0 0.5rem;\n}\n\n.hero h1 {\n font-size: clamp(2.1rem, 5.5vw, 3.1rem);\n line-height: 1.08;\n margin: 0 0 0.4rem;\n font-weight: 800;\n letter-spacing: -0.025em;\n}\n\n.role {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--text);\n margin: 0 0 1rem;\n}\n\n.tagline {\n color: var(--muted);\n font-size: 1.08rem;\n margin: 0 0 1.75rem;\n max-width: 42ch;\n}\n\n.hero-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }\n\n.btn {\n display: inline-block;\n padding: 0.7rem 1.4rem;\n border-radius: 10px;\n font-weight: 600;\n font-size: 0.95rem;\n transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease;\n}\n.btn:hover { transform: translateY(-1px); }\n.btn-primary {\n background: var(--accent);\n color: #fff;\n}\n.btn-primary:hover { background: var(--accent-hover); color: #fff; }\n.btn-ghost {\n border: 1px solid var(--border);\n color: var(--text);\n background: #fff;\n}\n.btn-ghost:hover { border-color: var(--muted); color: var(--text); }\n\n.hero-photo img {\n width: 100%;\n aspect-ratio: 4 / 5;\n object-fit: cover;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n box-shadow: var(--shadow);\n}\n\n/* ===== Layout ===== */\n.container {\n max-width: var(--max);\n margin: 0 auto;\n padding: 0 clamp(1rem, 5vw, 3rem);\n}\n\n.section {\n padding: clamp(2.25rem, 5vw, 3.5rem) 0;\n border-top: 1px solid var(--border);\n}\n\n.section h2 {\n font-size: clamp(1.4rem, 3.5vw, 1.85rem);\n margin: 0 0 1.5rem;\n font-weight: 700;\n letter-spacing: -0.02em;\n}\n\n.section p { color: #3b4350; }\n\n.subhead {\n font-size: 1rem;\n font-weight: 600;\n color: var(--text);\n margin: 2rem 0 0.5rem;\n}\n\n/* ===== Skills ===== */\n.skills {\n list-style: none;\n padding: 0;\n margin: 0.75rem 0 0;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.skills li {\n background: var(--surface);\n border: 1px solid var(--border);\n padding: 0.35rem 0.85rem;\n border-radius: 999px;\n font-size: 0.88rem;\n font-weight: 500;\n color: var(--text);\n}\n\n/* ===== Experience timeline ===== */\n.timeline { display: flex; flex-direction: column; gap: 0.5rem; }\n.timeline-item {\n display: grid;\n grid-template-columns: 160px 1fr;\n gap: 1.5rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--border);\n}\n.timeline-item:last-child { border-bottom: none; }\n.timeline-date { color: var(--muted); font-size: 0.9rem; font-weight: 500; }\n.timeline-body h3 { margin: 0 0 0.15rem; font-size: 1.1rem; font-weight: 700; }\n.timeline-body .company { margin: 0 0 0.6rem; color: var(--accent); font-weight: 600; font-size: 0.95rem; }\n.timeline-body p { margin: 0; }\n\n/* ===== Project cards ===== */\n.cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n.card {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n box-shadow: var(--shadow);\n transition: transform 0.16s ease, box-shadow 0.16s ease;\n display: flex;\n flex-direction: column;\n}\n.card:hover { transform: translateY(-3px); box-shadow: 0 4px 6px rgba(16,24,40,0.08), 0 16px 40px rgba(16,24,40,0.10); }\n.card h3 { margin: 0 0 0.5rem; font-size: 1.15rem; font-weight: 700; }\n.card p { margin: 0 0 1rem; color: var(--muted); font-size: 0.95rem; flex: 1; }\n.tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem; }\n.tags span {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--muted);\n background: var(--surface-2);\n padding: 0.2rem 0.6rem;\n border-radius: 6px;\n}\n.card-link { font-weight: 600; font-size: 0.9rem; }\n\n/* ===== Contact ===== */\n.contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n}\n.contact-card {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n padding: 1.1rem 1.25rem;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.15s ease, transform 0.15s ease;\n}\n.contact-card:hover { border-color: var(--accent); transform: translateY(-2px); }\n.contact-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); font-weight: 600; }\n.contact-value { font-weight: 600; color: var(--text); }\n\n/* ===== Footer ===== */\n.site-footer {\n max-width: var(--max);\n margin: 0 auto;\n padding: 2rem clamp(1rem, 5vw, 3rem) 3rem;\n border-top: 1px solid var(--border);\n color: var(--muted);\n font-size: 0.9rem;\n}\n\n/* ===== Responsive ===== */\n@media (max-width: 720px) {\n .hero { grid-template-columns: 1fr; }\n .hero-photo { order: -1; max-width: 280px; }\n .timeline-item { grid-template-columns: 1fr; gap: 0.35rem; }\n .nav a:first-child { margin-left: 0; }\n}\n\n/* ===== Subscribe modal ===== */\n.modal-overlay {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n background: rgba(15, 23, 42, 0.55);\n backdrop-filter: blur(3px);\n}\n.modal-overlay[hidden] { display: none; }\n\n.modal {\n position: relative;\n width: 100%;\n max-width: 420px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem 1.75rem 1.75rem;\n box-shadow: 0 20px 60px rgba(16, 24, 40, 0.25);\n}\n.modal h2 { margin: 0 0 0.35rem; font-size: 1.4rem; font-weight: 700; }\n.modal-sub { margin: 0 0 1.25rem; color: var(--muted); font-size: 0.95rem; }\n\n.modal-close {\n position: absolute;\n top: 0.6rem;\n right: 0.8rem;\n background: none;\n border: none;\n font-size: 1.6rem;\n line-height: 1;\n color: var(--muted);\n cursor: pointer;\n}\n.modal-close:hover { color: var(--text); }\n\n#subscribe-form { display: flex; flex-direction: column; }\n#subscribe-form label {\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 0.3rem;\n color: var(--text);\n}\n#subscribe-form input {\n font: inherit;\n padding: 0.65rem 0.8rem;\n margin-bottom: 1rem;\n border: 1px solid var(--border);\n border-radius: 10px;\n background: #fff;\n color: var(--text);\n}\n#subscribe-form input:focus {\n outline: none;\n border-color: var(--accent);\n box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);\n}\n#subscribe-form .btn { width: 100%; cursor: pointer; border: none; }\n#subscribe-form .btn[disabled] { opacity: 0.6; cursor: default; }\n\n.form-msg { margin: 0 0 0.85rem; font-size: 0.9rem; min-height: 1.2em; }\n.form-msg.error { color: #dc2626; }\n.form-msg.success { color: #16a34a; }\n\nbutton.btn { font-family: inherit; }\n\n/* ===== Admin / campaign page ===== */\n.admin { max-width: 640px; }\n#campaign-form { display: flex; flex-direction: column; }\n#campaign-form label {\n font-size: 0.85rem;\n font-weight: 600;\n margin: 0.5rem 0 0.3rem;\n color: var(--text);\n}\n#campaign-form input,\n#campaign-form textarea {\n font: inherit;\n padding: 0.65rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 10px;\n background: #fff;\n color: var(--text);\n resize: vertical;\n}\n#campaign-form input:focus,\n#campaign-form textarea:focus {\n outline: none;\n border-color: var(--accent);\n box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);\n}\n#campaign-form .btn { margin-top: 1rem; cursor: pointer; border: none; align-self: flex-start; }\n#campaign-form .btn[disabled] { opacity: 0.6; cursor: default; }\n.admin code {\n background: var(--surface-2);\n padding: 0.1rem 0.4rem;\n border-radius: 5px;\n font-size: 0.9em;\n}\n","children",[],[190],"c56e7df8-a148-4564-9e3f-f0c6f297a252","script.js","019edcf0-329c-774f-9e9f-640f1ac1c2c9",19,["D",1781824153743],2,"script","/* Fill in the current year in the footer. */\nconst yearEl = document.getElementById(\"year\");\nif (yearEl) yearEl.textContent = new Date().getFullYear();\n\n/* ===== Subscribe modal ===== */\nconst modal = document.getElementById(\"subscribe-modal\");\nconst openBtn = document.getElementById(\"open-subscribe\");\nconst closeBtn = document.getElementById(\"close-subscribe\");\nconst form = document.getElementById(\"subscribe-form\");\nconst msg = document.getElementById(\"form-msg\");\nconst submitBtn = document.getElementById(\"submit-btn\");\nconst nameInput = document.getElementById(\"sub-name\");\n\nfunction openModal() {\n setMessage(\"\", \"\");\n form.reset();\n modal.hidden = false;\n nameInput.focus();\n}\n\nfunction closeModal() {\n modal.hidden = true;\n}\n\nfunction setMessage(text, kind) {\n msg.textContent = text;\n msg.className = \"form-msg\" + (kind ? \" \" + kind : \"\");\n}\n\nopenBtn?.addEventListener(\"click\", openModal);\ncloseBtn?.addEventListener(\"click\", closeModal);\n\n// Close on overlay click (but not when clicking inside the modal)\nmodal?.addEventListener(\"click\", (e) => {\n if (e.target === modal) closeModal();\n});\n\n// Close on Escape\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && !modal.hidden) closeModal();\n});\n\nform?.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const name = nameInput.value.trim();\n const email = document.getElementById(\"sub-email\").value.trim();\n\n if (!name) return setMessage(\"Please enter your name.\", \"error\");\n if (!email) return setMessage(\"Please enter your email.\", \"error\");\n\n submitBtn.disabled = true;\n submitBtn.textContent = \"Submitting…\";\n setMessage(\"\", \"\");\n\n try {\n const res = await fetch(\"/api/subscribe\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, email }),\n });\n const data = await res.json().catch(() => ({}));\n\n if (res.ok && data.ok) {\n setMessage(\"Thanks! You're on the list. 🎉\", \"success\");\n form.reset();\n setTimeout(closeModal, 1500);\n } else {\n setMessage(data.error || \"Something went wrong. Try again.\", \"error\");\n }\n } catch (err) {\n setMessage(\"Network error. Please try again.\", \"error\");\n } finally {\n submitBtn.disabled = false;\n submitBtn.textContent = \"Submit\";\n }\n});\n",[],[200],"5b66db60-22c8-431f-a7ae-cd0f25f9da99","marketing.ts","3128024e-6b6b-11f1-8b1e-1607ee4eb77e",20,["D",1781824355518],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { initDb } from \"./db.ts\";\n\nconst RESEND_ENDPOINT = \"https://api.resend.com/emails\";\n\n/**\n * The \"from\" address. Resend requires a verified domain to send to arbitrary\n * recipients. Until you verify your own domain, you can use \"onboarding@resend.dev\"\n * which only delivers to YOUR own Resend account email (good for testing).\n *\n * 👉 Set FROM_EMAIL to something like \"James \" once your\n * domain is verified in Resend.\n */\nconst FROM_EMAIL = Deno.env.get(\"FROM_EMAIL\") ?? \"onboarding@resend.dev\";\n\nexport interface CampaignContent {\n subject: string;\n /** Plain-text body. {{name}} is replaced with the subscriber's name. */\n text: string;\n /** Optional HTML body. {{name}} is replaced with the subscriber's name. */\n html?: string;\n}\n\nexport interface CampaignResult {\n total: number;\n sent: number;\n failed: number;\n errors: { email: string; error: string }[];\n}\n\ninterface Subscriber {\n name: string;\n email: string;\n}\n\n/** Send one email via the Resend REST API. */\nasync function sendOne(\n apiKey: string,\n to: string,\n content: CampaignContent,\n name: string,\n): Promise {\n const personalize = (s: string) => s.replaceAll(\"{{name}}\", name || \"there\");\n\n const res = await fetch(RESEND_ENDPOINT, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n from: FROM_EMAIL,\n to: [to],\n subject: personalize(content.subject),\n text: personalize(content.text),\n ...(content.html ? { html: personalize(content.html) } : {}),\n }),\n });\n\n if (!res.ok) {\n const detail = await res.text().catch(() => \"\");\n throw new Error(`Resend ${res.status}: ${detail}`);\n }\n}\n\n/**\n * Send a marketing email to every subscriber in the database.\n * Sends sequentially with a small delay to stay under Resend's rate limit.\n */\nexport async function sendCampaign(content: CampaignContent): Promise {\n const apiKey = Deno.env.get(\"RESEND_API_KEY\");\n if (!apiKey) {\n throw new Error(\"RESEND_API_KEY is not set. Add it in the val's environment variables.\");\n }\n\n await initDb();\n const { rows } = await sqlite.execute(\"SELECT name, email FROM subscribers ORDER BY id\");\n const subscribers = rows as unknown as Subscriber[];\n\n const result: CampaignResult = {\n total: subscribers.length,\n sent: 0,\n failed: 0,\n errors: [],\n };\n\n for (const sub of subscribers) {\n try {\n await sendOne(apiKey, sub.email, content, sub.name);\n result.sent++;\n } catch (err) {\n result.failed++;\n result.errors.push({ email: sub.email, error: String((err as Error)?.message ?? err) });\n console.error(`Failed to send to ${sub.email}:`, err);\n }\n // Resend free tier allows ~2 requests/sec — space them out a bit.\n await new Promise((r) => setTimeout(r, 600));\n }\n\n console.log(`Campaign done: ${result.sent} sent, ${result.failed} failed of ${result.total}`);\n return result;\n}\n",[],[210],"204bf725-6e2b-4bd7-ba13-40b16a01ea1b","main.tsx",23,["D",1781824374010],5,"http","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { addSubscriber } from \"./db.ts\";\nimport { sendCampaign } from \"./marketing.ts\";\n\nconst serve = staticHTTPServer();\n\nconst EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Let visitors view & remix the source\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // Serve the private admin/campaign page\n if (url.pathname === \"/admin\") {\n return serve(new Request(new URL(\"/admin.html\", url), req));\n }\n\n // Capture a subscriber (name + email) into the database\n if (url.pathname === \"/api/subscribe\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const name = String(body?.name ?? \"\").trim();\n const email = String(body?.email ?? \"\").trim().toLowerCase();\n\n if (!name) {\n return Response.json({ ok: false, error: \"Please enter your name.\" }, { status: 400 });\n }\n if (!EMAIL_RE.test(email)) {\n return Response.json({ ok: false, error: \"Please enter a valid email.\" }, { status: 400 });\n }\n\n const result = await addSubscriber(name, email);\n if (!result.ok) {\n return Response.json({ ok: false, error: result.reason }, { status: 409 });\n }\n return Response.json({ ok: true });\n } catch (err) {\n console.error(\"subscribe error\", err);\n return Response.json({ ok: false, error: \"Something went wrong. Try again.\" }, { status: 500 });\n }\n }\n\n // Send a marketing campaign to all subscribers (admin only).\n // Protected by ADMIN_TOKEN — pass it as ?token=... or an X-Admin-Token header.\n if (url.pathname === \"/api/send-campaign\" && req.method === \"POST\") {\n const adminToken = Deno.env.get(\"ADMIN_TOKEN\");\n if (!adminToken) {\n return Response.json(\n { ok: false, error: \"ADMIN_TOKEN is not configured on the server.\" },\n { status: 500 },\n );\n }\n const provided = req.headers.get(\"X-Admin-Token\") ?? url.searchParams.get(\"token\");\n if (provided !== adminToken) {\n return Response.json({ ok: false, error: \"Unauthorized.\" }, { status: 401 });\n }\n\n try {\n const body = await req.json().catch(() => ({}));\n const subject = String(body?.subject ?? \"\").trim();\n const text = String(body?.text ?? \"\").trim();\n const html = body?.html ? String(body.html) : undefined;\n\n if (!subject) {\n return Response.json({ ok: false, error: \"Subject is required.\" }, { status: 400 });\n }\n if (!text) {\n return Response.json({ ok: false, error: \"Message body is required.\" }, { status: 400 });\n }\n\n const result = await sendCampaign({ subject, text, html });\n return Response.json({ ok: true, ...result });\n } catch (err) {\n console.error(\"send-campaign error\", err);\n return Response.json(\n { ok: false, error: String((err as Error)?.message ?? err) },\n { status: 500 },\n );\n }\n }\n\n return serve(req);\n}\n","jaybay",[],[218],"0b26b861-e548-4173-b5e9-ae70a40ddd8d","index.html","019edcf0-329c-774f-9e9f-5f2892e9148f",17,["D",1781824131508],9,"\n\n \n James Maciej Krywin\n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n

Portfolio

James Maciej Krywin

\n Senior Managing Consultant at IBM\n

\n Management consultant with 7+ years of experience partnering with clients\n to solve complex business problems and deliver lasting impact.\n

\n Contact me\n \n

\n \n \n

\n\n

\n \n

About

\n \n

\n I'm a management consultant with over seven years of experience partnering\n with clients to tackle complex business challenges. Based in New York, I\n currently serve as a Senior Managing Consultant at IBM, where I help\n organizations turn strategy into measurable, lasting results.\n

\n I'm a graduate of New York University and enjoy working at the intersection\n of business strategy and technology — bringing structure to ambiguous\n problems and building solutions teams can rally behind.\n

\n\n

Core skills

\n \n

Management Consulting
Business Strategy
Client Engagement
Project Delivery
Stakeholder Management
Process Improvement

\n\n \n

Experience

\n \n

\n Present\n

Senior Managing Consultant

IBM · New York

Partner with clients to solve complex business challenges, translating strategy into measurable outcomes across engagements.

\n Education\n

New York University

New York

Add your degree and field of study here.

\n\n \n

Selected Projects

\n \n

Eco-llobrate

A hackathon project built with team TreeHuggersLLC, focused on sustainability and collaboration. Add a sentence on what it does and your role.

HackathonSustainability

\n View on Devpost →\n

\n \n

\n\n \n

Get in touch

\n I'm always open to connecting. Reach out by email or find me on the\n platforms below.\n

\n \n \n Email\n you@example.com\n \n \n LinkedIn\n in/jameskrywin\n \n \n Devpost\n jmk745\n \n

\n\n \n\n \n \n \n\n",[],[228],"99b2735c-d71c-41e6-9d3b-7cfc22b88f5d","favicon.svg","019edcf0-329c-774f-9e9f-5944cfa4b8b2",["D",1781823189606],"",[],[237],"348133b4-17fc-4a0f-8367-7d12962d3435","db.ts","9e476b72-6b6a-11f1-8c38-1607ee4eb77e",14,["D",1781824109125],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"subscribers\";\n\nlet initialized = false;\n\n/** Create the subscribers table if it doesn't exist yet (idempotent). */\nexport async function initDb(): Promise {\n if (initialized) return;\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL UNIQUE,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`);\n initialized = true;\n}\n\n/** Save a new subscriber. Returns { ok } or { ok:false, reason } for duplicates. */\nexport async function addSubscriber(\n name: string,\n email: string,\n): Promise<{ ok: true } | { ok: false; reason: string }> {\n await initDb();\n try {\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, email) VALUES (?, ?)`,\n args: [name, email],\n });\n return { ok: true };\n } catch (err) {\n const msg = String((err as Error)?.message ?? err);\n if (msg.includes(\"UNIQUE\")) {\n return { ok: false, reason: \"That email is already on the list.\" };\n }\n throw err;\n }\n}\n",[],[244],"93783eb2-8eb0-4e23-8aaa-160e165aea6f","admin.js","475d8c32-6b6b-11f1-b1db-1607ee4eb77e",25,["D",1781824392802],"const form = document.getElementById(\"campaign-form\");\nconst tokenInput = document.getElementById(\"admin-token\");\nconst subjectInput = document.getElementById(\"subject\");\nconst messageInput = document.getElementById(\"message\");\nconst msg = document.getElementById(\"campaign-msg\");\nconst sendBtn = document.getElementById(\"send-btn\");\n\nfunction setMessage(text, kind) {\n msg.textContent = text;\n msg.className = \"form-msg\" + (kind ? \" \" + kind : \"\");\n}\n\nform?.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n\n const token = tokenInput.value.trim();\n const subject = subjectInput.value.trim();\n const text = messageInput.value.trim();\n\n if (!token) return setMessage(\"Enter your admin token.\", \"error\");\n if (!subject) return setMessage(\"Enter a subject.\", \"error\");\n if (!text) return setMessage(\"Enter a message.\", \"error\");\n\n if (!confirm(\"Send this email to ALL subscribers? This cannot be undone.\")) return;\n\n sendBtn.disabled = true;\n sendBtn.textContent = \"Sending…\";\n setMessage(\"Sending campaign — this may take a moment…\", \"\");\n\n try {\n const res = await fetch(\"/api/send-campaign\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-Admin-Token\": token,\n },\n body: JSON.stringify({ subject, text }),\n });\n const data = await res.json().catch(() => ({}));\n\n if (res.ok && data.ok) {\n let summary = `Done! Sent ${data.sent} of ${data.total}.`;\n if (data.failed > 0) summary += ` ${data.failed} failed (see console/logs).`;\n setMessage(summary, data.failed > 0 ? \"error\" : \"success\");\n if (data.failed === 0) form.reset();\n } else {\n setMessage(data.error || \"Something went wrong.\", \"error\");\n }\n } catch (err) {\n setMessage(\"Network error. Please try again.\", \"error\");\n } finally {\n sendBtn.disabled = false;\n sendBtn.textContent = \"Send to all subscribers\";\n }\n});\n",[],[252],["D",1781824384097],[],[18],"538aedcb-7c86-4c32-89bc-2ef38343a43e","README.md","019edcf0-329c-774f-9e9f-55da3cf3597e",["D",1781824422909],"# James Maciej Krywin — Portfolio\n\nA personal portfolio site with a header, hero photo, About / Experience /\nProjects / Contact sections, a **subscribe modal** that saves leads to a\ndatabase, and a private **admin page** to email those subscribers a marketing\ncampaign.\n\n## Pages & routes\n\n| Route | What it does |\n| --- | --- |\n| `/` | Public portfolio. Hero \"Stay in touch\" button opens a modal that POSTs to `/api/subscribe`. |\n| `/admin` | Private campaign composer. Enter your admin token, write a subject + message, and send to all subscribers. |\n| `POST /api/subscribe` | Validates and saves `{ name, email }` to the `subscribers` SQLite table. |\n| `POST /api/send-campaign` | Admin-only (requires `ADMIN_TOKEN`). Emails every subscriber via Resend. |\n| `/source` | Redirects to the val's source code. |\n\n## Files\n\n| File | Role |\n| --- | --- |\n| `main.tsx` | HTTP server + API routes. |\n| `index.html` / `style.css` / `script.js` | The public site and subscribe modal. |\n| `admin.html` / `admin.js` | The private campaign page. |\n| `db.ts` | SQLite schema + `addSubscriber()`. |\n| `marketing.ts` | `sendCampaign()` — fans out emails through the Resend API. |\n\n## Setup for sending email\n\nVal Town's built-in `std/email` can only email **you**, so this uses\n[Resend](https://resend.com) (free tier: 100/day, 3,000/month) to reach real\nsubscribers. Three environment variables:\n\n1. **`RESEND_API_KEY`** — create a key at .\n2. **`ADMIN_TOKEN`** — any long random string. It protects `/api/send-campaign`\n so only you can trigger a send. You'll type it into the `/admin` page.\n3. **`FROM_EMAIL`** *(optional)* — e.g. `James `. Requires a\n domain verified in Resend. Until then it defaults to `onboarding@resend.dev`,\n which only delivers to your own Resend account email (fine for testing).\n\nSet them in the val's **Environment Variables** tab.\n\n## Personalization\n\nIn the campaign subject or body, `{{name}}` is replaced with each subscriber's\nname (falls back to \"there\" if empty).\n\n## Viewing subscribers\n\nThey live in this val's SQLite `subscribers` table (`id`, `name`, `email`,\n`created_at`) — browse it in the val's **Database** tab.\n\n## Structure\n\n```mermaid\nflowchart TD\n Visitor -->|Stay in touch| Modal --> subscribe[POST /api/subscribe] --> DB[(subscribers)]\n You -->|/admin + token| Compose --> campaign[POST /api/send-campaign]\n campaign --> DB\n campaign --> Resend[Resend API] --> Inbox[Subscriber inboxes]\n```\n",[],[263],["D",1781823189606],["D",1789677107549],{"_11":12,"_127":68},{"_11":12,"_123":68,"_67":68,"_30":66,"_124":125,"_126":24},{"_38":110,"_13":16,"_32":35,"_111":70,"_112":113,"_114":115,"_116":75,"_117":118,"_119":120,"_121":14,"_122":12},"ctx",{"_52":-5,"_148":307,"_308":309,"_310":311,"_312":24,"_313":24,"_314":24,"_315":84,"_316":-5,"_317":-7,"_318":-7,"_319":26,"_320":24,"_321":24,"_322":-5,"_323":24,"_324":24,"_325":24,"_326":-5},"ENV",{"_278":279,"_280":281,"_282":16,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · admin.html