Curr\u00edculo Edit\u00e1vel<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 6px;\r\n background-color: #f4f4f4;\r\n }\r\n \r\n .container {\r\n display: flex;\r\n background-color: #fff;\r\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n padding: 0px;\r\n max-width: 1280px;\r\n margin: auto;\r\n }\r\n\r\n .left-column {\r\n width: 50%;\r\n text-align: center;\r\n padding-right: 10px;\r\n border-right: 2px solid #f4f4f4;\r\n }\r\n\r\n .photo img {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n\r\n .photo input {\r\n display: none;\r\n }\r\n\r\n .photo label {\r\n display: block;\r\n margin-top: 10px;\r\n cursor: pointer;\r\n color: #007bff;\r\n }\r\n\r\n .personal-info {\r\n margin-top: 10px;\r\n }\r\n\r\n .personal-info label {\r\n display: block;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .personal-info input {\r\n width: 95%;\r\n padding: 5px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .right-column {\r\n width: 70%;\r\n padding-left: 10px;\r\n }\r\n\r\n h1, h2 {\r\n margin-top: 0;\r\n }\r\n strong {\r\n color: #716a6a\r\n }\r\n\r\n .section {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section label {\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .section textarea {\r\n width: 95%;\r\n padding: 10px;\r\n margin-bottom: 1px;\r\n resize: none; \/* Changed from vertical to none *\/\r\n min-height: 60px; \/* Minimum height for empty textarea *\/\r\n box-sizing: border-box;\r\n }\r\n\r\n #nome {\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 20px;\r\n font-weight: bold;\r\n border: none;\r\n background: transparent;\r\n outline: none;\r\n }\r\n\r\n button {\r\n margin: 20px 10px 0 0;\r\n padding: 10px 20px;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n background-color: #0056b3;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.9.2\/html2pdf.bundle.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"container\" id=\"curriculo\">\r\n <div class=\"left-column\">\r\n <div class=\"photo\">\r\n <img decoding=\"async\" id=\"profilePic\" src=\"https:\/\/via.placeholder.com\/150\" alt=\"Foto\">\r\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\">\r\n <label for=\"fileInput\">Foto<\/label>\r\n <\/div>\r\n <div class=\"personal-info\">\r\n <label>\r\n <strong>Telefone:<\/strong>\r\n <input type=\"text\" id=\"telefone\" value=\"(11) 99999-9999\">\r\n <\/label>\r\n <label>\r\n <strong>Email:<\/strong>\r\n <input type=\"email\" id=\"email\" value=\"exemplo@email.com\">\r\n <\/label>\r\n <label>\r\n <strong>Instagram:<\/strong>\r\n <input type=\"text\" id=\"instagram\" value=\"@exemplo\">\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-column\">\r\n <h1><input type=\"text\" id=\"nome\" value=\"Nome Completo\"><\/h1>\r\n <div class=\"section\">\r\n <h2>Educa\u00e7\u00e3o<\/h2>\r\n <textarea id=\"educacao\">Universidade Fict\u00edcia - Bacharelado em Ci\u00eancia da Computa\u00e7\u00e3o (2015 - 2019)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Cursos<\/h2>\r\n <textarea id=\"cursos\">Curso de Desenvolvimento Web - Plataforma XYZ (2020)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Experi\u00eancia Profissional<\/h2>\r\n <textarea id=\"experiencia\">Empresa ABC - Desenvolvedor Front-end (2020 - Presente)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Habilidades<\/h2>\r\n <textarea id=\"habilidades\">HTML, CSS, JavaScript, React, Node.js<\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button id=\"downloadPdf\">Baixar PDF<\/button>\r\n <script>\r\n \/\/ Auto-resize textarea function\r\n function autoResize(textarea) {\r\n textarea.style.height = 'auto'; \/\/ Reset height\r\n textarea.style.height = textarea.scrollHeight + 'px'; \/\/ Set to scroll height\r\n }\r\n\r\n \/\/ Apply auto-resize to all textareas on input\r\n document.querySelectorAll('textarea').forEach(textarea => {\r\n textarea.addEventListener('input', () => autoResize(textarea));\r\n \/\/ Resize on load to fit initial content\r\n autoResize(textarea);\r\n });\r\n\r\n document.getElementById('fileInput').addEventListener('change', function(event) {\r\n const file = event.target.files[0];\r\n const reader = new FileReader();\r\n\r\n reader.onload = function(e) {\r\n document.getElementById('profilePic').src = e.target.result;\r\n };\r\n\r\n reader.readAsDataURL(file);\r\n });\r\n\r\n document.getElementById('downloadPdf').addEventListener('click', () => {\r\n const element = document.getElementById('curriculo');\r\n const opt = {\r\n margin: 0.5,\r\n filename: 'curriculo.pdf',\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { scale: 2 },\r\n jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }\r\n };\r\n\r\n \/\/ Ensure the image is fully loaded before generating the PDF\r\n const profilePic = document.getElementById('profilePic');\r\n if (profilePic.complete) {\r\n html2pdf().set(opt).from(element).save();\r\n } else {\r\n profilePic.onload = () => {\r\n html2pdf().set(opt).from(element).save();\r\n };\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Curr\u00edculo Edit\u00e1vel Foto Telefone: Email: Instagram: Educa\u00e7\u00e3o Universidade Fict\u00edcia – Bacharelado em Ci\u00eancia da Computa\u00e7\u00e3o (2015 – 2019) Cursos Curso […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2758","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2758"}],"version-history":[{"count":94,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758\/revisions"}],"predecessor-version":[{"id":5918,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758\/revisions\/5918"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Curr\u00edculo Edit\u00e1vel<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 6px;\r\n background-color: #f4f4f4;\r\n }\r\n \r\n .container {\r\n display: flex;\r\n background-color: #fff;\r\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n padding: 0px;\r\n max-width: 1280px;\r\n margin: auto;\r\n }\r\n\r\n .left-column {\r\n width: 50%;\r\n text-align: center;\r\n padding-right: 10px;\r\n border-right: 2px solid #f4f4f4;\r\n }\r\n\r\n .photo img {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n\r\n .photo input {\r\n display: none;\r\n }\r\n\r\n .photo label {\r\n display: block;\r\n margin-top: 10px;\r\n cursor: pointer;\r\n color: #007bff;\r\n }\r\n\r\n .personal-info {\r\n margin-top: 10px;\r\n }\r\n\r\n .personal-info label {\r\n display: block;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .personal-info input {\r\n width: 95%;\r\n padding: 5px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .right-column {\r\n width: 70%;\r\n padding-left: 10px;\r\n }\r\n\r\n h1, h2 {\r\n margin-top: 0;\r\n }\r\n strong {\r\n color: #716a6a\r\n }\r\n\r\n .section {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section label {\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .section textarea {\r\n width: 95%;\r\n padding: 10px;\r\n margin-bottom: 1px;\r\n resize: none; \/* Changed from vertical to none *\/\r\n min-height: 60px; \/* Minimum height for empty textarea *\/\r\n box-sizing: border-box;\r\n }\r\n\r\n #nome {\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 20px;\r\n font-weight: bold;\r\n border: none;\r\n background: transparent;\r\n outline: none;\r\n }\r\n\r\n button {\r\n margin: 20px 10px 0 0;\r\n padding: 10px 20px;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n background-color: #0056b3;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.9.2\/html2pdf.bundle.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"container\" id=\"curriculo\">\r\n <div class=\"left-column\">\r\n <div class=\"photo\">\r\n <img decoding=\"async\" id=\"profilePic\" src=\"https:\/\/via.placeholder.com\/150\" alt=\"Foto\">\r\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\">\r\n <label for=\"fileInput\">Foto<\/label>\r\n <\/div>\r\n <div class=\"personal-info\">\r\n <label>\r\n <strong>Telefone:<\/strong>\r\n <input type=\"text\" id=\"telefone\" value=\"(11) 99999-9999\">\r\n <\/label>\r\n <label>\r\n <strong>Email:<\/strong>\r\n <input type=\"email\" id=\"email\" value=\"exemplo@email.com\">\r\n <\/label>\r\n <label>\r\n <strong>Instagram:<\/strong>\r\n <input type=\"text\" id=\"instagram\" value=\"@exemplo\">\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"right-column\">\r\n <h1><input type=\"text\" id=\"nome\" value=\"Nome Completo\"><\/h1>\r\n <div class=\"section\">\r\n <h2>Educa\u00e7\u00e3o<\/h2>\r\n <textarea id=\"educacao\">Universidade Fict\u00edcia - Bacharelado em Ci\u00eancia da Computa\u00e7\u00e3o (2015 - 2019)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Cursos<\/h2>\r\n <textarea id=\"cursos\">Curso de Desenvolvimento Web - Plataforma XYZ (2020)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Experi\u00eancia Profissional<\/h2>\r\n <textarea id=\"experiencia\">Empresa ABC - Desenvolvedor Front-end (2020 - Presente)<\/textarea>\r\n <\/div>\r\n <div class=\"section\">\r\n <h2>Habilidades<\/h2>\r\n <textarea id=\"habilidades\">HTML, CSS, JavaScript, React, Node.js<\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button id=\"downloadPdf\">Baixar PDF<\/button>\r\n <script>\r\n \/\/ Auto-resize textarea function\r\n function autoResize(textarea) {\r\n textarea.style.height = 'auto'; \/\/ Reset height\r\n textarea.style.height = textarea.scrollHeight + 'px'; \/\/ Set to scroll height\r\n }\r\n\r\n \/\/ Apply auto-resize to all textareas on input\r\n document.querySelectorAll('textarea').forEach(textarea => {\r\n textarea.addEventListener('input', () => autoResize(textarea));\r\n \/\/ Resize on load to fit initial content\r\n autoResize(textarea);\r\n });\r\n\r\n document.getElementById('fileInput').addEventListener('change', function(event) {\r\n const file = event.target.files[0];\r\n const reader = new FileReader();\r\n\r\n reader.onload = function(e) {\r\n document.getElementById('profilePic').src = e.target.result;\r\n };\r\n\r\n reader.readAsDataURL(file);\r\n });\r\n\r\n document.getElementById('downloadPdf').addEventListener('click', () => {\r\n const element = document.getElementById('curriculo');\r\n const opt = {\r\n margin: 0.5,\r\n filename: 'curriculo.pdf',\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { scale: 2 },\r\n jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }\r\n };\r\n\r\n \/\/ Ensure the image is fully loaded before generating the PDF\r\n const profilePic = document.getElementById('profilePic');\r\n if (profilePic.complete) {\r\n html2pdf().set(opt).from(element).save();\r\n } else {\r\n profilePic.onload = () => {\r\n html2pdf().set(opt).from(element).save();\r\n };\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Curr\u00edculo Edit\u00e1vel Foto Telefone: Email: Instagram: Educa\u00e7\u00e3o Universidade Fict\u00edcia – Bacharelado em Ci\u00eancia da Computa\u00e7\u00e3o (2015 – 2019) Cursos Curso […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2758","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2758"}],"version-history":[{"count":94,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758\/revisions"}],"predecessor-version":[{"id":5918,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2758\/revisions\/5918"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}