index.js

// Script for to get Github contributors list
const contributors = document.getElementById("contributors");
const repo = "PetMe";
const owner = "akshitagupta15june";
const apiURL = `https://api.github.com/repos/${owner}/${repo}/contributors`;


function displayContributors(contributorsList) {
  contributorsList.forEach((contributor) => {
    // create anchor tag and set relevant attributes
    const link = document.createElement("a");
    link.setAttribute("href", contributor.html_url);
    link.setAttribute("target", "_blank");

    // create image element and set relevant attributes
    const avatar = document.createElement("img");
    avatar.setAttribute("class", "avatar");
    avatar.setAttribute("src", contributor.avatar_url);
    avatar.setAttribute("title", contributor.login);
    avatar.setAttribute("alt", contributor.login);

    link.appendChild(avatar);
    contributors?.appendChild(link);
  });
}

function hideBackToTopButton() {
  const bttButton = document.getElementById("bttbutton");

  bttButton.addEventListener("click", e => {
    window.scrollTo({
      top:0,
      left:0,
      behavior:"smooth"
    })
  })

  window.addEventListener("scroll", e => {
    bttButton.style.display = window.scrollY > 15 ? 'block' : 'none';
  })
}

// get contributors list  from github API
async function getContributorsList() {
  try {
    const response = await fetch(apiURL);
    const contributors = await response.json();
    displayContributors(contributors);
  } catch (error) {
    console.log(error);
  }
}

hideBackToTopButton()
getContributorsList();

function googleTranslateElementInit() {  
  new google.translate.TranslateElement(  
      {pageLanguage: 'en'},  
      'google_translate_element'  
  );  
}

var imageIndex = 0;
var imagesArray = [
    "url('./Assets/Images/main-heading-body-bg.jpg') center",
    "url('./Assets/Images/main-heading-body-bg2.png') center",
    "url('./Assets/Images/main-heading-body-bg3.png') center",
    "url('./Assets/Images/main-heading-body-bg4.png') center"
];

function changeBackground() {
    var index = imageIndex++ % imagesArray.length;
    document.querySelector(".main-body-section-div").style.background = imagesArray[index];
}

document.addEventListener("DOMContentLoaded", function() {
  document.querySelector(".main-body-section-div").style.background = imagesArray[0];
  setInterval(changeBackground, 2000);
});


document.addEventListener("DOMContentLoaded", function() {
  const form = document.getElementById("subscription-form");
  const emailInput = document.getElementById("email");
  const errorMessage = document.getElementById("error-message");
  const subscribeButton = document.getElementById("subscribe-button");

  subscribeButton.addEventListener("click", function(event) {
      event.preventDefault();

      if (emailInput.value.trim() === '') {
        alert('Email address is required.');
     } 
     else if (!isValidEmail(emailInput.value)) {
      alert('Invalid email address format.'); 
    }
    else {
        form.submit();
    }

  });

    
  function isValidEmail(email) {
    // Regular expression for email validation
    const emailRegex = /^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/;
    return emailRegex.test(email);
}
});

// scroll to top function

// Change to the stored current theme.
changeToCurrTheme()