https://emptycan-2025.netlify.app/src/js/list.js

1import DATA from "/src/data/data.js";
2
3function init() {
4    let template = document.getElementById('template-List').innerHTML;
5    let rendered = Mustache.render(template, DATA);
6    document.getElementById('List').innerHTML = rendered;
7}
8window.addEventListener("scroll", function() {
9    console.log('here');
10    let listItems = document.querySelectorAll('.List .item');
11    listItems.forEach((item) => {
12        let bounding = item.getBoundingClientRect();
13        if (bounding.top >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight)) {
14            // item.style.filter = `blur(0px)`;
15        } else {
16            // item.style.filter = `blur(10px)`;
17        }
18    });
19});
20window.onload = function() { 
21    init();
22}