Quest Character Sheet Generator

' + esc(c.name) + '

' + esc(c.role) + (c.portrait ? ' [img]' : '') + (hasDesc ? ' [abilities]' : '') + '

';\n div.appendChild(cb);\n div.appendChild(info);\n list.appendChild(div);\n });\n}\n\nfunction renderPreview() {\n const c = characters[previewIdx];\n if (!c) return;\n \n const abilities = c.abilities || [];\n const inventory = c.inventory || [];\n const bioText = (c.bio || \"\").replace(/\\\\*\\\\*/g, \"\");\n \n // Build abilities list (matches PDF: small caps path—N + serif name)\n let abilityList = \"\";\n for (const a of abilities) {\n const pathNum = a.pathIndex ? \"—\" + a.pathIndex : \"\";\n abilityList += '

' + esc(a.path).toUpperCase() + pathNum + ' ' + esc(a.name) + '

';\n }\n \n // Build inventory list (matches PDF: bullet format)\n let invList = \"\";\n for (const item of inventory) {\n invList += '

• ' + esc(item) + '

';\n }\n \n const portraitContent = c.portrait \n ? ' $\"Portrait\"$ '\n : '

Click to upload
or drag & drop

';\n \n let html = '';\n \n // ===== TOP HALF (FRONT) =====\n html += '

';\n \n // Left column: portrait + stats\n html += '

';\n html += '

' + portraitContent + '

';\n html += '';\n html += '

';\n html += '

';\n \n // Right column: name, role, bio, traits\n html += '

';\n html += '

' + esc(c.name) + '

';\n html += '

' + esc(c.role).toUpperCase() + '

';\n html += '

' + esc(bioText) + '

';\n html += '

IDEAL' + esc(c.ideal) + '

';\n html += '

FLAW' + esc(c.flaw) + '

';\n html += '

DREAM' + esc(c.dream) + '

';\n html += '

';\n \n html += '

'; // end top-half header\n \n // Bottom of top half: abilities + inventory side by side\n html += '

';\n html += '

ABILITIES

';\n html += '

' + abilityList + '

';\n html += '

INVENTORY

';\n html += '

' + invList + '

';\n html += '

';\n \n // ===== FOLD LINE =====\n html += '

';\n \n // ===== BOTTOM HALF (BACK) =====\n html += '

';\n \n // Left: backstory + playstyle\n html += '

';\n html += '

' + esc(c.name) + '

';\n html += '

BACKSTORY

';\n html += '

' + esc(c.backstory || \"\") + '

';\n html += '

HOW THEY PLAY

';\n html += '

' + esc(c.playstyle || \"\") + '

';\n html += '

';\n \n // Right: portrait\n html += '

';\n if (c.portrait) {\n html += ' $\"Portrait\"$ ';\n }\n html += '

';\n \n html += '

