<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="icon.ico" type="image/x-icon"> <!-- Favicon -->
  <title>Home</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #111;
      font-family: Arial, sans-serif;
      overflow: hidden;
    }

    .loading-container {
      text-align: center;
      color: #fff;
    }

    .loader {
      border: 10px solid #f3f3f3; /* Light gray */
      border-top: 10px solid #3498db; /* Blue color */
      border-radius: 50%;
      width: 80px;
      height: 80px;
      animation: spin 1.5s linear infinite;
      margin: 20px auto;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    .loading-text {
      font-size: 1.5rem;
      margin-top: 20px;
      animation: fadeIn 2s ease-in-out infinite;
    }

    @keyframes fadeIn {
      0%, 100% { opacity: 0; }
      50% { opacity: 1; }
    }

    .sound-effect {
      display: none;
    }
  </style>
</head>
<body>

  <div class="loading-container">
    <div class="loader"></div>
    <audio class="sound-effect" id="loading-sound" src="https://www.soundjay.com/button/beep-07.wav" preload="auto"></audio>
  </div>

  <script>
    window.onload = function() {
      // Play sound when the page is loaded
      const sound = document.getElementById('loading-sound');
      sound.play();

      // Redirect to home.html after 3 seconds
      setTimeout(function() {
        window.location.href = 'home.html';
      }, 3000); // 3000 milliseconds = 3 seconds
    };
  </script>
  
</body>
</html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-Frame-Options" content="DENY">
    <meta http-equiv="Content-Security-Policy" content="frame-ancestors 'none';">
    <script>
        // Disable right-click context menu
        document.addEventListener('contextmenu', event => event.preventDefault());

        // Disable common key shortcuts
        document.addEventListener('keydown', event => {
            const forbiddenKeys = [
                { ctrl: true, shift: false, key: 's' }, // Ctrl+S
                { ctrl: true, shift: false, key: 'u' }, // Ctrl+U
                { ctrl: true, shift: true, key: 'i' },  // Ctrl+Shift+I
                { ctrl: true, shift: true, key: 'j' },  // Ctrl+Shift+J
                { ctrl: false, shift: true, key: 'F10' }, // Shift+F10
                { ctrl: false, shift: false, key: 'F12' }, // F12
                { ctrl: true, shift: false, key: 'o' }, // Ctrl+O
                { ctrl: true, shift: false, key: 'p' } // Ctrl+P
            ];

            if (forbiddenKeys.some(fk => 
                fk.ctrl === event.ctrlKey &&
                fk.shift === event.shiftKey &&
                fk.key.toLowerCase() === event.key.toLowerCase()
            )) {
                event.preventDefault();
                alert("This action is not allowed.");
            }
        });

        // Detect dev tools
        const detectDevTools = () => {
            const element = new Image();
            Object.defineProperty(element, 'id', {
                get: function() {
                    window.location.replace("about:blank"); // Redirect on dev tools detection
                }
            });
            console.log(element);
        };
        setInterval(detectDevTools, 1000);

        // Prevent saving the page or printing it
        window.onbeforeprint = () => window.close();
    </script>
</head>
<body>
</body>
</html>
