🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ../../../../584557.klas4s23.mid-ica.nl/public_html/js/load-projects.js

async function loadProjects() {
  const projects = await fetch('./js/projects.json').then(res => res.json());
  const container = document.querySelector('.projects-container');
  container.innerHTML = '';

  projects.sort((a, b) => {
    const [aMonth, aYear] = a.date.split('-').map(Number);
    const [bMonth, bYear] = b.date.split('-').map(Number);
    if (bYear !== aYear) return bYear - aYear;
    return bMonth - aMonth;
  });

  projects.forEach(project => {
    const langIcons = project.langs.map(l =>
      `<img src="./assets/icons/${l}-icon.png" alt="">`
    ).join('');
    container.innerHTML += `
      <div class="project" data-name="${project.name.toLowerCase()}" data-tags="${project.tags.join(' ')}">
        <div class="project-img">
          <span class="project-name">${project.name}</span>
        </div>
        <div class="btn-group">
          ${project.links.open ? `<a href="${project.links.open}" class="see-project-btn" target="_blank">Open</a>` : ''}
          ${project.links.github ? `<a href="${project.links.github}" class="github-btn" target="_blank" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>` : ''}
        </div>
        <div class="used-langs">
          ${langIcons}
        </div>
        <div class="creation-date">
          <span class="date">${project.date}</span>
        </div>
      </div>
    `;
  });
  if (window.initFilter) window.initFilter();
}
document.addEventListener('DOMContentLoaded', loadProjects);

🎯 Available Actions