CV Generator<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .resume-form-container {\r\n max-width: 800px !important;\r\n margin: 20px auto !important;\r\n padding: 20px !important;\r\n background-color: #f4f4f4 !important;\r\n border-radius: 8px !important;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .form-label {\r\n display: block !important;\r\n margin-bottom: 5px !important;\r\n }\r\n\r\n .form-input {\r\n width: calc(100% - 16px) !important;\r\n padding: 8px !important;\r\n margin-bottom: 10px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .form-button {\r\n background-color: #4caf50 !important;\r\n color: white !important;\r\n padding: 10px !important;\r\n border: none !important;\r\n border-radius: 4px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .form-button:hover {\r\n background-color: #45a049 !important;\r\n }\r\n\r\n .resume-item-container {\r\n border: none !important;\r\n padding: 10px !important;\r\n margin-bottom: 10px !important;\r\n border-radius: 4px !important;\r\n }\r\n\r\n .resume-item-container .remove-button {\r\n background-color: #f44336 !important;\r\n }\r\n\r\n .resume-item-container .remove-button:hover {\r\n background-color: #d32f2f !important;\r\n }\r\n\r\n .resume-output-container {\r\n margin-top: 20px !important;\r\n padding: 10px !important;\r\n border-radius: 4px !important;\r\n font-size: 12px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n ul {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n ul li {\r\n list-style-type: none !important;\r\n }\r\n\r\n .export-content {\r\n min-height: 100vh;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.4.0\/jspdf.umd.min.js\"><\/script>\r\n <script>\r\n (function () {\r\n let pdf;\r\n let educationItems;\r\n let experienceItems;\r\n let languageItems;\r\n\r\n function initJsPDF() {\r\n const { jsPDF } = window.jspdf;\r\n pdf = new jsPDF({\r\n unit: \"mm\",\r\n format: \"a4\",\r\n orientation: \"portrait\",\r\n });\r\n pdf.setFont(\"helvetica\");\r\n }\r\n\r\n function normalizeText(text) {\r\n return text.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '');\r\n }\r\n\r\n function addDiacriticsEvent(inputElement) {\r\n inputElement.addEventListener('input', function() {\r\n inputElement.value = normalizeText(inputElement.value);\r\n });\r\n }\r\n\r\n function addEducation() {\r\n const educationList = document.getElementById(\"education-list\");\r\n const educationItem = document.createElement(\"div\");\r\n educationItem.className = \"resume-item-container\";\r\n\r\n const labelSchool = document.createElement(\"label\");\r\n labelSchool.className = \"form-label\";\r\n labelSchool.textContent = \"\u0218coala:\";\r\n const inputSchool = document.createElement(\"input\");\r\n inputSchool.className = \"form-input\";\r\n inputSchool.type = \"text\";\r\n inputSchool.name = \"edu-school\";\r\n inputSchool.required = true;\r\n\r\n const labelDegree = document.createElement(\"label\");\r\n labelDegree.className = \"form-label\";\r\n labelDegree.textContent = \"Diplom\u0103:\";\r\n const inputDegree = document.createElement(\"input\");\r\n inputDegree.className = \"form-input\";\r\n inputDegree.type = \"text\";\r\n inputDegree.name = \"edu-degree\";\r\n inputDegree.required = true;\r\n\r\n const labelYear = document.createElement(\"label\");\r\n labelYear.className = \"form-label\";\r\n labelYear.textContent = \"An:\";\r\n const inputYear = document.createElement(\"input\");\r\n inputYear.className = \"form-input\";\r\n inputYear.type = \"text\";\r\n inputYear.name = \"edu-year\";\r\n inputYear.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n educationItem.appendChild(labelSchool);\r\n educationItem.appendChild(inputSchool);\r\n educationItem.appendChild(labelDegree);\r\n educationItem.appendChild(inputDegree);\r\n educationItem.appendChild(labelYear);\r\n educationItem.appendChild(inputYear);\r\n educationItem.appendChild(removeButton);\r\n\r\n educationList.appendChild(educationItem);\r\n addDiacriticsEvent(inputSchool);\r\n addDiacriticsEvent(inputDegree);\r\n addDiacriticsEvent(inputYear);\r\n }\r\n\r\n function addExperience() {\r\n const experienceList = document.getElementById(\"experience-list\");\r\n const experienceItem = document.createElement(\"div\");\r\n experienceItem.className = \"resume-item-container\";\r\n\r\n const labelCompany = document.createElement(\"label\");\r\n labelCompany.className = \"form-label\";\r\n labelCompany.textContent = \"Companie:\";\r\n const inputCompany = document.createElement(\"input\");\r\n inputCompany.className = \"form-input\";\r\n inputCompany.type = \"text\";\r\n inputCompany.name = \"exp-company\";\r\n inputCompany.required = true;\r\n\r\n const labelPosition = document.createElement(\"label\");\r\n labelPosition.className = \"form-label\";\r\n labelPosition.textContent = \"Post:\";\r\n const inputPosition = document.createElement(\"input\");\r\n inputPosition.className = \"form-input\";\r\n inputPosition.type = \"text\";\r\n inputPosition.name = \"exp-position\";\r\n inputPosition.required = true;\r\n\r\n const labelExpYear = document.createElement(\"label\");\r\n labelExpYear.className = \"form-label\";\r\n labelExpYear.textContent = \"An:\";\r\n const inputExpYear = document.createElement(\"input\");\r\n inputExpYear.className = \"form-input\";\r\n inputExpYear.type = \"text\";\r\n inputExpYear.name = \"exp-year\";\r\n inputExpYear.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n experienceItem.appendChild(labelCompany);\r\n experienceItem.appendChild(inputCompany);\r\n experienceItem.appendChild(labelPosition);\r\n experienceItem.appendChild(inputPosition);\r\n experienceItem.appendChild(labelExpYear);\r\n experienceItem.appendChild(inputExpYear);\r\n experienceItem.appendChild(removeButton);\r\n\r\n experienceList.appendChild(experienceItem);\r\n addDiacriticsEvent(inputCompany);\r\n addDiacriticsEvent(inputPosition);\r\n addDiacriticsEvent(inputExpYear);\r\n }\r\n\r\n function removeItem(button) {\r\n const item = button.parentElement;\r\n item.parentElement.removeChild(item);\r\n }\r\n\r\n function addLanguage() {\r\n const languagesList = document.getElementById(\"languages-list\");\r\n const languageItem = document.createElement(\"div\");\r\n languageItem.className = \"resume-item-container\";\r\n\r\n const labelLanguage = document.createElement(\"label\");\r\n labelLanguage.className = \"form-label\";\r\n labelLanguage.textContent = \"Limba:\";\r\n const inputLanguage = document.createElement(\"input\");\r\n inputLanguage.className = \"form-input\";\r\n inputLanguage.type = \"text\";\r\n inputLanguage.name = \"language\";\r\n inputLanguage.required = true;\r\n\r\n const labelLevel = document.createElement(\"label\");\r\n labelLevel.className = \"form-label\";\r\n labelLevel.textContent = \"Nivel:\";\r\n const inputLevel = document.createElement(\"input\");\r\n inputLevel.className = \"form-input\";\r\n inputLevel.type = \"text\";\r\n inputLevel.name = \"level\";\r\n inputLevel.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n languageItem.appendChild(labelLanguage);\r\n languageItem.appendChild(inputLanguage);\r\n languageItem.appendChild(labelLevel);\r\n languageItem.appendChild(inputLevel);\r\n languageItem.appendChild(removeButton);\r\n\r\n languagesList.appendChild(languageItem);\r\n addDiacriticsEvent(inputLanguage);\r\n addDiacriticsEvent(inputLevel);\r\n }\r\n\r\n function generateResume() {\r\n console.log(\"Generare CV...\");\r\n\r\n const name = document.getElementById(\"name\").value;\r\n const email = document.getElementById(\"email\").value;\r\n const phone = document.getElementById(\"phone\").value;\r\n const address = document.getElementById(\"address\").value;\r\n const nationality = document.getElementById(\"nationality\").value;\r\n const gender = document.getElementById(\"gender\").value;\r\n const birthdate = document.getElementById(\"birthdate\").value;\r\n\r\n educationItems = document.querySelectorAll(\"#education-list .resume-item-container\");\r\n experienceItems = document.querySelectorAll(\"#experience-list .resume-item-container\");\r\n languageItems = document.querySelectorAll(\"#languages-list .resume-item-container\");\r\n\r\n const resumeOutput = document.getElementById(\"resume-output\");\r\n resumeOutput.innerHTML = `\r\n <h2>${name}<\/h2>\r\n <ul>\r\n <li>Email: ${email}<\/li>\r\n <li>Telefon: ${phone}<\/li>\r\n <li>Adresa: ${address}<\/li>\r\n <li>Nationalitate: ${nationality}<\/li>\r\n <li>Sex: ${gender}<\/li>\r\n <li>Data nasterii: ${birthdate}<\/li>\r\n <\/ul> <br \/>\r\n\r\n <h3>Educatie<\/h3>\r\n <ul>\r\n ${Array.from(educationItems)\r\n .map(\r\n (item) => `\r\n <li>Scoala: ${item.querySelector('[name=\"edu-school\"]').value}<\/li>\r\n <li>Diploma: ${item.querySelector('[name=\"edu-degree\"]').value}<\/li>\r\n <li>An: ${item.querySelector('[name=\"edu-year\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n\r\n <h3>Experienta de munca<\/h3>\r\n <ul>\r\n ${Array.from(experienceItems)\r\n .map(\r\n (item) => `\r\n <li>Companie: ${item.querySelector('[name=\"exp-company\"]').value}<\/li>\r\n <li>Post: ${item.querySelector('[name=\"exp-position\"]').value}<\/li>\r\n <li>An: ${item.querySelector('[name=\"exp-year\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n\r\n <h3>Limbi cunoscute<\/h3>\r\n <ul>\r\n ${Array.from(languageItems)\r\n .map(\r\n (item) => `\r\n <li>Limba: ${item.querySelector('[name=\"language\"]').value}<\/li>\r\n <li>Nivel: ${item.querySelector('[name=\"level\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n `;\r\n\r\n console.log(\"Continut CV:\", resumeOutput.innerHTML);\r\n }\r\n\r\n function addNewPageIfNeeded(yPosition) {\r\n const pageHeight = pdf.internal.pageSize.height;\r\n if (yPosition > pageHeight - 20) { \/\/ leave some space for margin\r\n pdf.addPage();\r\n addLogo(); \/\/ Add logo on each new page\r\n return 20; \/\/ reset Y position after adding a new page\r\n }\r\n return yPosition;\r\n }\r\n\r\n function addLogo() {\r\n const logoUrl = \"https:\/\/recruitment-marathon.com\/wp-content\/uploads\/2023\/08\/cropped-rmlogo.png\";\r\n const logoWidthPercentage = 60;\r\n const logoPaddingRightPercentage = 10;\r\n const logoPaddingRight = (pdf.internal.pageSize.width * (logoPaddingRightPercentage \/ 100));\r\n const logoX = pdf.internal.pageSize.width - logoWidthPercentage - logoPaddingRight;\r\n const logoY = 10;\r\n pdf.addImage(logoUrl, \"PNG\", logoX, logoY, logoWidthPercentage, 0);\r\n }\r\n\r\n\t\tfunction exportToPDF() {\r\n\t\t\tconsole.log(\"Exportare PDF...\");\r\n\r\n\t\t\t\/\/ Reinitializeaz\u0103 documentul PDF\r\n\t\t\tinitJsPDF(); \/\/ Aici se reseteaz\u0103 documentul pentru a evita dublarea con\u021binutului\r\n\r\n\t\t\tconst name = normalizeText(document.getElementById(\"name\").value);\r\n\t\t\tconst email = normalizeText(document.getElementById(\"email\").value);\r\n\t\t\tconst phone = normalizeText(document.getElementById(\"phone\").value);\r\n\t\t\tconst address = normalizeText(document.getElementById(\"address\").value);\r\n\t\t\tconst nationality = normalizeText(document.getElementById(\"nationality\").value);\r\n\t\t\tconst gender = normalizeText(document.getElementById(\"gender\").value);\r\n\t\t\tconst birthdate = normalizeText(document.getElementById(\"birthdate\").value);\r\n\r\n\t\t\tconst educationItems = document.querySelectorAll(\"#education-list .resume-item-container\");\r\n\t\t\tconst experienceItems = document.querySelectorAll(\"#experience-list .resume-item-container\");\r\n\t\t\tconst languageItems = document.querySelectorAll(\"#languages-list .resume-item-container\");\r\n\r\n\t\t\tconst contentX = 15;\r\n\t\t\tlet contentY = 40;\r\n\r\n\t\t\tconst addSection = (title, items, itemSpacing = 10) => {\r\n\t\t\t\tpdf.setFontSize(14);\r\n\t\t\t\tpdf.setFont(\"helvetica\", \"bold\");\r\n\t\t\t\tpdf.text(title, contentX, contentY);\r\n\t\t\t\tcontentY += 10;\r\n\t\t\t\tpdf.setFontSize(12);\r\n\t\t\t\tpdf.setFont(\"helvetica\");\r\n\t\t\t\titems.forEach(item => {\r\n\t\t\t\t\tconst lines = pdf.splitTextToSize(item, 180); \/\/ Split text into multiple lines if it's too long\r\n\t\t\t\t\tlines.forEach(line => {\r\n\t\t\t\t\t\tpdf.text(line, contentX, contentY);\r\n\t\t\t\t\t\tcontentY += 5; \/\/ Reduced space between lines\r\n\t\t\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t\t\t});\r\n\t\t\t\t\tcontentY += itemSpacing; \/\/ Space between items\r\n\t\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t\t});\r\n\t\t\t\tcontentY += 15; \/\/ Extra space between sections\r\n\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t};\r\n\r\n\t\t\tconst personalInfoContent = [\r\n\t\t\t\t`Nume complet: ${name}`,\r\n\t\t\t\t`Email: ${email}`,\r\n\t\t\t\t`Telefon: ${phone}`,\r\n\t\t\t\t`Adresa: ${address}`,\r\n\t\t\t\t`Nationalitate: ${nationality}`,\r\n\t\t\t\t`Sex: ${gender}`,\r\n\t\t\t\t`Data nasterii: ${birthdate}`\r\n\t\t\t];\r\n\r\n\t\t\tconst educationContent = Array.from(educationItems).map(\r\n\t\t\t\t(item) => `Scoala: ${normalizeText(item.querySelector('[name=\"edu-school\"]').value)}\\nDiploma: ${normalizeText(item.querySelector('[name=\"edu-degree\"]').value)}\\nAn: ${normalizeText(item.querySelector('[name=\"edu-year\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\tconst experienceContent = Array.from(experienceItems).map(\r\n\t\t\t\t(item) => `Companie: ${normalizeText(item.querySelector('[name=\"exp-company\"]').value)}\\nPost: ${normalizeText(item.querySelector('[name=\"exp-position\"]').value)}\\nAn: ${normalizeText(item.querySelector('[name=\"exp-year\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\tconst languageContent = Array.from(languageItems).map(\r\n\t\t\t\t(item) => `Limba: ${normalizeText(item.querySelector('[name=\"language\"]').value)}\\nNivel: ${normalizeText(item.querySelector('[name=\"level\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\taddLogo();\r\n\t\t\taddSection('Informatii personale', personalInfoContent, 3); \/\/ Generare sec\u021biune \"Informa\u021bii personale\"\r\n\t\t\taddSection('Educatie', educationContent); \/\/ Generare sec\u021biune \"Educa\u021bie\"\r\n\t\t\taddSection('Experienta de munca', experienceContent); \/\/ Generare sec\u021biune \"Experien\u021b\u0103 de munc\u0103\"\r\n\r\n\t\t\t\/\/ Evit\u0103 generarea sec\u021biunii \"Limbi cunoscute\" dac\u0103 nu exist\u0103 niciun item completat\r\n\t\t\tif (languageContent.length > 0) {\r\n\t\t\t\taddSection('Limbi cunoscute', languageContent); \/\/ Generare sec\u021biune \"Limbi cunoscute\"\r\n\t\t\t}\r\n\r\n\t\t\tpdf.save(\"cv.pdf\");\r\n\t\t}\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n initJsPDF();\r\n\r\n document.getElementById(\"add-education-btn\").addEventListener(\"click\", addEducation);\r\n document.getElementById(\"add-experience-btn\").addEventListener(\"click\", addExperience);\r\n document.getElementById(\"add-language-btn\").addEventListener(\"click\", addLanguage);\r\n document.getElementById(\"generate-resume-btn\").addEventListener(\"click\", generateResume);\r\n document.getElementById(\"export-pdf-btn\").addEventListener(\"click\", exportToPDF);\r\n\r\n \/\/ Add diacritics event listener to initial inputs\r\n const initialInputs = document.querySelectorAll('#personal-info-form .form-input');\r\n initialInputs.forEach(input => addDiacriticsEvent(input));\r\n });\r\n })();\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"resume-form-container\">\r\n <section id=\"personal-info\">\r\n <h2>Personal Info<\/h2>\r\n <form id=\"personal-info-form\" action=\"\">\r\n <label class=\"form-label\" for=\"name\">Full name<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"name\" required>\r\n\r\n <label class=\"form-label\" for=\"email\">Email:<\/label>\r\n <input class=\"form-input\" type=\"email\" id=\"email\" required>\r\n\r\n <label class=\"form-label\" for=\"phone\">Phone<\/label>\r\n <input class=\"form-input\" type=\"tel\" id=\"phone\" required>\r\n\r\n <label class=\"form-label\" for=\"address\">Address<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"address\" required>\r\n\r\n <label class=\"form-label\" for=\"nationality\">Nationality<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"nationality\" required>\r\n\r\n <label class=\"form-label\" for=\"gender\">Sex:<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"gender\" required>\r\n\r\n <label class=\"form-label\" for=\"birthdate\">Birthdate<\/label>\r\n <input class=\"form-input\" type=\"date\" id=\"birthdate\" required>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/section>\r\n\r\n <section id=\"education\">\r\n <h2>Education<\/h2>\r\n <button class=\"form-button\" id=\"add-education-btn\">Add Education<\/button>\r\n <div id=\"education-list\"><\/div>\r\n <\/section>\r\n\r\n <section id=\"experience\">\r\n <h2>Work Experience<\/h2>\r\n <button class=\"form-button\" id=\"add-experience-btn\">Add Experience<\/button><br \/><br \/>\r\n <div id=\"experience-list\"><\/div>\r\n <\/section>\r\n\r\n <section id=\"languages\">\r\n <h2>Known Languages<\/h2>\r\n <button class=\"form-button\" id=\"add-language-btn\">Add Language<\/button>\r\n <div id=\"languages-list\"><\/div>\r\n <\/section>\r\n\r\n <div style=\"text-align:right;\">\r\n <button class=\"form-button\" id=\"generate-resume-btn\">Preview CV<\/button>\r\n <button class=\"form-button\" id=\"export-pdf-btn\">Export in PDF<\/button>\r\n <\/div>\r\n\r\n <div class=\"resume-output-container\" id=\"resume-output\"><\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\n<style>\n@media only screen and (min-width: 768px) {\n.site-main {\n width: 60% !important;\n margin: 0 auto;\n}\n}\n@media only screen and (max-width: 768px) {\n#post-1179 > div > div > div:nth-child(5) {\n display: grid;\n margin: 16px 0;\n border-top: 1px solid lightgray;\n padding: 8px 0;\n}\n.form-button {\n margin: 8px 0;\n}\n}\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":5,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179\/revisions"}],"predecessor-version":[{"id":1231,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179\/revisions\/1231"}],"wp:attachment":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/media?parent=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1179,"date":"2023-11-10T13:26:39","date_gmt":"2023-11-10T13:26:39","guid":{"rendered":"https:\/\/recruitment-marathon.com\/?page_id=1179"},"modified":"2023-12-23T13:05:59","modified_gmt":"2023-12-23T13:05:59","slug":"genereaza-cv","status":"publish","type":"page","link":"https:\/\/recruitment-marathon.com\/en\/genereaza-cv\/","title":{"rendered":"Generate New CV"},"content":{"rendered":"\r\n\r\n\r\n \r\n CV Generator<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .resume-form-container {\r\n max-width: 800px !important;\r\n margin: 20px auto !important;\r\n padding: 20px !important;\r\n background-color: #f4f4f4 !important;\r\n border-radius: 8px !important;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .form-label {\r\n display: block !important;\r\n margin-bottom: 5px !important;\r\n }\r\n\r\n .form-input {\r\n width: calc(100% - 16px) !important;\r\n padding: 8px !important;\r\n margin-bottom: 10px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .form-button {\r\n background-color: #4caf50 !important;\r\n color: white !important;\r\n padding: 10px !important;\r\n border: none !important;\r\n border-radius: 4px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .form-button:hover {\r\n background-color: #45a049 !important;\r\n }\r\n\r\n .resume-item-container {\r\n border: none !important;\r\n padding: 10px !important;\r\n margin-bottom: 10px !important;\r\n border-radius: 4px !important;\r\n }\r\n\r\n .resume-item-container .remove-button {\r\n background-color: #f44336 !important;\r\n }\r\n\r\n .resume-item-container .remove-button:hover {\r\n background-color: #d32f2f !important;\r\n }\r\n\r\n .resume-output-container {\r\n margin-top: 20px !important;\r\n padding: 10px !important;\r\n border-radius: 4px !important;\r\n font-size: 12px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n ul {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n ul li {\r\n list-style-type: none !important;\r\n }\r\n\r\n .export-content {\r\n min-height: 100vh;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.4.0\/jspdf.umd.min.js\"><\/script>\r\n <script>\r\n (function () {\r\n let pdf;\r\n let educationItems;\r\n let experienceItems;\r\n let languageItems;\r\n\r\n function initJsPDF() {\r\n const { jsPDF } = window.jspdf;\r\n pdf = new jsPDF({\r\n unit: \"mm\",\r\n format: \"a4\",\r\n orientation: \"portrait\",\r\n });\r\n pdf.setFont(\"helvetica\");\r\n }\r\n\r\n function normalizeText(text) {\r\n return text.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '');\r\n }\r\n\r\n function addDiacriticsEvent(inputElement) {\r\n inputElement.addEventListener('input', function() {\r\n inputElement.value = normalizeText(inputElement.value);\r\n });\r\n }\r\n\r\n function addEducation() {\r\n const educationList = document.getElementById(\"education-list\");\r\n const educationItem = document.createElement(\"div\");\r\n educationItem.className = \"resume-item-container\";\r\n\r\n const labelSchool = document.createElement(\"label\");\r\n labelSchool.className = \"form-label\";\r\n labelSchool.textContent = \"\u0218coala:\";\r\n const inputSchool = document.createElement(\"input\");\r\n inputSchool.className = \"form-input\";\r\n inputSchool.type = \"text\";\r\n inputSchool.name = \"edu-school\";\r\n inputSchool.required = true;\r\n\r\n const labelDegree = document.createElement(\"label\");\r\n labelDegree.className = \"form-label\";\r\n labelDegree.textContent = \"Diplom\u0103:\";\r\n const inputDegree = document.createElement(\"input\");\r\n inputDegree.className = \"form-input\";\r\n inputDegree.type = \"text\";\r\n inputDegree.name = \"edu-degree\";\r\n inputDegree.required = true;\r\n\r\n const labelYear = document.createElement(\"label\");\r\n labelYear.className = \"form-label\";\r\n labelYear.textContent = \"An:\";\r\n const inputYear = document.createElement(\"input\");\r\n inputYear.className = \"form-input\";\r\n inputYear.type = \"text\";\r\n inputYear.name = \"edu-year\";\r\n inputYear.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n educationItem.appendChild(labelSchool);\r\n educationItem.appendChild(inputSchool);\r\n educationItem.appendChild(labelDegree);\r\n educationItem.appendChild(inputDegree);\r\n educationItem.appendChild(labelYear);\r\n educationItem.appendChild(inputYear);\r\n educationItem.appendChild(removeButton);\r\n\r\n educationList.appendChild(educationItem);\r\n addDiacriticsEvent(inputSchool);\r\n addDiacriticsEvent(inputDegree);\r\n addDiacriticsEvent(inputYear);\r\n }\r\n\r\n function addExperience() {\r\n const experienceList = document.getElementById(\"experience-list\");\r\n const experienceItem = document.createElement(\"div\");\r\n experienceItem.className = \"resume-item-container\";\r\n\r\n const labelCompany = document.createElement(\"label\");\r\n labelCompany.className = \"form-label\";\r\n labelCompany.textContent = \"Companie:\";\r\n const inputCompany = document.createElement(\"input\");\r\n inputCompany.className = \"form-input\";\r\n inputCompany.type = \"text\";\r\n inputCompany.name = \"exp-company\";\r\n inputCompany.required = true;\r\n\r\n const labelPosition = document.createElement(\"label\");\r\n labelPosition.className = \"form-label\";\r\n labelPosition.textContent = \"Post:\";\r\n const inputPosition = document.createElement(\"input\");\r\n inputPosition.className = \"form-input\";\r\n inputPosition.type = \"text\";\r\n inputPosition.name = \"exp-position\";\r\n inputPosition.required = true;\r\n\r\n const labelExpYear = document.createElement(\"label\");\r\n labelExpYear.className = \"form-label\";\r\n labelExpYear.textContent = \"An:\";\r\n const inputExpYear = document.createElement(\"input\");\r\n inputExpYear.className = \"form-input\";\r\n inputExpYear.type = \"text\";\r\n inputExpYear.name = \"exp-year\";\r\n inputExpYear.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n experienceItem.appendChild(labelCompany);\r\n experienceItem.appendChild(inputCompany);\r\n experienceItem.appendChild(labelPosition);\r\n experienceItem.appendChild(inputPosition);\r\n experienceItem.appendChild(labelExpYear);\r\n experienceItem.appendChild(inputExpYear);\r\n experienceItem.appendChild(removeButton);\r\n\r\n experienceList.appendChild(experienceItem);\r\n addDiacriticsEvent(inputCompany);\r\n addDiacriticsEvent(inputPosition);\r\n addDiacriticsEvent(inputExpYear);\r\n }\r\n\r\n function removeItem(button) {\r\n const item = button.parentElement;\r\n item.parentElement.removeChild(item);\r\n }\r\n\r\n function addLanguage() {\r\n const languagesList = document.getElementById(\"languages-list\");\r\n const languageItem = document.createElement(\"div\");\r\n languageItem.className = \"resume-item-container\";\r\n\r\n const labelLanguage = document.createElement(\"label\");\r\n labelLanguage.className = \"form-label\";\r\n labelLanguage.textContent = \"Limba:\";\r\n const inputLanguage = document.createElement(\"input\");\r\n inputLanguage.className = \"form-input\";\r\n inputLanguage.type = \"text\";\r\n inputLanguage.name = \"language\";\r\n inputLanguage.required = true;\r\n\r\n const labelLevel = document.createElement(\"label\");\r\n labelLevel.className = \"form-label\";\r\n labelLevel.textContent = \"Nivel:\";\r\n const inputLevel = document.createElement(\"input\");\r\n inputLevel.className = \"form-input\";\r\n inputLevel.type = \"text\";\r\n inputLevel.name = \"level\";\r\n inputLevel.required = true;\r\n\r\n const removeButton = document.createElement(\"button\");\r\n removeButton.className = \"form-button remove-button\";\r\n removeButton.textContent = \"Elimin\u0103\";\r\n removeButton.onclick = function () {\r\n removeItem(this);\r\n };\r\n\r\n languageItem.appendChild(labelLanguage);\r\n languageItem.appendChild(inputLanguage);\r\n languageItem.appendChild(labelLevel);\r\n languageItem.appendChild(inputLevel);\r\n languageItem.appendChild(removeButton);\r\n\r\n languagesList.appendChild(languageItem);\r\n addDiacriticsEvent(inputLanguage);\r\n addDiacriticsEvent(inputLevel);\r\n }\r\n\r\n function generateResume() {\r\n console.log(\"Generare CV...\");\r\n\r\n const name = document.getElementById(\"name\").value;\r\n const email = document.getElementById(\"email\").value;\r\n const phone = document.getElementById(\"phone\").value;\r\n const address = document.getElementById(\"address\").value;\r\n const nationality = document.getElementById(\"nationality\").value;\r\n const gender = document.getElementById(\"gender\").value;\r\n const birthdate = document.getElementById(\"birthdate\").value;\r\n\r\n educationItems = document.querySelectorAll(\"#education-list .resume-item-container\");\r\n experienceItems = document.querySelectorAll(\"#experience-list .resume-item-container\");\r\n languageItems = document.querySelectorAll(\"#languages-list .resume-item-container\");\r\n\r\n const resumeOutput = document.getElementById(\"resume-output\");\r\n resumeOutput.innerHTML = `\r\n <h2>${name}<\/h2>\r\n <ul>\r\n <li>Email: ${email}<\/li>\r\n <li>Telefon: ${phone}<\/li>\r\n <li>Adresa: ${address}<\/li>\r\n <li>Nationalitate: ${nationality}<\/li>\r\n <li>Sex: ${gender}<\/li>\r\n <li>Data nasterii: ${birthdate}<\/li>\r\n <\/ul> <br \/>\r\n\r\n <h3>Educatie<\/h3>\r\n <ul>\r\n ${Array.from(educationItems)\r\n .map(\r\n (item) => `\r\n <li>Scoala: ${item.querySelector('[name=\"edu-school\"]').value}<\/li>\r\n <li>Diploma: ${item.querySelector('[name=\"edu-degree\"]').value}<\/li>\r\n <li>An: ${item.querySelector('[name=\"edu-year\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n\r\n <h3>Experienta de munca<\/h3>\r\n <ul>\r\n ${Array.from(experienceItems)\r\n .map(\r\n (item) => `\r\n <li>Companie: ${item.querySelector('[name=\"exp-company\"]').value}<\/li>\r\n <li>Post: ${item.querySelector('[name=\"exp-position\"]').value}<\/li>\r\n <li>An: ${item.querySelector('[name=\"exp-year\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n\r\n <h3>Limbi cunoscute<\/h3>\r\n <ul>\r\n ${Array.from(languageItems)\r\n .map(\r\n (item) => `\r\n <li>Limba: ${item.querySelector('[name=\"language\"]').value}<\/li>\r\n <li>Nivel: ${item.querySelector('[name=\"level\"]').value}<\/li><br \/>`\r\n )\r\n .join(\"\")}\r\n <\/ul>\r\n `;\r\n\r\n console.log(\"Continut CV:\", resumeOutput.innerHTML);\r\n }\r\n\r\n function addNewPageIfNeeded(yPosition) {\r\n const pageHeight = pdf.internal.pageSize.height;\r\n if (yPosition > pageHeight - 20) { \/\/ leave some space for margin\r\n pdf.addPage();\r\n addLogo(); \/\/ Add logo on each new page\r\n return 20; \/\/ reset Y position after adding a new page\r\n }\r\n return yPosition;\r\n }\r\n\r\n function addLogo() {\r\n const logoUrl = \"https:\/\/recruitment-marathon.com\/wp-content\/uploads\/2023\/08\/cropped-rmlogo.png\";\r\n const logoWidthPercentage = 60;\r\n const logoPaddingRightPercentage = 10;\r\n const logoPaddingRight = (pdf.internal.pageSize.width * (logoPaddingRightPercentage \/ 100));\r\n const logoX = pdf.internal.pageSize.width - logoWidthPercentage - logoPaddingRight;\r\n const logoY = 10;\r\n pdf.addImage(logoUrl, \"PNG\", logoX, logoY, logoWidthPercentage, 0);\r\n }\r\n\r\n\t\tfunction exportToPDF() {\r\n\t\t\tconsole.log(\"Exportare PDF...\");\r\n\r\n\t\t\t\/\/ Reinitializeaz\u0103 documentul PDF\r\n\t\t\tinitJsPDF(); \/\/ Aici se reseteaz\u0103 documentul pentru a evita dublarea con\u021binutului\r\n\r\n\t\t\tconst name = normalizeText(document.getElementById(\"name\").value);\r\n\t\t\tconst email = normalizeText(document.getElementById(\"email\").value);\r\n\t\t\tconst phone = normalizeText(document.getElementById(\"phone\").value);\r\n\t\t\tconst address = normalizeText(document.getElementById(\"address\").value);\r\n\t\t\tconst nationality = normalizeText(document.getElementById(\"nationality\").value);\r\n\t\t\tconst gender = normalizeText(document.getElementById(\"gender\").value);\r\n\t\t\tconst birthdate = normalizeText(document.getElementById(\"birthdate\").value);\r\n\r\n\t\t\tconst educationItems = document.querySelectorAll(\"#education-list .resume-item-container\");\r\n\t\t\tconst experienceItems = document.querySelectorAll(\"#experience-list .resume-item-container\");\r\n\t\t\tconst languageItems = document.querySelectorAll(\"#languages-list .resume-item-container\");\r\n\r\n\t\t\tconst contentX = 15;\r\n\t\t\tlet contentY = 40;\r\n\r\n\t\t\tconst addSection = (title, items, itemSpacing = 10) => {\r\n\t\t\t\tpdf.setFontSize(14);\r\n\t\t\t\tpdf.setFont(\"helvetica\", \"bold\");\r\n\t\t\t\tpdf.text(title, contentX, contentY);\r\n\t\t\t\tcontentY += 10;\r\n\t\t\t\tpdf.setFontSize(12);\r\n\t\t\t\tpdf.setFont(\"helvetica\");\r\n\t\t\t\titems.forEach(item => {\r\n\t\t\t\t\tconst lines = pdf.splitTextToSize(item, 180); \/\/ Split text into multiple lines if it's too long\r\n\t\t\t\t\tlines.forEach(line => {\r\n\t\t\t\t\t\tpdf.text(line, contentX, contentY);\r\n\t\t\t\t\t\tcontentY += 5; \/\/ Reduced space between lines\r\n\t\t\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t\t\t});\r\n\t\t\t\t\tcontentY += itemSpacing; \/\/ Space between items\r\n\t\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t\t});\r\n\t\t\t\tcontentY += 15; \/\/ Extra space between sections\r\n\t\t\t\tcontentY = addNewPageIfNeeded(contentY); \/\/ Check if a new page is needed\r\n\t\t\t};\r\n\r\n\t\t\tconst personalInfoContent = [\r\n\t\t\t\t`Nume complet: ${name}`,\r\n\t\t\t\t`Email: ${email}`,\r\n\t\t\t\t`Telefon: ${phone}`,\r\n\t\t\t\t`Adresa: ${address}`,\r\n\t\t\t\t`Nationalitate: ${nationality}`,\r\n\t\t\t\t`Sex: ${gender}`,\r\n\t\t\t\t`Data nasterii: ${birthdate}`\r\n\t\t\t];\r\n\r\n\t\t\tconst educationContent = Array.from(educationItems).map(\r\n\t\t\t\t(item) => `Scoala: ${normalizeText(item.querySelector('[name=\"edu-school\"]').value)}\\nDiploma: ${normalizeText(item.querySelector('[name=\"edu-degree\"]').value)}\\nAn: ${normalizeText(item.querySelector('[name=\"edu-year\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\tconst experienceContent = Array.from(experienceItems).map(\r\n\t\t\t\t(item) => `Companie: ${normalizeText(item.querySelector('[name=\"exp-company\"]').value)}\\nPost: ${normalizeText(item.querySelector('[name=\"exp-position\"]').value)}\\nAn: ${normalizeText(item.querySelector('[name=\"exp-year\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\tconst languageContent = Array.from(languageItems).map(\r\n\t\t\t\t(item) => `Limba: ${normalizeText(item.querySelector('[name=\"language\"]').value)}\\nNivel: ${normalizeText(item.querySelector('[name=\"level\"]').value)}`\r\n\t\t\t);\r\n\r\n\t\t\taddLogo();\r\n\t\t\taddSection('Informatii personale', personalInfoContent, 3); \/\/ Generare sec\u021biune \"Informa\u021bii personale\"\r\n\t\t\taddSection('Educatie', educationContent); \/\/ Generare sec\u021biune \"Educa\u021bie\"\r\n\t\t\taddSection('Experienta de munca', experienceContent); \/\/ Generare sec\u021biune \"Experien\u021b\u0103 de munc\u0103\"\r\n\r\n\t\t\t\/\/ Evit\u0103 generarea sec\u021biunii \"Limbi cunoscute\" dac\u0103 nu exist\u0103 niciun item completat\r\n\t\t\tif (languageContent.length > 0) {\r\n\t\t\t\taddSection('Limbi cunoscute', languageContent); \/\/ Generare sec\u021biune \"Limbi cunoscute\"\r\n\t\t\t}\r\n\r\n\t\t\tpdf.save(\"cv.pdf\");\r\n\t\t}\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n initJsPDF();\r\n\r\n document.getElementById(\"add-education-btn\").addEventListener(\"click\", addEducation);\r\n document.getElementById(\"add-experience-btn\").addEventListener(\"click\", addExperience);\r\n document.getElementById(\"add-language-btn\").addEventListener(\"click\", addLanguage);\r\n document.getElementById(\"generate-resume-btn\").addEventListener(\"click\", generateResume);\r\n document.getElementById(\"export-pdf-btn\").addEventListener(\"click\", exportToPDF);\r\n\r\n \/\/ Add diacritics event listener to initial inputs\r\n const initialInputs = document.querySelectorAll('#personal-info-form .form-input');\r\n initialInputs.forEach(input => addDiacriticsEvent(input));\r\n });\r\n })();\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"resume-form-container\">\r\n <section id=\"personal-info\">\r\n <h2>Personal Info<\/h2>\r\n <form id=\"personal-info-form\" action=\"\">\r\n <label class=\"form-label\" for=\"name\">Full name<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"name\" required>\r\n\r\n <label class=\"form-label\" for=\"email\">Email:<\/label>\r\n <input class=\"form-input\" type=\"email\" id=\"email\" required>\r\n\r\n <label class=\"form-label\" for=\"phone\">Phone<\/label>\r\n <input class=\"form-input\" type=\"tel\" id=\"phone\" required>\r\n\r\n <label class=\"form-label\" for=\"address\">Address<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"address\" required>\r\n\r\n <label class=\"form-label\" for=\"nationality\">Nationality<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"nationality\" required>\r\n\r\n <label class=\"form-label\" for=\"gender\">Sex:<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"gender\" required>\r\n\r\n <label class=\"form-label\" for=\"birthdate\">Birthdate<\/label>\r\n <input class=\"form-input\" type=\"date\" id=\"birthdate\" required>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/section>\r\n\r\n <section id=\"education\">\r\n <h2>Education<\/h2>\r\n <button class=\"form-button\" id=\"add-education-btn\">Add Education<\/button>\r\n <div id=\"education-list\"><\/div>\r\n <\/section>\r\n\r\n <section id=\"experience\">\r\n <h2>Work Experience<\/h2>\r\n <button class=\"form-button\" id=\"add-experience-btn\">Add Experience<\/button><br \/><br \/>\r\n <div id=\"experience-list\"><\/div>\r\n <\/section>\r\n\r\n <section id=\"languages\">\r\n <h2>Known Languages<\/h2>\r\n <button class=\"form-button\" id=\"add-language-btn\">Add Language<\/button>\r\n <div id=\"languages-list\"><\/div>\r\n <\/section>\r\n\r\n <div style=\"text-align:right;\">\r\n <button class=\"form-button\" id=\"generate-resume-btn\">Preview CV<\/button>\r\n <button class=\"form-button\" id=\"export-pdf-btn\">Export in PDF<\/button>\r\n <\/div>\r\n\r\n <div class=\"resume-output-container\" id=\"resume-output\"><\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\n<style>\n@media only screen and (min-width: 768px) {\n.site-main {\n width: 60% !important;\n margin: 0 auto;\n}\n}\n@media only screen and (max-width: 768px) {\n#post-1179 > div > div > div:nth-child(5) {\n display: grid;\n margin: 16px 0;\n border-top: 1px solid lightgray;\n padding: 8px 0;\n}\n.form-button {\n margin: 8px 0;\n}\n}\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":5,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179\/revisions"}],"predecessor-version":[{"id":1231,"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/pages\/1179\/revisions\/1231"}],"wp:attachment":[{"href":"https:\/\/recruitment-marathon.com\/en\/wp-json\/wp\/v2\/media?parent=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}