<!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/4534b6c68886b3ee53ae4d5930b95e1b0c92e3eecdc4a013363348136adf85d3i0';
      } else {
        imagePath = '/content/67cb6d40daccef19cca3b93fc6a38b3aead4d13355cea85ca6b1e6f6f407e6cei0';
      }

      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 #19717692