<!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/7059f2bddbcebc0e6a5bcd2c37a8dd64bc8702ad012912d6ba37ec16e99d9559i0';
      } else {
        imagePath = '/content/1abdaa676bfe6bd0bba8e1872d99c3231e73d6926eec11c9d1a5b6ecfe1e4a9ei0';
      }

      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 #19723042