text: const resumeTemplate = (resume) => {
      const logo = "HI",
          name = resume["name"],
          email = resume["email"],
          pno = resume["pno"],
          github = resume["github"],
          linkedin = resume["linkedin"],
          website = resume["website"],
          college = resume["college"],
          degree = resume["degree"],
          from = resume["from"],
          to = resume["to"],
          cgpa = resume["cgpa"],
          s1 = resume["s1"],
          s2 = resume["s2"],
          s3 = resume["s3"],
          s4 = resume["s4"];
  
      let remainingSkills = []
      for (let i = 5; i <= 10; ++i) {
          if (resume[`s${i}`] !== "")
              remainingSkills.push(resume[`s${i}`])
      }
      for (let i = 1; i <= 6 - remainingSkills.length; ++i)
          remainingSkills.push("")
  
      let exps = []
      for (let i = 1; i <= 4; ++i) {
          if (resume[`e${i}`]["company"] !== "")
              exps.push(resume[`e${i}`])
      }
  
      let pros = []
      for (let i = 1; i <= 4; ++i) {
          if (`p${i}` in resume) {
              if (resume[`p${i}`]["title"] !== "")
                  pros.push(resume[`p${i}`])
          }
          else
              break
      }
  
      let html = `
          <!DOCTYPE html>
          <html>
          <head>
              <title>${name}'s Resume</title>
              <meta charset="UTF-8" />
              <link
              rel="stylesheet"
              href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
              crossorigin="anonymous"
              />
              <link
              href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,600&display=swap"
              rel="stylesheet"
              />
              <style>
              * {
                  box-sizing: border-box;
                  transition: 0.35s ease;
                  font-style: normal;
              }
              .rela-block {
                  width: 100%;
                  display: block;
                  position: relative;
                  margin: auto;
                  font-style: normal;
              }
              .rela-inline {
                  display: inline-block;
                  position: relative;
                  margin: auto;
                  font-style: normal;
              }
              .floated {
                  position: relative;
                  margin: false;
                  float: left;
              }
              .abs-center {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: 50%;
                  left: 50%;
                  right: false;
                  bottom: false;
                  -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  text-align: center;
                  width: 88%;
                  font-style: normal;
              }
              body {
                  font-family: "Roboto Slab";
                  font-size: 18px;
                  letter-spacing: 0px;
                  font-weight: 400;
                  line-height: 28px;
                  background-size: cover;
                  font-style: normal;
              }
  
              .caps {
                  text-transform: uppercase;
              }
              .justified {
                  text-align: justify;
              }
              p.light {
                  color: #777;
                  font-size: 14px;
                  font-style: normal;
              }
              h2 {
                  font-family: "Roboto Slab", serif;
                  font-size: 30px;
                  letter-spacing: 5px;
                  font-weight: 600;
                  line-height: 40px;
                  color: #000;
                  font-style: normal;
              }
              h3 {
                  font-family: "Roboto Slab", serif;
                  font-size: 21px;
                  letter-spacing: 1px;
                  font-weight: 600;
                  line-height: 28px;
                  color: #000;
              }
              .page {
                  width: 90%;
                  max-width: 1200px;
                  margin: 80px auto;
                  background-color: #fff;
                  box-shadow: 6px 10px 28px 0px rgba(0, 0, 0, 0.4);
              }
              .top-bar {
                  height: 220px;
                  background-color: #848484;
                  color: #fff;
              }
              .name {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: false;
                  left: calc(350px + 5%);
                  right: 0;
                  bottom: 0;
                  height: 120px;
                  text-align: center;
                  font-family: "Roboto Slab";
                  font-size: 32px;
                  letter-spacing: 8px;
                  font-weight: 100;
                  line-height: 60px;
                  font-style: normal;
              }
              .name div {
                  width: 94%;
              }
              .side-bar {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: 60px;
                  left: 2%;
                  right: false;
                  bottom: 0;
                  width: 380px;
                  background-color: #f7e0c1;
                  padding: 320px 30px 50px;
              }
              .mugshot {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: 50px;
                  left: 70px;
                  right: false;
                  bottom: false;
                  height: 210px;
                  width: 210px;
              }
              .mugshot .logo {
                  margin: -23px;
              }
              .logo {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: 0;
                  left: 0;
                  right: false;
                  bottom: false;
                  z-index: 100;
                  margin: 0;
                  color: #000;
                  height: 250px;
                  width: 250px;
              }
              .logo .logo-svg {
                  height: 100%;
                  width: 100%;
                  stroke: #000;
                  cursor: pointer;
              }
              .logo .logo-text {
                  display: false;
                  position: absolute;
                  margin: false;
                  top: 60%;
                  right: 20%;
                  cursor: pointer;
                  font-family: "Roboto Slab", serif;
                  font-size: 60px;
                  letter-spacing: 0px;
                  font-weight: 400;
                  line-height: 58.333333333333336px;
                  font-style: normal;
              }
              .social {
                  padding-left: 10px;
                  margin-bottom: 0px;
                  cursor: pointer;
                  font-size: 12px
              }
  
              .side-header {
                  font-family: "Roboto Slab", serif;
                  font-size: 18px;
                  letter-spacing: 4px;
                  font-weight: 600;
                  line-height: 28px;
                  margin: 60px auto 10px;
                  padding-bottom: 5px;
                  border-bottom: 1px solid #888;
              }
              .list-spacing {
                  padding-left: 20px;
                  margin-bottom: 5px;
              }
              .horizontal-list {
                  display: flex;
                  justify-content: space-between;
                  margin-bottom: 2px;
              }
              .list-constraint {
                  width: 150px;
                  overflow-wrap: break-word;
                  line-height: normal;
              }
              .content-container {
                  margin-right: 0;
                  width: calc(95% - 350px);
                  padding: 25px 40px 50px;
              }
              .content-container > * {
                  margin: 0 auto 25px;
              }
              .content-container > h3 {
                  margin: 0 auto 5px;
              }
              .content-container > p.long-margin {
                  margin: 0 auto 50px;
              }
              .title {
                  width: 80%;
                  text-align: center;
              }
              .separator {
                  width: 300px;
                  height: 2px;
                  background-color: #999;
              }
              .greyed {
                  background-color: #ddd;
                  width: 100%;
                  max-width: 580px;
                  text-align: center;
                  font-family: "Roboto Slab";
                  font-size: 18px;
                  letter-spacing: 6px;
                  font-weight: 600;
                  line-height: 28px;
              }
              @media screen and (max-width: 1150px) {
                  .name {
                  color: #fff;
                  font-family: "Roboto Slab";
                  font-size: 38px;
                  letter-spacing: 6px;
                  font-weight: 100;
                  line-height: 48px;
                  }
              }
              </style>
          </head>
          <body>
              <link
              rel="stylesheet"
              href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
              integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
              crossorigin="anonymous"
              referrerpolicy="no-referrer"
              />
              <script
              src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
              integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
              crossorigin="anonymous"
              ></script>
              <script
              src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
              integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
              crossorigin="anonymous"
              ></script>
              <script
              src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
              integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
              crossorigin="anonymous"
              ></script>
              <div class="rela-block page">
              <div class="rela-block top-bar">
                  <div class="caps name"><div class="abs-center">${name}</div></div>
              </div>
              <div class="side-bar">
                  <div class="mugshot">
                  <div class="logo">
                      <svg viewbox="0 0 80 80" class="rela-block logo-svg">
                      <path
                          d="M 10 10 L 52 10 L 72 30 L 72 70 L 30 70 L 10 50 Z"
                          stroke-width="2.5"
                          fill="none"
                      />
                      </svg>
                      <p class="logo-text">${logo}</p>
                  </div>
                  </div>
                  <p class="mb-1" style="font-size: 15px">
                  <span style="padding-right: 10px; font-size: 15px"
                      ><i class="fas fa-envelope"></i></span
                  >${email}
                  </p>
                  <p class="mb-1" style="font-size: 15px">
                  <span style="padding-right: 10px; font-size: 15px"
                      ><i class="fas fa-phone-square-alt"></i></span
                  >${pno}
                  </p>`
  
      if (!(github === "" && linkedin === "" && website === "")) {
          html += `<p class="rela-block caps side-header">Links</p>`;
  
          if (website !== "") {
              html += `<p class="rela-block social mb-0">
                  <span style="padding-right: 15px; font-size: 12px"
                      ><i class="fas fa-globe"></i></span
                  ><span><a href="${website}">${website}</a></span>
                  </p>`
          }
          if (linkedin !== "") {
              html += `<p class="rela-block social mb-0">
                  <span style="padding-right: 15px; font-size: 12px"
                      ><i class="fab fa-linkedin"></i></span
                  ><span><a href="${linkedin}">${linkedin}</a></span>
                  </p>`
          }
          if (github !== "") {
              html += `<p class="rela-block social mb-0">
                  <span style="padding-right: 15px; font-size: 12px"
                      ><i class="fab fa-github"></i></span
                  ><span><a href="${github}">${github}</a></span>
                  </p>`
          }
      }
  
      html += `
          <p class="rela-block caps side-header">Skills</p>
          <div class="horizontal-list">
          <p class="list-spacing list-constraint">${s1}</p>
          <p class="list-spacing list-constraint">${s2}</p>
          </div>
          <div class="horizontal-list">
          <p class="list-spacing list-constraint">${s3}</p>
          <p class="list-spacing list-constraint">${s4}</p>
          </div>
          <div class="horizontal-list">
          <p class="list-spacing list-constraint">${remainingSkills[0] === undefined || remainingSkills[0] === "" ? "" : remainingSkills[0]}</p>
          <p class="list-spacing list-constraint">${remainingSkills[1] === undefined || remainingSkills[1] === "" ? "" : remainingSkills[1]}</p>
          </div>
          <div class="horizontal-list">
          <p class="list-spacing list-constraint">${remainingSkills[2] === undefined || remainingSkills[2] === "" ? "" : remainingSkills[2]}</p>
          <p class="list-spacing list-constraint">${remainingSkills[3] === undefined || remainingSkills[3] === "" ? "" : remainingSkills[3]}</p>
          </div>
          <div class="horizontal-list">
          <p class="list-spacing list-constraint">${remainingSkills[4] === undefined || remainingSkills[4] === "" ? "" : remainingSkills[4]}</p>
          <p class="list-spacing list-constraint">${remainingSkills[5] === undefined || remainingSkills[5] === "" ? "" : remainingSkills[5]}</p>
          </div>
          
          </div>
          <div class="rela-block content-container">
          <div class="rela-block caps greyed">Education</div>
          <h3 class="mb-1">${college}</h3>
          <p class="justified mt-0 mb-1" style="font-size: 17px">
              ${degree}
          </p>
          <p class="justified mt-0 mb-1" style="font-size: 17px">${from}<span class="mx-2" style="font-size: 17px">to</span>${to}</p>
          <p class="justified mt-0 mb-3" style="font-size: 15px">${cgpa} CGPA</p>`
  
      if (exps.length !== 0) {
          html += `<div class="rela-block caps greyed">Experience</div>`
  
          for (let exp of exps) {
              html += `
              <h3>${exp["company"]}</h3>
              <p class="mt-1 mb-1" style="font-size: 17px">
                  ${exp["role"]}
              </p>
              <p class="justified mt-0 mb-3" style="font-size: 17px">${exp["from"]}<span class="mx-2" style="font-size: 17px">to</span>${exp["to"]}</p>
              <p class="justified" style="font-size: 15px">
                  ${exp["desc"]}
              </p>`
          }
      }
  
      if (pros.length !== 0) {
          html += `<div class="rela-block caps greyed">Projects</div>`
  
          for (let pro of pros) {
              html += `
              <h3>${pro["title"]}</h3>
              <p class="text-muted mt-1 mb-1" style="font-size: 17px">
                  <span class="mr-2"><i class="fas fa-link"></i></span
                  ><span><a href="${pro["link"]}">${pro["link"]}</a></span>
              </p>
              <p class="justified mt-0 mb-3" style="font-size: 17px">
                  ${pro["from"]}<span class="mx-2">to</span>${pro["to"]}
              </p>
              <p class="justified" style="font-size: 15px">
                  ${pro["desc"]}
              </p> `
          }
          html += `
          </div></div>
          </body>
          </html> `
      }
  
      return html
  }
  
  module.exports = resumeTemplate