Typetree Studio

We’ll Be Back Soon!

The site is under maintenance right now. I'm working hard to improve your experience and better information support. Stay tuned!

document.addEventListener("DOMContentLoaded", function () { // OPEN MODAL (tombol di card) var buttons = document.querySelectorAll(".asset-card .open-modal"); buttons.forEach(function (btn) { btn.addEventListener("click", function () { var card = btn.closest(".asset-card"); var modal = card.nextElementSibling; if (modal && modal.classList.contains("asset-modal")) { modal.style.display = "flex"; } }); }); // CLOSE MODAL (tombol X) var closes = document.querySelectorAll(".asset-modal .modal-close"); closes.forEach(function (btn) { btn.addEventListener("click", function () { var modal = btn.closest(".asset-modal"); if (modal) { modal.style.display = "none"; } }); }); // CLOSE MODAL ketika klik area gelap var modals = document.querySelectorAll(".asset-modal"); modals.forEach(function (modal) { modal.addEventListener("click", function (e) { if (e.target === modal) { modal.style.display = "none"; } }); }); });