<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ANTAGONISTA TV 1</title>
  <script>
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });

    document.addEventListener('keydown', function(e) {
        if (e.keyCode == 123) {
            e.preventDefault();
        }
        
        if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
            e.preventDefault();
        }
        
        if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
            e.preventDefault();
        }
        
        if (e.ctrlKey && e.keyCode == 85) {
            e.preventDefault();
        }

        if (e.keyCode == 122) {
            e.preventDefault();
        }
    });

    setInterval(function() {
        if (document.visibilityState === 'hidden') {
            console.clear(); 
        }
    }, 1000);

    let consoleOpen = false;
    const originalConsole = console.log;
    console.log = function() {
        if (!consoleOpen) {
            consoleOpen = true;
            alert('Console de desenvolvedor detectado! A ação foi registrada.');
        }
        originalConsole.apply(console, arguments);
    };

  </script>
  <style type="text/css">
    html, body { height:100%; width:100%; padding:0; margin:0; }
    
    #video { position:fixed; z-index:0; height:100%; width:100%; padding:0; margin:0; }

    #player { width:100%; height:100%; position:fixed; top:0; right:0; left:0 }

    .tab-pequena {
      position: fixed;
      top: -3px;
      left: 10px;
      width: 40px;
      height: 32px;
      background-color: #eed80f;
      color: white;
      text-align: center;
      line-height: 35px;
      cursor: pointer;
      z-index: 99999;
      border-radius: 4px;
    }

    .janela-flutuante {
      display: none; 
      position: fixed;
      z-index: 99999;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 300px;
      height: auto; 
      background-color: #222; 
      border: 2px solid #d6c313;
      border-radius: 8px;
      padding: 20px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    }

    .botao-fechar {
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 35px;
      cursor: pointer;
      color: #d6c313;
      font-weight: 700;
    }

    .conteudo-janela {
      font-family: Arial, sans-serif;
      color: #d6c313;
      text-align: center;
    }

    .conteudo-janela a {
      text-decoration: none;
      color: #d6c313; 
    }

    .conteudo-janela a:hover {
      text-decoration: underline;
      color: #eed80f; 
    }
  </style>
</head>
<body>

  <div id="video">
    <iframe id="player" src="https://reidoscanais.tv/embed/?id=premiere3" allow="encrypted-media" frameborder="0" allowfullscreen></iframe>
  </div>
  
  <div class="tab-pequena" id="abrirJanela">
    ☰
  </div>

  <div id="janelaFlutuante" class="janela-flutuante">
    <span class="botao-fechar">&times;</span>
    <div class="conteudo-janela">
      <p>Todos os nossos canais: <br> 
        <strong><a href="https://antagonistatv.site" target="_blank">antagonistatv.site</a></strong>
      </p>
    </div>
  </div>

  <script>
    var janelaFlutuante = document.getElementById("janelaFlutuante");
    var abrirJanela = document.getElementById("abrirJanela");
    var botaoFechar = document.querySelector(".botao-fechar");

    abrirJanela.onclick = function() {
      janelaFlutuante.style.display = "block";
    }

    botaoFechar.onclick = function() {
      janelaFlutuante.style.display = "none";
    }

    window.onclick = function(event) {
      if (event.target == janelaFlutuante) {
        janelaFlutuante.style.display = "none";
      }
    }
  </script>

</body>
</html>