'; // end bottom-half\n \n html += '';\n \n document.getElementById(\"paper\").innerHTML = html;\n setupPortraitUpload();\n}\n\nfunction setupPortraitUpload() {\n const box = document.getElementById(\"portraitBox\");\n const input = document.getElementById(\"portraitInput\");\n if (!box || !input) return;\n \n box.onclick = () => input.click();\n \n input.onchange = (e) => {\n if (e.target.files && e.target.files[0]) {\n handleImageFile(e.target.files[0]);\n }\n };\n \n box.ondragover = (e) => {\n e.preventDefault();\n box.style.borderColor = \"#7c3aed\";\n box.style.background = \"rgba(124, 58, 237, 0.1)\";\n };\n \n box.ondragleave = (e) => {\n e.preventDefault();\n box.style.borderColor = \"\";\n box.style.background = \"\";\n };\n \n box.ondrop = (e) => {\n e.preventDefault();\n box.style.borderColor = \"\";\n box.style.background = \"\";\n if (e.dataTransfer.files && e.dataTransfer.files[0]) {\n handleImageFile(e.dataTransfer.files[0]);\n }\n };\n}\n\nfunction handleImageFile(file) {\n if (!file.type.startsWith(\"image/\")) return;\n \n const reader = new FileReader();\n reader.onload = (e) => {\n const c = characters[previewIdx];\n if (c) {\n c.portrait = e.target.result;\n renderList();\n renderPreview();\n setStatus(\"Portrait uploaded for \" + c.name);\n }\n };\n reader.readAsDataURL(file);\n}\n\nfunction setStatus(msg) { document.getElementById(\"status\").textContent = msg; }\n\nfunction clearPortrait() {\n const c = characters[previewIdx];\n if (c) {\n c.portrait = null;\n renderList();\n renderPreview();\n setStatus(\"Portrait cleared\");\n }\n}\n\nasync function fetchRoleData(roleName) {\n const key = roleName.toLowerCase();\n if (roleCache[key]) return roleCache[key];\n \n try {\n const res = await fetch(ABILITY_API + \"/role/\" + key);\n if (res.ok) {\n const data = await res.json();\n roleCache[key] = data;\n return data;\n }\n } catch (e) {\n console.error(\"Failed to fetch role:\", e);\n }\n return null;\n}\n\nfunction findAbilityInRole(roleData, abilityName, pathHint) {\n if (!roleData || !roleData.paths) return null;\n \n // First try the path hint if provided (more reliable)\n if (pathHint && roleData.paths[pathHint]) {\n const abilities = roleData.paths[pathHint];\n for (let i = 0; i < abilities.length; i++) {\n const ability = abilities[i];\n if (ability.name && ability.name.toLowerCase() === abilityName.toLowerCase()) {\n return {\n path: pathHint,\n pathIndex: i + 1,\n name: ability.name,\n prefixText: ability.prefixText ? stripHtml(ability.prefixText) : \"\",\n suffixText: ability.suffixText ? stripHtml(ability.suffixText) : \"\",\n subAbilities: (ability.subAbilities || []).map(sub => ({\n ap: sub.ap,\n text: sub.text ? stripHtml(sub.text) : \"\"\n })),\n desc: buildFlatDesc(ability)\n };\n }\n }\n }\n \n // Fallback: search all paths\n for (const [pathName, abilities] of Object.entries(roleData.paths)) {\n for (let i = 0; i < abilities.length; i++) {\n const ability = abilities[i];\n if (ability.name && ability.name.toLowerCase() === abilityName.toLowerCase()) {\n return {\n path: pathName,\n pathIndex: i + 1,\n name: ability.name,\n prefixText: ability.prefixText ? stripHtml(ability.prefixText) : \"\",\n suffixText: ability.suffixText ? stripHtml(ability.suffixText) : \"\",\n subAbilities: (ability.subAbilities || []).map(sub => ({\n ap: sub.ap,\n text: sub.text ? stripHtml(sub.text) : \"\"\n })),\n desc: buildFlatDesc(ability)\n };\n }\n }\n }\n return null;\n}\n\nfunction buildFlatDesc(ability) {\n let desc = \"\";\n if (ability.prefixText) desc += stripHtml(ability.prefixText) + \" \";\n if (ability.subAbilities && ability.subAbilities.length > 0) {\n for (const sub of ability.subAbilities) {\n if (sub.ap !== undefined) desc += sub.ap + \" AP: \";\n if (sub.text) desc += stripHtml(sub.text) + \" \";\n }\n }\n if (ability.suffixText) desc += stripHtml(ability.suffixText);\n return desc.trim();\n}\n\nasync function fetchAbilities() {\n const c = characters[previewIdx];\n if (!c || !c.role) {\n setStatus(\"No character or role selected\");\n return;\n }\n \n setStatus(\"Fetching abilities for \" + c.role + \"...\");\n \n const roleData = await fetchRoleData(c.role);\n if (!roleData) {\n setStatus(\"Failed to fetch \" + c.role + \" data\");\n return;\n }\n \n let found = 0;\n for (const ability of c.abilities) {\n const full = findAbilityInRole(roleData, ability.name, ability.path);\n if (full) {\n ability.desc = full.desc;\n ability.path = full.path;\n ability.pathIndex = full.pathIndex;\n ability.prefixText = full.prefixText;\n ability.suffixText = full.suffixText;\n ability.subAbilities = full.subAbilities;\n found++;\n }\n }\n \n setStatus(\"Fetched \" + found + \"/\" + c.abilities.length + \" abilities\");\n renderList();\n renderPreview();\n}\n\nasync function fetchAllAbilities() {\n setStatus(\"Fetching all abilities...\");\n \n for (const c of characters) {\n if (!c.role || !c.abilities) continue;\n \n const roleData = await fetchRoleData(c.role);\n if (!roleData) continue;\n \n for (const ability of c.abilities) {\n const full = findAbilityInRole(roleData, ability.name, ability.path);\n if (full) {\n ability.desc = full.desc;\n ability.path = full.path;\n ability.pathIndex = full.pathIndex;\n ability.prefixText = full.prefixText;\n ability.suffixText = full.suffixText;\n ability.subAbilities = full.subAbilities;\n }\n }\n }\n \n setStatus(\"Done fetching abilities\");\n renderList();\n renderPreview();\n}\n\nasync function downloadPDF() {\n if (!window.jspdf) { alert(\"Loading...\"); return; }\n const targets = characters.filter(c => selected.has(c.id));\n if (!targets.length) { alert(\"Select characters\"); return; }\n \n setStatus(\"Building PDF...\");\n const doc = new window.jspdf.jsPDF({ unit: \"mm\", format: \"a4\" });\n const W = 210, H = 297, M = 8;\n const HALF = H / 2; // 148.5mm - fold line\n \n // Card dimensions for ability cards page\n const cardW = 70, cardH = 120;\n const cornerRadius = 5;\n const cardMarginX = (W - cardW * 2) / 3;\n const cardMarginY = 15, cardGapY = 10;\n \n function drawAbilityCard(ability, role, path, cardIndex, pageCardIndex) {\n const col = pageCardIndex % 2;\n const row = Math.floor(pageCardIndex / 2);\n const x = cardMarginX + col * (cardW + cardMarginX);\n const y = cardMarginY + row * (cardH + cardGapY);\n \n doc.setLineWidth(0.8);\n doc.setDrawColor(30, 30, 30);\n doc.setFillColor(255, 255, 255);\n doc.roundedRect(x, y, cardW, cardH, cornerRadius, cornerRadius, \"FD\");\n \n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(14);\n doc.setTextColor(30, 30, 30);\n const nameLines = doc.splitTextToSize(ability.name.toUpperCase(), cardW - 12);\n doc.text(nameLines, x + cardW / 2, y + 14, { align: \"center\" });\n \n const nameHeight = nameLines.length * 5;\n doc.setFontSize(8);\n doc.setTextColor(100);\n const pathNum = ability.pathIndex ? \"—\" + ability.pathIndex : \"\";\n doc.text((role + \" • \" + path + pathNum).toUpperCase(), x + cardW / 2, y + 14 + nameHeight + 2, { align: \"center\" });\n \n const lineY = y + 14 + nameHeight + 8;\n doc.setLineWidth(0.4);\n doc.setDrawColor(180);\n doc.line(x + 10, lineY, x + cardW - 10, lineY);\n \n let textY = lineY + 6;\n \n if (ability.prefixText) {\n doc.setFont(\"helvetica\", \"normal\");\n doc.setFontSize(8);\n doc.setTextColor(50);\n const text = stripHtml(ability.prefixText);\n const lines = doc.splitTextToSize(text, cardW - 12);\n lines.slice(0, 3).forEach(line => {\n if (textY < y + cardH - 15) { doc.text(line, x + 6, textY); textY += 3.2; }\n });\n textY += 2;\n }\n \n if (ability.subAbilities && ability.subAbilities.length > 0) {\n ability.subAbilities.forEach((sub) => {\n if (textY > y + cardH - 20) return;\n if (sub.ap !== undefined) {\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(7);\n doc.setTextColor(180, 20, 80);\n doc.text(sub.ap + \" AP\", x + 6, textY);\n textY += 4;\n }\n doc.setFont(\"helvetica\", \"normal\");\n doc.setFontSize(7.5);\n doc.setTextColor(50);\n const text = stripHtml(sub.text || \"\");\n const lines = doc.splitTextToSize(text, cardW - 12);\n const maxLines = Math.floor((y + cardH - 15 - textY) / 3.2);\n lines.slice(0, Math.max(1, maxLines)).forEach((line) => {\n if (textY < y + cardH - 15) { doc.text(line, x + 6, textY); textY += 3.2; }\n });\n if (lines.length > maxLines) { doc.text(\"...\", x + 6, textY); textY += 3.2; }\n textY += 2;\n });\n }\n \n doc.setFontSize(6);\n doc.setTextColor(150);\n doc.text(\"QUEST RPG\", x + cardW / 2, y + cardH - 5, { align: \"center\" });\n }\n \n async function getAbilityCardsForCharacter(c) {\n if (!c.role || !c.abilities) return [];\n const roleData = await fetchRoleData(c.role);\n if (!roleData || !roleData.paths) return [];\n const cards = [];\n for (const charAbility of c.abilities) {\n let found = false;\n // First try the path hint from character data (more reliable)\n const hintPath = charAbility.path;\n if (hintPath && roleData.paths[hintPath]) {\n const abilities = roleData.paths[hintPath];\n for (let i = 0; i < abilities.length; i++) {\n const ability = abilities[i];\n if (ability.name && ability.name.toLowerCase() === charAbility.name.toLowerCase()) {\n cards.push({ name: ability.name, path: hintPath, pathIndex: i + 1, prefixText: ability.prefixText || \"\", suffixText: ability.suffixText || \"\", subAbilities: ability.subAbilities || [] });\n found = true;\n break;\n }\n }\n }\n // Fallback: search all paths if not found by hint\n if (!found) {\n for (const [pathName, abilities] of Object.entries(roleData.paths)) {\n for (let i = 0; i < abilities.length; i++) {\n const ability = abilities[i];\n if (ability.name && ability.name.toLowerCase() === charAbility.name.toLowerCase()) {\n cards.push({ name: ability.name, path: pathName, pathIndex: i + 1, prefixText: ability.prefixText || \"\", suffixText: ability.suffixText || \"\", subAbilities: ability.subAbilities || [] });\n found = true;\n break;\n }\n }\n if (found) break;\n }\n }\n }\n return cards;\n }\n \n for (let pi = 0; pi < targets.length; pi++) {\n const c = targets[pi];\n if (pi > 0) doc.addPage();\n \n // ========== TOP HALF (FRONT) ==========\n const topM = 6;\n let y = topM;\n \n // Portrait - smaller for front\n const portraitW = 40, portraitH = 60;\n if (c.portrait) {\n try { doc.addImage(c.portrait, \"JPEG\", topM, y, portraitW, portraitH, undefined, \"FAST\"); } catch (e) {}\n }\n doc.setDrawColor(26);\n doc.setLineWidth(0.5);\n doc.rect(topM, y, portraitW, portraitH);\n \n // HP/AP under portrait\n const statY = y + portraitH + 2;\n doc.rect(topM, statY, 18, 10);\n doc.rect(topM + 22, statY, 18, 10);\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(9);\n doc.setTextColor(26);\n doc.text(\"HP\", topM + 9, statY + 4, { align: \"center\" });\n doc.text(\"AP\", topM + 31, statY + 4, { align: \"center\" });\n \n // Name and role\n const hx = topM + portraitW + 5;\n const hw = W - topM - hx;\n doc.setFont(\"times\", \"bold\");\n doc.setFontSize(24);\n doc.text(c.name, hx, y + 7);\n doc.setLineWidth(0.5);\n doc.line(hx, y + 10, hx + hw, y + 10);\n \n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(11);\n doc.setTextColor(80);\n doc.text(c.role.toUpperCase(), hx, y + 16);\n \n // Bio\n doc.setTextColor(26);\n doc.setFont(\"times\", \"italic\");\n doc.setFontSize(11);\n const bioText = (c.bio || \"\").replace(/\\\\*\\\\*/g, \"\");\n const bioLines = doc.splitTextToSize(bioText, hw);\n doc.text(bioLines.slice(0, 4), hx, y + 22);\n \n // Traits\n const traitY = y + 42;\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(7);\n doc.setTextColor(100);\n doc.text(\"IDEAL\", hx, traitY);\n doc.text(\"FLAW\", hx + 30, traitY);\n doc.text(\"DREAM\", hx + 60, traitY);\n doc.setFont(\"times\", \"bold\");\n doc.setFontSize(12);\n doc.setTextColor(26);\n doc.text(c.ideal || \"\", hx, traitY + 5);\n doc.text(c.flaw || \"\", hx + 30, traitY + 5);\n doc.text(c.dream || \"\", hx + 60, traitY + 5);\n \n // ABILITIES - Big chunky list\n const abY = y + portraitH + 16;\n const abW = 95;\n doc.setFillColor(26);\n doc.rect(topM, abY, abW, 5, \"F\");\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(9);\n doc.setTextColor(255);\n doc.text(\"ABILITIES\", topM + abW/2, abY + 3.5, { align: \"center\" });\n \n const abilities = c.abilities || [];\n let aY = abY + 10;\n doc.setTextColor(26);\n for (let i = 0; i < abilities.length; i++) {\n // Path as small caps label with index (PATH—N format with em-dash)\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(8);\n doc.setTextColor(100);\n const pathNum = abilities[i].pathIndex ? \"—\" + abilities[i].pathIndex : \"\";\n const pathText = abilities[i].path.toUpperCase() + pathNum + \" \";\n doc.text(pathText, topM + 2, aY);\n const pathWidth = doc.getTextWidth(pathText);\n // Ability name as serif\n doc.setFont(\"times\", \"bold\");\n doc.setFontSize(11);\n doc.setTextColor(26);\n doc.text(abilities[i].name, topM + 2 + pathWidth, aY);\n aY += 7;\n }\n \n // INVENTORY - Simple list\n const invX = topM + abW + 4;\n const invW = W - invX - topM;\n doc.setFillColor(26);\n doc.rect(invX, abY, invW, 5, \"F\");\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(9);\n doc.setTextColor(255);\n doc.text(\"INVENTORY\", invX + invW/2, abY + 3.5, { align: \"center\" });\n \n const inv = c.inventory || [];\n let iY = abY + 10;\n doc.setTextColor(26);\n doc.setFont(\"times\", \"normal\");\n doc.setFontSize(12);\n for (const item of inv) {\n doc.text(\"• \" + item, invX + 2, iY);\n iY += 6;\n }\n \n // Fold line (dashed)\n doc.setDrawColor(180);\n doc.setLineWidth(0.3);\n doc.setLineDashPattern([2, 2], 0);\n doc.line(0, HALF, W, HALF);\n doc.setLineDashPattern([], 0);\n \n // ========== BOTTOM HALF (BACK - rotated 180°) ==========\n // We draw upside down so when folded, it's right-side up on the back\n \n const backY = HALF + 4;\n const backH = HALF - 8;\n \n // For upside-down content, we transform coordinates\n // x' = W - x, y' = H - y\n // But jsPDF doesn't support rotation easily, so we'll position from bottom\n \n // Portrait on right - maintain 2:3 aspect ratio\n const backPortraitW = 55;\n const backPortraitH = backPortraitW * 1.5; // 2:3 ratio = 82.5mm\n const backPortraitX = W - topM - backPortraitW;\n const backPortraitY = backY + 4;\n \n if (c.portrait) {\n try { doc.addImage(c.portrait, \"JPEG\", backPortraitX, backPortraitY, backPortraitW, backPortraitH, undefined, \"FAST\"); } catch (e) {}\n }\n doc.setDrawColor(26);\n doc.setLineWidth(0.5);\n doc.rect(backPortraitX, backPortraitY, backPortraitW, backPortraitH);\n \n // Text content on left\n const textX = topM;\n const textW = backPortraitX - topM - 5;\n let textY = backY + 8;\n \n // Name header\n doc.setFont(\"times\", \"bold\");\n doc.setFontSize(18);\n doc.setTextColor(26);\n doc.text(c.name, textX, textY);\n doc.setLineWidth(0.4);\n doc.line(textX, textY + 2, textX + textW, textY + 2);\n textY += 10;\n \n // BACKSTORY\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(8);\n doc.setTextColor(100);\n doc.text(\"BACKSTORY\", textX, textY);\n textY += 5;\n \n doc.setFont(\"times\", \"normal\");\n doc.setFontSize(11);\n doc.setTextColor(40);\n const backstoryLines = doc.splitTextToSize(c.backstory || \"\", textW);\n doc.text(backstoryLines.slice(0, 10), textX, textY);\n textY += Math.min(backstoryLines.length, 10) * 4.5 + 6;\n \n // PLAYSTYLE\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(8);\n doc.setTextColor(100);\n doc.text(\"HOW THEY PLAY\", textX, textY);\n textY += 5;\n \n doc.setFont(\"times\", \"italic\");\n doc.setFontSize(11);\n doc.setTextColor(40);\n const playstyleLines = doc.splitTextToSize(c.playstyle || \"\", textW);\n doc.text(playstyleLines.slice(0, 10), textX, textY);\n \n // Footer on back\n doc.setFont(\"helvetica\", \"normal\");\n doc.setFontSize(6);\n doc.setTextColor(150);\n doc.text(\"QUEST RPG\", W/2, H - 4, { align: \"center\" });\n \n // ========== ABILITY CARD PAGES ==========\n setStatus(\"Fetching abilities for \" + c.name + \"...\");\n const abilityCards = await getAbilityCardsForCharacter(c);\n if (abilityCards.length > 0) {\n let pageCardIdx = 0;\n for (let ai = 0; ai < abilityCards.length; ai++) {\n if (pageCardIdx === 0) doc.addPage();\n drawAbilityCard(abilityCards[ai], c.role, abilityCards[ai].path, ai, pageCardIdx);\n pageCardIdx++;\n if (pageCardIdx >= 4) pageCardIdx = 0;\n }\n }\n }\n \n doc.save(\"Quest_Characters.pdf\");\n setStatus(\"Downloaded!\");\n}\n\n// Events\ndocument.getElementById(\"loadBtn\").onclick = loadJSON;\ndocument.getElementById(\"selectAllBtn\").onclick = () => {\n selected = new Set(characters.map(c => c.id));\n renderList();\n};\ndocument.getElementById(\"clearBtn\").onclick = () => {\n selected = new Set();\n renderList();\n};\ndocument.getElementById(\"clearPortraitBtn\").onclick = clearPortrait;\ndocument.getElementById(\"fetchAbilitiesBtn\").onclick = fetchAbilities;\ndocument.getElementById(\"fetchAllAbilitiesBtn\").onclick = fetchAllAbilities;\ndocument.getElementById(\"downloadBtn\").onclick = downloadPDF;\n\ndocument.getElementById(\"charList\").onclick = (e) => {\n const item = e.target.closest(\".char-item\");\n if (!item) return;\n if (e.target.type === \"checkbox\") {\n const id = e.target.dataset.id;\n if (selected.has(id)) selected.delete(id);\n else selected.add(id);\n renderList();\n } else {\n previewIdx = parseInt(item.dataset.index, 10);\n renderList();\n renderPreview();\n }\n};\n\ndocument.getElementById(\"jsonInput\").value = JSON.stringify(SAMPLE, null, 2);\nloadJSON();\n`;\n","deleted","label","children",[],[158],{"_106":177,"_96":101,"_159":178,"_161":-5,"_162":142,"_163":103,"_164":165,"_108":179,"_102":32,"_167":180,"_169":181,"_171":22,"_172":-5,"_173":182,"_100":183},"822edad2-e993-11f0-8ee6-42dde27851f2","019b8a12-65d9-77d3-add3-6afcba3794d0",["D",1767548020191],"file","![04e2c9ca-45d6-4196-a4b1-4f6754fee409.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b8b25671-97bd-41b2-1dbf-db884ecccd00/public)\n\n\n![deadf244-a648-4761-b0a2-c44600d76fff.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/9291be0f-d96d-4d62-b6b8-f170711e0100/public)\n\n\n\n![1836e982-9638-4a61-93dc-4244d8a3636a.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/d0b5908d-951d-48f8-50ed-18791db2f000/public)\n\n![ccc7e160-1116-4190-bcc2-3ef3ea373ee6.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4bd0a926-eba9-4c5a-1d41-59e6746c7200/public)\n\n\n![8a09651d-3cdd-4511-b230-b47ad21d23c5.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7d47fe96-f63b-4b35-24c3-f70c6dd65800/public)\n\n![1047c096-c5a2-455c-83a0-ef1d070214eb.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/add485aa-1d30-425e-5a63-954177575600/public)\n\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/bb915236-f995-4824-e247-887bf6629300/public)\n\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fee534ba-c180-4797-d7a2-1cd2558a3f00/public)",[],[101],{"_106":185,"_96":186,"_159":187,"_161":-5,"_162":142,"_163":103,"_164":22,"_108":188,"_102":32,"_167":189,"_169":190,"_171":22,"_172":-5,"_173":191,"_100":192},"822ee734-e993-11f0-8ee6-42dde27851f2","main.ts","019b8a12-65d9-77d3-add3-6ca3290fb92e",["D",1767548020191],"http","import { styles } from \"./styles.ts\";\nimport { clientScript } from \"./client.ts\";\n\nexport default async function(req: Request): Promise {\n return new Response(renderHTML(), { \n headers: { \"Content-Type\": \"text/html\" } \n });\n}\n\nfunction renderHTML(): string {\n return `\n\n\n \n \n Quest Character Sheet Generator\n

dcm31

quest-sheet-printer