Aaron Molina

  // Skill Search Logic--------
const searchInput = document.getElementById("search-skills");
const tags = document.querySelectorAll("#skill-container .tag");
const noResultsEl = document.getElementById("no-skill");
const wrapper = document.getElementById("skills-wrapper");
// Add onkeyup function on search input
searchInput.onkeyup = (e) => {
  // Initialize RegExp with dynamic variable and case insensitive
  const regex = new RegExp(`${searchInput.value}`, "i");
  // Test each elementNode for regex match
  tags.forEach((tag) => tag.innerText.match(regex) ? tag.classList.remove("is-hidden") : tag.classList.add("is-hidden"));
  // If no matches return, show conditional element
  document.querySelectorAll("#skill-container .tag.is-hidden").length === document.querySelectorAll("#skill-container .tag").length ?
    (noResultsEl.classList.remove("is-hidden"), wrapper.classList.add("is-hidden"))
    : (noResultsEl.classList.add("is-hidden"), wrapper.classList.remove("is-hidden"));
};

  // Github API Logic--------
  // This website's ID (sames as it's repo ID)
  const websiteId = 255731256;
  // Fetch repos through API using async/await
  const repos = await fetch("https://api.github.com/users/aaronm-git/repos").then((res) => res.json());
  // Build links inside panel-links-container
  const panelLinksContainer = document.getElementById("panel-links-container");
  // Sort repos by recently updated
  repos.sort((a, b) => (new Date(a.updated_at) < new Date(b.updated_at) ? 1 : -1));
  // Iterate each repo to build it's link element
  repos.forEach((repo) => {
    // Get prebuilt panel link HTML from function return
    const panelLinkHTML = stringToHTML(getPanelLinkHTML());
    panelLinkHTML.setAttribute("href", repo.html_url);
    let iClassList = panelLinkHTML.querySelector("i").classList;
    repo.fork ? iClassList.add("fas", "fa-code-branch") : iClassList.add("fas", "fa-book");
    panelLinkHTML.querySelector("span.repoName").innerText = repo.name;
    if (websiteId === repo.id) {
      const tagHTML = stringToHTML(`<div class="tags" style="margin-left: 1rem;"><span>this Website</span></div>`);
      panelLinkHTML.append(tagHTML);
    }
    // Add link element to DOM
    panelLinksContainer.append(panelLinkHTML);
  });