https://unsubscribeapollo.baristysalmi.workers.dev/

ID de l'analyse :: 04f26341-70d8-4732-9320-e5be676c55dbTerminée
URL soumise :: https://unsubscribeapollo.baristysalmi.workers.dev/
Fin du rapport :: 20 déc. 2024, 23:48:20

Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page

Variables JavaScript : 3 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object

Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unsubscribe</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .unsubscribe-container {
            background-color: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 400px;
            text-align: center;
        }
        .logo-container {
            margin-bottom: 20px;
        }
        .logo-container img {
            max-width: 100%;
            height: auto;
            width: 150px; /* Adjust the width as needed */
        }
        h1 {
            font-size: 24px;
            margin-bottom: 20px;
            color: #333;
        }
        p {
            font-size: 16px;
            margin-bottom: 20px;
            color: #555;
        }
        input[type="email"] {
            width: 100%;
            padding: 15px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            color: #333;
        }
        input[type="email"]:focus {
            outline: none;
            border-color: #3498db;
        }
        button {
            width: 100%;
            padding: 15px;
            background-color: #e74c3c;
            border: none;
            color: #fff;
            font-size: 16px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        button:hover {
            background-color: #c0392b;
        }
        .message {
            margin-top: 20px;
            font-size: 14px;
            color: #2ecc71;
        }
        .error-message {
            color: #e74c3c;
        }
    </style>
</head>
<body>

    <div class="unsubscribe-container">
        <!-- Logo -->
        <div class="logo-container">
            <img src="https://apollo-tvgroup.com/wp-content/uploads/2024/09/APOLLO-GROUP-TV-1.png" alt="Apollo Group TV Logo">
        </div>
        
        <h1>Unsubscribe</h1>
        <p>We're sorry to see you go. Enter your email to unsubscribe.</p>
        
        <form id="unsubscribe-form">
            <input type="email" id="email" name="email" placeholder="Enter your email" required="">
            <button type="submit">Unsubscribe</button>
        </form>
        
        <div class="message" id="message"></div>
    </div>

    <script>
        document.getElementById('unsubscribe-form').addEventListener('submit', async function (event) {
            event.preventDefault(); // Prevent form from submitting the traditional way
            const email = document.getElementById('email').value;
            const messageElement = document.getElementById('message');

            // Reset message
            messageElement.textContent = '';

            if (!email) {
                messageElement.textContent = 'Please enter a valid email address.';
                messageElement.classList.add('error-message');
                return;
            }

            // Send the email to the server (replace with your PHP endpoint)
            const response = await fetch('https://apollo-tv.org/unsubscribe.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ email })
            });

            if (response.ok) {
                messageElement.textContent = 'You have successfully unsubscribed.';
                messageElement.classList.remove('error-message');
                messageElement.classList.add('success-message');
            } else {
                messageElement.textContent = 'An error occurred. Please try again later.';
                messageElement.classList.add('error-message');
            }
        });
    </script>




    </body></html>