add icons functionality

This commit is contained in:
2025-12-03 10:56:56 -06:00
parent 6a2b7d7743
commit e292a0352d
8 changed files with 84 additions and 4 deletions

35
assets/js/icon.js Normal file
View File

@@ -0,0 +1,35 @@
const main = document.querySelector("main");
const icons = main.querySelectorAll("Icon");
icons.forEach((icon) => {
let iconImage = icon.getAttribute("image");
let link = icon.getAttribute("href");
let title = icon.getAttribute("title");
console.log(iconImage, link, title);
if (iconImage) {
let imageElement = document.createElement("img");
imageElement.src = iconImage;
imageElement.height = 64;
imageElement.width = 64;
icon.appendChild(imageElement);
}
if (link) {
icon.addEventListener('click', (e) => {
window.open(link, "_blank");
});
}
if (title) {
let titleElement = document.createElement("span");
titleElement.textContent = title;
icon.appendChild(titleElement);
}
});