| 3549 | window.addEventListener("load", getProjects()); |
| 3550 | |
| 3551 | function getProjects() { |
| 3552 | let output = ""; |
| 3553 | projectDetails = new Set(projectDetails); |
| 3554 | projectDetails.forEach( |
| 3555 | (data, item) => |
| 3556 | (output += ` |
| 3557 | <div class="projectCard"> |
| 3558 | <a href=${data.projectUrl} class="hoverEffect" target="_blank"> |
| 3559 | <img |
| 3560 | class="projectCardImg" |
| 3561 | src=${data.projectImage} |
| 3562 | alt="Card image cap" |
| 3563 | /> |
| 3564 | <h5 class="projectCardTitle">${data.projectName}</h5> |
| 3565 | <span class="computerLegs"></span> |
| 3566 | <span class="computerBase"></span> |
| 3567 | </a> |
| 3568 | </div> |
| 3569 | `) |
| 3570 | ); |
| 3571 | |
| 3572 | projectContainer.innerHTML = output; |
| 3573 | } |
| 3574 | |
| 3575 | // Search function starts |
| 3576 | let searchInput = document.getElementById("searchBar"); |