diff --git a/Resume Builder-2/index.html b/Resume Builder-2/index.html new file mode 100644 index 00000000..115a7d83 --- /dev/null +++ b/Resume Builder-2/index.html @@ -0,0 +1,105 @@ + + + + + Resume Builder + + + + + + + + + +
+
+
+
+ YOUR NAME +
YOUR JOB PROFILE
+
+
+ 231-3212-2132
+ samplemail@email.in
+ linkedin/username.com
+ sample street-India +
+
+ +
+
+
+ MY SKILLS

+
write your skill here
+
+ +
+

LANGUAGES

+
LANGNAME - level u know
+
+ + +
+

ACHIEVEMENTS

+
Write your achievement
+
+ + +
+

INTERESTS

+
Write interest
+
+ + +
+
+ +
+
+ PROFILE

+
+ Here u can write the basic information about your career like your forte, something about yourself that + you want your interviewer to know. Try to keep it brief and only provide necessary information. Do not include information which is + already written in your resume in some other section.
+

EDUCATION

+
+
+ + YOUR DEGREE +
Institute name - Passing Year
+
+
+ + + +
+

+
NEW SECTION

+
+ This is the description part of your new section. Try to stay within limit and write something which has less + than 400 characters. The spaces and symbols you use will also be included so use them for an indentation effect.
+
+ +
+ + + +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/Resume Builder-2/mainfest.json b/Resume Builder-2/mainfest.json new file mode 100644 index 00000000..bcda40e3 --- /dev/null +++ b/Resume Builder-2/mainfest.json @@ -0,0 +1,26 @@ +{ + "name": "Resume Builder", + "short_name": "Resume", + "description": "A simple web application to build and customize resumes.", + "version": "1.0", + "manifest_version": 2, + "start_url": "/", + "display": "standalone", + "background_color": "#ffffff", + "theme_color": "#007bff", + "icons": [ + { + "src": "icons/icon-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "icons/icon-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "permissions": [], + "offline_enabled": true + } + \ No newline at end of file diff --git a/Resume Builder-2/script.js b/Resume Builder-2/script.js new file mode 100644 index 00000000..dd432291 --- /dev/null +++ b/Resume Builder-2/script.js @@ -0,0 +1,212 @@ +function printpdf() { + var content = document.getElementById("resume"); + + const allButtons = document.querySelectorAll("#print button"); + allButtons.forEach((button) => { + button.classList.add("none"); + }); + let allInputCheckboxes = document.querySelectorAll(".input-checkbox"); + allInputCheckboxes.forEach((input) => { + input.classList.add("none"); + }); + + allButtons.forEach((button) => { + button.classList.remove("none"); + }); + allInputCheckboxes.forEach((input) => { + input.classList.remove("none"); + }); + + html2pdf(content, { + html2canvas: { scale: 1, logging: true, dpi: 500 }, + }); + } + + function addedu() { + const head = document.createElement("div"); + document.getElementById("education").appendChild(head); + head.innerHTML = + '
YOUR DEGREE
Institute name - Passing Year
'; + saveresume(); + } + function remedu(event) { + let val = 0; + let empty = true; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + console.log(array); + array.forEach((element) => { + if (element.checked === true) { + val = 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + function addskill() { + const head = document.createElement("div"); + document.getElementById("skills").appendChild(head); + head.innerHTML = + '
write your skill here
'; + saveresume(); + } + + function remskill(event) { + let val = 0; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + console.log(array); + array.forEach((element) => { + if (element.checked === true) { + val = 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + function addLang() { + const head = document.createElement("div"); + document.getElementById("languages").appendChild(head); + head.innerHTML = + '
LANGNAME - level u know
'; + saveresume(); + } + function remLang(event) { + let val = 0; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + console.log(array); + array.forEach((element) => { + if (element.checked === true) { + val = 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + function addAch() { + const head = document.createElement("div"); + document.getElementById("achievement").appendChild(head); + head.innerHTML = + '
Write your achievement
'; + saveresume(); + } + function remAch(event) { + let val = 0; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + console.log(array); + array.forEach((element) => { + if (element.checked === true) { + val = 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + function addInt() { + const head = document.createElement("div"); + document.getElementById("interest").appendChild(head); + head.innerHTML = + '
Write interest
'; + saveresume(); + } + function remInt(event) { + let val = 0; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + array.forEach((element) => { + if (element.checked === true) { + val = 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + let maxNewSection = 1; + function addsec() { + if (maxNewSection < 2) { + const head = document.createElement("div"); + document.getElementById("newsec").appendChild(head); + if (maxNewSection === 0) { + head.innerHTML = + '
NEW SECTION

This is the description part of your new section. Try to stay within limit and write something which has less than 400 characters. The spaces and symbols you use will also be included so use them for an indentation effect.
'; + } else { + head.innerHTML = + '


NEW SECTION

This is the description part of your new section. Try to stay within limit and write something which has less than 400 characters. The spaces and symbols you use will also be included so use them for an indentation effect.
'; + } + + maxNewSection = maxNewSection + 1; + } else { + alert("Atmost 2 NEW SECTION can be added!"); + } + saveresume(); + } + function remsec(event) { + let val = 0; + const allInputCheckboxes = + event.target.parentElement.getElementsByClassName("input-checkbox"); + const array = Array.from(allInputCheckboxes); + if (array.length === 0) { + alert("No fields are present to be deleted!"); + } else { + console.log(array); + array.forEach((element) => { + if (element.checked === true) { + val = 1; + maxNewSection = maxNewSection - 1; + element.parentElement.parentElement.remove(); + } + }); + if (val === 0) + alert("Please select the checkboxes to delete the required field!"); + } + saveresume(); + } + + function saveresume() { + var sec = document.getElementById("print"); + value1 = sec.innerHTML; + var info = document.getElementById("custinfo"); + info.value = value1; + } \ No newline at end of file diff --git a/Resume Builder-2/style.css b/Resume Builder-2/style.css new file mode 100644 index 00000000..4e9a93ae --- /dev/null +++ b/Resume Builder-2/style.css @@ -0,0 +1,146 @@ +@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap"); + +* { + margin: 0%; + padding: 0%; + font-weight: 500; + font-size: 14px; +} +body { + background: linear-gradient(135deg, #e3e3e3 0%, #9a9a9a 100%); + display: grid; + place-items: center; + font-weight: 450; + opacity: 1; +} + +.none { + display: none; +} +.resume { + margin-top: 20px; + width: 800px; + box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, + rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; +} +#print { + background-color: #fff; + padding: 30px 50px; + height: 1120px; +} + +.head { + display: grid; + grid-template-columns: 3fr 1.5fr; +} +.head .main .name { + font-size: 45px; + font-family: "Raleway", sans-serif; +} +.head .main span:nth-child(2) { + color: rgb(100, 100, 100); + font-size: 45px; + font-family: "Raleway", sans-serif; + margin-left: 5px; +} +.head .main .post { + font-family: "Barlow", sans-serif; +} +.head .contacts { + text-align: right; + padding-top: 7px; +} +.head .contacts .content { + font-weight: 500; + padding-right: 5px; +} +.head .contacts .symbol { + margin-right: 5px; + font-size: 15px; + width: 17px; + height: 17px; +} +.line { + height: 0.5px; + background-color: rgb(87, 87, 87); + margin: 25px 0; + margin-bottom: 50px; +} +.mainbody { + display: grid; + grid-template-columns: 10fr 1fr 17fr; + height: 900px; +} +.mainbody .border { + background-color: rgb(87, 87, 87); + width: 3px; + opacity: 2; +} +.mainbody .rightside { + padding-left: 15px; +} +.title { + font-weight: 700; + font-size: 18px; + border: none; + padding-bottom: 3px; + border-bottom: 2px greenyellow solid; +} +.skill { + margin-bottom: 6px; +} +button { + margin: 15px 0; +} +.language { + margin-bottom: 6px; +} +.language span:nth-child(odd) { + font-weight: 700; +} +.edublock { + margin-bottom: 10px; +} +.edublock .head { + font-weight: 700; + font-size: 17px; +} + +.navbtn { + position: fixed; + top: 40%; + left: 4%; + transform: translate(-40%, -4%); + height: 60px; + width: 60px; + border-radius: 50%; + border: #fff 2px solid; + transition: 300ms ease-in-out; + box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, + rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; +} +.navbtn:nth-child(2) { + top: 50%; + left: 4.4%; + transform: translate(-50%, -4.4%); +} +.navbtn:nth-child(3) { + top: 60%; + left: 4.8%; + transform: translate(-60%, -4.8%); +} +.navbtn:hover { + background-color: black; + color: #fff; + border: #000 2px solid; + height: 65px; + width: 65px; +} +.input-checkbox { + margin-right: 10px; +} +.education-head { + font-weight: 700; + font-size: 17px; +} \ No newline at end of file