revert c64341ada9

revert Initial CV js commit
2025-06-12 02:48:32 +01:00
parent c64341ada9
commit 0806ee7a55
2 changed files with 0 additions and 182 deletions
--- a/html2pdf.bundle.min.js
+++ b/html2pdf.bundle.min.js
--- a/main.js
+++ b/main.js
@ -1,179 +0,0 @@
 /*==================== SHOW MENU ====================*/
 const showMenu = (toggleId, navId) => {
  const toggle = document.getElementById(toggleId),
    nav = document.getElementById(navId);
  //validate that variables exist
  if (toggle && nav) {
    toggle.addEventListener("click", () => {
      //we add the show menu class to the div tag with the nav__menu class
      nav.classList.toggle("show-menu");
    });
  }
 };
 showMenu("nav-toggle", "nav-menu");
 /*==================== REMOVE MENU MOBILE ====================*/
 const navLink = document.querySelectorAll(".nav__link");
 function linkAction() {
  const navMenu = document.getElementById("nav-menu");
  //when we click on each nav__link, we remove the show-menu class
  navMenu.classList.remove("show-menu");
 }
 navLink.forEach((n) => n.addEventListener("click", linkAction));
 /*==================== SCROLL SECTIONS ACTIVE LINK ====================*/
 const sections = document.querySelectorAll("section[id]");
 function scrollActive() {
  const scrollY = window.pageYOffset;
  sections.forEach((current) => {
    const sectionHeight = current.offsetHeight;
    const sectionTop = current.offsetTop - 50;
    sectionId = current.getAttribute("id");
    if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {
      document
        .querySelector(".nav__menu a[href*=" + sectionId + "]")
        .classList.add("active-link");
    } else {
      document
        .querySelector(".nav__menu a[href*=" + sectionId + "]")
        .classList.remove("active-link");
    }
  });
 }
 window.addEventListener("scroll", scrollActive);
 /*==================== SHOW SCROLL TOP ====================*/
 function scrollTop() {
  const scrollTop = document.getElementById("scroll-top");
  // When the scroll is higher than 200 viewport height, add the show-scroll class to the a tag with the scroll-top class
  if (this.scrollY >= 200) scrollTop.classList.add("show-scroll");
  else scrollTop.classList.remove("show-scroll");
 }
 window.addEventListener("scroll", scrollTop);
 /*==================== DARK LIGHT THEME ====================*/
 const themeButton = document.getElementById("theme-button");
 const darkTheme = "dark-theme";
 const iconTheme = "bx-sun";
 // Previously selected topic (if user selected)
 const selectedTheme = localStorage.getItem("selected-theme");
 const selectedIcon = localStorage.getItem("selected-icon");
 // We obtain the current theme that the interface has by validating the dark-theme class
 const getCurrentTheme = () =>
  document.body.classList.contains(darkTheme) ? "dark" : "light";
 const getCurrentIcon = () =>
  themeButton.classList.contains(iconTheme) ? "bx-moon" : "bx-sun";
 // We validate if the user previously chose a topic
 if (selectedTheme) {
  // If the validation is fulfilled, we ask what the issue was to know if we activated or deactivated the dark
  document.body.classList[selectedTheme === "dark" ? "add" : "remove"](
    darkTheme
  );
  themeButton.classList[selectedIcon === "bx-moon" ? "add" : "remove"](
    iconTheme
  );
 }
 // Activate / deactivate the theme manually with the button
 themeButton.addEventListener("click", () => {
  // Add or remove the dark / icon theme
  document.body.classList.toggle(darkTheme);
  themeButton.classList.toggle(iconTheme);
  // We save the theme and the current icon that the user chose
  localStorage.setItem("selected-theme", getCurrentTheme());
  localStorage.setItem("selected-icon", getCurrentIcon());
 });
 /*==================== REDUCE THE SIZE AND PRINT ON AN A4 SHEET ====================*/
 function scaleCv() {
  document.body.classList.add("scale-cv");
 }
 /*==================== REMOVE THE SIZE WHEN THE CV IS DOWNLOADED ====================*/
 function removeScale() {
  document.body.classList.remove("scale-cv");
 }
 /*==================== GENERATE PDF ====================*/
 // PDF generated area
 let areaCv = document.getElementById("area-cv");
 let resumeButton = document.getElementById("resume-button");
 // Html2pdf options
 let opt = {
  margin: 0,
  filename: "DanGrubbResume.pdf",
  image: { type: "jpeg", quality: 0.98 },
  html2canvas: { scale: 2 },
  jsPDF: { format: "a4", orientation: "portrait" },
 };
 // Function to call areaCv and Html2Pdf options
 function generateResume() {
  // Select the elements to hide
  const experienceLink = document.querySelector("#experience > div > a");
  const interestsSection = document.querySelector("#area-cv > div.resume__right > section.interests.section");
  // Hide the elements before generating PDF
  if (experienceLink) {
    experienceLink.style.display = 'none'; // Hide the link
  }
  if (interestsSection) {
    interestsSection.style.display = 'none'; // Hide the interests section
  }
  // Generate the PDF
  html2pdf(areaCv, opt);
  // Show the elements again after a timeout
  setTimeout(() => {
    if (experienceLink) {
      experienceLink.style.display = 'block'; // Show the link again
    }
    if (interestsSection) {
      interestsSection.style.display = 'block'; // Show the interests section again
    }
  }, 2000); // Adjust the timeout if necessary
 }
 // When the button is clicked, it executes the three functions
 resumeButton.addEventListener("click", () => {
  // 1. The class .scale-cv is added to the body, where it reduces the size of the elements
  scaleCv();
  // 2. The PDF is generated
  generateResume();
  // 3. The .scale-cv class is removed from the body after 5 seconds to return to normal size.
  setTimeout(removeScale, 5000);
 });
 /*========== CONFIRMATION MESSAGE ==========*/
 const countdownElement = document.getElementById("countdown");
 // Date to countdown (July 1, 2023)
 const countdownDate = new Date("July 1, 2023 00:00:00").getTime();
 // Update the countdown every second
 const countdownTimer = setInterval(() => {
  const now = new Date().getTime();
  const distance = countdownDate - now;
  // Calculate days, hours, minutes, and seconds remaining
  const days = Math.floor(distance / (1000 * 60 * 60 * 24));
  const hours = Math.floor(
    (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
  );
  const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((distance % (1000 * 60)) / 1000);
  // Update the countdown element
  countdownElement.innerHTML = `The remaining time is ${days} days, ${hours} hours, ${minutes} minutes, and ${seconds} seconds.`;
  // If the target date is reached, stop the countdown
  if (distance < 0) {
    clearInterval(countdownTimer);
    countdownElement.innerHTML = "The day has arrived!";
  }
 }, 1000);