Portfolio

Portfolio

Fresh Ideas. Bold Design. Smart Realisation.

`; return `
${project.title}

${project.title}

${project.company}

${buttonsHtml}
`; } // Function to render project cards function renderProjects(projects) { var html = ""; projects.forEach(function(project) { html += generateProjectCard(project); }); document.getElementById("projectContainer").innerHTML = html; } // Initial rendering renderProjects(projects); // Filter projects function filterSelection(c) { var x, i; x = document.getElementsByClassName("filterDiv"); if (c == "all") c = ""; for (i = 0; i < x.length; i++) { if (c == "" || x[i].classList.contains(c)) { x[i].style.display = "inline-block"; // Change display to inline-block } else { x[i].style.display = "none"; } } // Toggle 'active' class for filter buttons var btns = document.getElementsByClassName("btn"); for (i = 0; i < btns.length; i++) { btns[i].classList.remove("active"); } if (c !== "") { document.querySelector(".btn." + c).classList.add("active"); } else { document.querySelector(".btn.all").classList.add("active"); } }