<!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/99f399efd44063445d6d576162e7b7e2d8f1cf9dc3b982feab48f5c50c0e8021i0';
      } else {
        imagePath = '/content/7bc686908a0151125caf13f24c39235b5c8bf06c7f45de28b3653381ec0c4acbi0';
      }

      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 #19755211