<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Darvk (Offline)</title>
    <link
      rel="shortcut icon"
      type="image/png"
      href="https://clipart-library.com/images/rTjrbKygc.png"
    />
    <link rel="stylesheet" href="style.css" />
    <!-- Link to your CSS file -->
  </head>
  <body>
    <div class="background">
      <video autoplay muted loop>
        <source
          src="https://drive.google.com/file/d/1Gi_6cSHRS9LtdFnVa74Gvd3DiEGk8j8m/view?usp=sharing"
          type="video/mp4"
        />
        Your browser does not support the video tag.
      </video>
    </div>
    <header>
      <img
        src="https://clipart-library.com/images/rTjrbKygc.png"
        alt="Logo"
        class="logo"
      />
      <h1>Darvk</h1>
    </header>
    <div class="container" id="keyEntryContainer">
      <h2>Enter Key</h2>
      <input type="text" id="keyInput" placeholder="Enter your key here" />
      <button onclick="checkKey()">Submit</button>
      <p id="keyError" style="color: red; display: none">
        Incorrect key. Please try again.
      </p>
    </div>
    <div class="container" id="mainContent" style="display: none">
      <p>
        Darvk offline is an external tool made by Anonymous, it works as of
        December 2024.
      </p>
      <label for="iframeSelect" id="labelForIframeSelect"
        >Select extension:</label
      >
      <select id="iframeSelect"></select>
      <button onclick="warning();" id="hangButton">Freeze Extension!</button>
      <button id="killButton" onclick="openExtensionPopup();">
        Kill Extension!
      </button>
    </div>
    <div class="overlay" id="overlay">
      <div class="spinner"></div>
      Hanging... Please wait.
    </div>
    <div id="killExtensionText"></div>
    <footer>
      <p>Made by anonymous.</p>
    </footer>
    <script src="script.js"></script>
    <!-- Link to your JavaScript file -->
  </body>
</html>
