https://inst.getbidx.info/unsub/1/0c47c09a-3111-460b-bcde-0bb2695c5511

ID de l'analyse :
7bafc218-00c0-4d41-99f8-6eb8caae53a5Terminée
URL soumise :
https://inst.getbidx.info/unsub/1/0c47c09a-3111-460b-bcde-0bb2695c5511
Fin du rapport :

Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page

Variables JavaScript : 6 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

NomType

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

Messages consignés dans la console web

TypeCatégorieEnregistrement

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html><head>
    <style>
        /*------ Base styles ------*/
        body {
            background: #f7f8f9;
            font-family: arial;
            background-color: #FFF9DE;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        .container {
            max-width: 500px;
            height: auto;
            margin: 50px auto;
            padding: 60px;
            padding-bottom: 20px;
            background-color: #fff;
            box-sizing: border-box;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0px 15px 15px -12px rgba(0, 0, 0, 0.09);
        }

        .btn {
            cursor: pointer;
            background-color: #f28e68;
            text-decoration: none;
            padding: 15px 20px;
            font-weight: bold;
            border-radius: 50px;
            color: #fff;
        }

        .btn-light {
            background-color: #eee;
            color: #222;
        }

        @media only screen and (max-width: 380px) {
            .btn-light {
                display: none;
            }
        }

        .btn:hover {
            opacity: 0.8;
        }

        h2 {
            margin: 0;
            padding: 0;
            color: #444;
        }

        p {
            margin-top: 10px;
            line-height: 24px;
            margin-bottom: 40px;
            color: #888;
        }

        /*------ Main Emoji Styling ------*/

        .emoji {
            box-sizing: border-box;
            margin: 30px auto 20px;
            width: 120px;
            height: 120px;
        }

        .face {
            width: 100px;
            height: 100px;
            position: relative;
            margin: 0 15px 30px 0;
            border-radius: 50%;
            background: #F2DD68;
            transition: 1s;
        }

        .face:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: -8px;
            left: -8px;
            border-radius: 50%;
            box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.07);
        }

        .eye {
            position: absolute;
            width: 14px;
            height: 14px;
            top: 30px;
            left: 18px;
            z-index: 1;
            border-radius: 50%;
            background: #995710;
        }

        .eye:last-child {
            left: auto;
            right: 18px;
        }

        .emoji .eyed {
            animation-name: blink;
            animation-iteration-count: infinite;
            animation-duration: 3s;
        }

        @keyframes blink {
            10% {
                height: 10px;
                top: 32px;
            }

            20% {
                height: 0.5px;
                top: 37px;
            }

            50% {
                height: 10px;
                top: 32px;
            }
        }

        .mouth {
            position: absolute;
            top: 50px;
            left: 0;
            right: 0;
            z-index: 1;
            width: 70px;
            height: 34px;
            margin: 0 auto;
            border-radius: 0 0 70px 70px;
            overflow: hidden;
            background: #995710;
            transition: 0.3s;
        }

        .mouth:before,
        .mouth:after {
            content: '';
            position: absolute;
            display: block;
        }


        /*------ Shocked Emoji Styling ------*/

        .shocked .mouth {
            width: 25px;
            height: 25px;
            border-radius: 50%;
        }


        #cancel:hover~.emoji .mouth {
            top: 55px;
            z-index: 1;
            width: 50px;
            height: 25px;
            margin: 0 auto;
            border-radius: 0 0 70px 70px;
            overflow: hidden;
            background: #995710;
        }

        #unsubscribe:hover~.emoji .mouth {
            width: 50px;
            height: 5px;
            top: 60px;
            border-radius: 50px;
        }
    </style>
</head>

<body>
    <div class="container">
        <h2>Unsubscribe</h2>
        <p>Are you sure you want to unsubscribe? We'd be sorry to see you go.</p>
        <a class="btn" id="unsubscribe">Unsubscribe</a>
        <a class="btn btn-light" id="cancel">Cancel</a>

        <br>
        <br>

        <div class="emoji shocked">
            <figure class="face">
                <span class="eyes">
                    <span class="eye"></span>
                    <span class="eye"></span>
                </span>
                <span class="mouth">
                </span>
            </figure>
        </div>

    </div>

    <script>
        document.getElementById("unsubscribe").addEventListener("click", handleUnsubscribe);
        document.getElementById("cancel").addEventListener("click", closeTab);

        function closeTab() {
            window.close();
        }

        function handleUnsubscribe() {
            var url = window.location.href;
            url = url.replace("unsub/", "unsub_confirm/");
            window.location.href = url;
        }

        function displayDate() {
            var date = new Date();
            alert("You have unsubscribed successfully. We will miss you. Bye bye!");
        }

    </script>


</body></html>