<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PWA DEMO</title>
   <style>
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #000000;
  }

  .container {
    display: flex;
    flex-wrap: wrap;
  }

  .left-column,
  .right-column {
    width: 100%;border-right: 12px solid black; /* Adjust the width as needed */
    box-sizing: border-box;
  }
  .right-column {}

  @media (min-width: 720px) {
    .container {
      flex-direction: row;
    }

    .left-column {
      flex: 1;
    }

    .right-column {
      max-width: 390px;border-right: 0px solid black; /* Adjust the width as needed */
      flex: 0 0 auto;border-left: 0px solid black; /* Adjust the width as needed */
      order: 1;
    }
  }


</style>


 
  
  
  <script>
    // Function to toggle the right column visibility
    function toggleRightColumn() {
      var rightColumn = document.getElementById('rightColumn');
      if (rightColumn) {
        rightColumn.style.display = (rightColumn.style.display === 'none' || rightColumn.style.display === '') ? 'block' : 'none';
      }
    }

    // Function to be called when the button is clicked
    function onToggleButtonClick() {
      toggleRightColumn();
    }

    // Function to show the right column
    function showRightColumn() {
      var rightColumn = document.getElementById('rightColumn');
      if (rightColumn) {
        rightColumn.style.display = 'block';
      }
    }

    // Call the function to show the right column
    showRightColumn();
  </script>
  
  
   <link rel="manifest" href="/manifest.json">
   <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker registered');
        })
        .catch(error => {
          console.error('Error registering Service Worker:', error);
        });
    }
  </script>
 <script>
    function showRightColumn() {
      var rightColumn = document.getElementById('rightColumn');
      if (rightColumn) {
        rightColumn.style.display = 'block';
      }
    }

    // Call the function to show the right column
    showRightColumn();
  </script>
<script language=JavaScript>
var elem = document.documentElement;

function openFullscreen() {
    
    elem.requestFullscreen();
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

/* Close fullscreen */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}


///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// --> 
</script>
 <script>
    window.addEventListener('resize', function() {
      if (window.innerWidth > 930) {
   //     window.location.href = 'streamvj.php'; // Change this to the URL of the page you want to redirect to
      }
    });
  </script> </head>
<body style="overflow:hidden;">
  <div class="container" style="height:100vh">
    <div class="left-column"  id="ondeck1">
      <!--network/bc/deploy/pophits.php Content for the left column, link to the left URL -->
      <iframe src="chn/bc/deploy/breeder.php" width="100%" height="100%" id="rightdeck" name="rightdeck" frameborder="0"></iframe>
    </div>
    <div class="right-column" id="ondeck2">
      <!-- Content for the right column, link to the right URL -->
      <iframe src="chn/carter/" id="lowdeck" name="lowdeck" width="100%" height="100%" frameborder="0"></iframe>
    </div>
  </div>
</body>
</html>
