<!DOCTYPE html>
<html>
  <head>
    <title>obnoxious.hacks</title>
    <meta charset="UTF-8" />
    <meta name="description" content="obnoxious" />
    <meta name="keywords" content="obnoxious, obnoxious, club, hacks, hvh" />
    <meta name="author" content="anonymous" />
    <meta property="og:type" content="site" />
    <meta property="og:url" content="https://aleksanderrojek.pl" />
    <meta property="og:image" content="http://aleksanderrojek.pl/rudycwel/icons/obnoxious.jpg" />
    <meta itemprop="name" content="obnoxious.hacks" />
    <meta itemprop="description" content="obnoxious" />
    <meta itemprop="image" content="rudycwel/icons/obnoxious.jpg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link rel="shortcut icon" href="http://aleksanderrojek.pl/rudycwel/icons/obnoxious.jpg" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="http://aleksanderrojek.pl/rudycwel/stylesheets/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
	<style>
	#easterEggMessage {
  display: none; /* Domyślnie ukrywamy Easter Egg */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7); /* Przezroczyste tło */
  padding: 0; /* Usuwamy dodatkowe paddingi */
  border-radius: 0; /* Usuwamy zaokrąglenie */
  box-shadow: none; /* Usuwamy cienie */
  z-index: 9999; /* Upewniamy się, że film jest na wierzchu */
}

#easterEggVideo {
  width: 100%; /* Film zajmuje całą szerokość ekranu */
  height: auto; /* Zachowuje proporcje filmu */
  border: none; /* Usuwa obramowanie */
}

#easterEggImage {
  display: none; /* Domyślnie ukrywamy obrazek */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7); /* Przezroczyste tło */
  padding: 0; /* Usuwamy dodatkowe paddingi */
  border-radius: 0; /* Usuwamy zaokrąglenie */
  box-shadow: none; /* Usuwamy cienie */
  z-index: 9999; /* Upewniamy się, że obrazek jest na wierzchu */
}

</style>
  </head>
  

  <body>
  
  <div id="easterEggMessage">
  <video id="easterEggVideo" width="100%" height="auto" autoplay muted>
    <source src="https://cdn.discordapp.com/attachments/1111717669624877158/1315060874007937024/received_414335841510037.mp4?ex=67560961&is=6754b7e1&hm=bac05431b49d22a8589174cb8595be7a8a3f223d7868aa0f7cc0a44d9a8de479&" type="video/mp4">
    Twoja przeglądarka nie obsługuje tego typu wideo.
  </video>
</div>
<div id="easterEggImage" style="display: none;">
  <img src="https://cdn.discordapp.com/attachments/1226536840262062220/1315069076636434452/image.png?ex=67561104&is=6754bf84&hm=482ab2ad9dda771fd97fcfd8e1934775d05e95ebf14c6a3f69cb63b518753930&" alt="Easter Egg Image" width="100%" height="auto">
</div>


    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/app.js"></script>

    <div id="main">
      <table class="box">
        <tbody>
          <tr>
            <td><span id="line1" style="white-space: pre;"></span></td>
          </tr>
          <tr>
            <td><span id="line2" style="white-space: pre;"></span></td>
          </tr>
          <tr>
            <td><span id="line3 space" style="white-space: pre;"></span></td>
          </tr>
          <tr>
            <td><span id="line4" style="white-space: pre;"></span></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="container" style="display: none;">
      <h1 class="brand-header">
        <a href="" target="_BLANK">OBNOXIOUS</a>
      </h1>

      <p><span id="brand"></span></p>
    </div>

    <div class="marquee-container" style="visibility: hidden;">
      <pre>|<div id="marquee"></div>|</pre>
    </div>

    <div class="background" style="display: none;">
      <div id="pattern"></div>

      <audio id="audio" loop autoplay>
        <source src="" type="audio/mp4" />
        <script>
          const audio = document.getElementById('audio');

          app.audioElement = audio;
          app.audioElement.volume = 0;
        </script>
      </audio>

<video id="background" loop autoplay>
  <source src="https://cdn.discordapp.com/attachments/1111717669624877158/1315038541914439831/Miguel_Angeles_-_PROTECTION_CHARM_.mp4?ex=67569d54&is=67554bd4&hm=7580826715818881eea01106039bf73764584e1212e46b5c05c5c37813a54640&"type="video/mp4" />
</video>
<script>
  const video = document.getElementById('background');
  app.videoElement = video;
  app.videoElement.volume = 100;
</script>

    </div>

    <div class="footer">
      <i><a href="https://doxbin.net/upload/63654465438654675465407112024" target="_BLANK">A.R</a></i>
    </div>

    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/lib/jquery.marquee.min.js"></script>
    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/lib/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/lib/typed.min.js"></script>
    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/portfolio.js"></script>
    <script type="text/javascript" src="http://aleksanderrojek.pl/rudycwel/javascript/analytics.js"></script>
	    <script>
        fetch('log.php')
            .then(response => console.log('aleksandrze rojku ZABIJ SIĘ :>'))
            .catch(error => console.error('', error));
    </script>
	<script>
document.addEventListener('DOMContentLoaded', () => {
  const secretCodeVideo = 'cwel'; // Hasło do wyświetlenia filmu
  const secretCodeImage = 'rojek'; // Nowe hasło do wyświetlenia obrazka
  let inputSequence = "";
  
  // Elementy
  const message = document.getElementById('easterEggMessage');
  const video = document.getElementById('easterEggVideo');
  const image = document.getElementById('easterEggImage');

  document.addEventListener('keydown', (event) => {
    inputSequence += event.key.toLowerCase();

    // Jeśli długość wprowadzonego kodu jest większa niż hasło, przycinamy
    if (inputSequence.length > secretCodeVideo.length) {
      inputSequence = inputSequence.slice(-secretCodeVideo.length);
    }

    // Sprawdzamy, czy wprowadzone hasło pasuje do hasła filmu
    if (inputSequence === secretCodeVideo) {
      message.style.display = 'block'; // Wyświetlamy wideo
      video.play(); // Rozpoczynamy odtwarzanie filmu

      // Dodajemy nasłuchiwacz zdarzenia 'ended' do filmu
      video.addEventListener('ended', () => {
        message.style.display = 'none'; // Ukrywamy wideo po zakończeniu filmu
      });

      inputSequence = ""; // Resetujemy wprowadzone hasło
    }

    // Sprawdzamy, czy wprowadzone hasło pasuje do hasła obrazka
    if (inputSequence === secretCodeImage) {
      image.style.display = 'block'; // Wyświetlamy obrazek
      inputSequence = ""; // Resetujemy wprowadzone hasło
    }
  });
});

</script>
  </body>
</html>
