<!DOCTYPE html>
<html>
<head>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    #imageContainer {
      width: 100vw;
      height: 100vh;
      position: relative;
    }

    #imageContainer object {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <div id="imageContainer">
    <object id="svgObject" type="image/svg+xml"></object>
  </div>
  <script>
    function switchImage() {
      var date = new Date();
      var hours = date.getHours();
      var minutes = date.getMinutes();
      var currentTime = hours * 60 + minutes;
      var time1 = 4 * 60 + 20;
      var time2 = 16 * 60 + 20;
      var imagePath;

      if (currentTime >= time1 && currentTime < time2) {
        imagePath = '/content/4e83c2ebb6b42c8822965243ddb8c417c7ddcd3be512daf19f7b440538fdb73di0';
      } else {
        imagePath = '/content/5ab6427237f99fc32f4fafb46cf3e7743d9415d5db8990736fa34ed3d17747cdi0';
      }

      document.getElementById('svgObject').data = imagePath;
    }

    // Call the function immediately to set the initial image
    switchImage();
    // Set an interval to call the function every 12 hours
    setInterval(switchImage, 12 * 60 * 60 * 1000);
  </script>
</body>
</html>



Inscription #19723014