Resume Details

\n \n \n \n \n

\n        <button onClick={generatePDF}>\n          Download PDF\n        </button>\n      </div>\n      <div style={{ width: '50%', padding: '20px', backgroundColor: '#f0f0f0' }}>\n        <h2>Preview</h2>\n        <div ref={pdfRef} style={{\n          backgroundColor: TEMPLATES[selectedTemplate].backgroundColor,\n          color: TEMPLATES[selectedTemplate].color,\n          fontFamily: TEMPLATES[selectedTemplate].fontFamily,\n          padding: '20px'\n        }}>\n          <h1 style={{ color: TEMPLATES[selectedTemplate].headingColor }}>\n            {resumeData.name}\n          </h1>\n          <p>{resumeData.email} | {resumeData.phone}</p>\n          <p>{resumeData.summary}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<ResumeBuilder />);\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n  return new Response(`\n    <html>\n      <head>\n        <title>Resume Builder</title>\n        <style>\n          body { margin: 0; font-family: Arial, sans-serif; }\n          input, textarea { width: 100%; margin: 10px 0; padding: 8px; }\n          button { \n            width: 100%; \n            padding: 10px; \n            background-color: #3498db; \n            color: white; \n            border: none; \n            cursor: pointer; \n          }\n        </style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { \"content-type\": \"text/html\" }\n  });\n}","deleted","label",[98],"permalink","https://www.val.town/x/pp6081/relaxedBeigeCentipede/code/main.tsx","extension","actionData","errors"]
</article></body></html>