dsynth.net-config/loading.html

<style>
    .animation div {
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 75%;
        width: 100%;
    }

    .animation div:nth-of-type(odd) {
        background: black;
    }

    .animation div:nth-of-type(even) {
        background: white;
        border: 2px solid black;
    }

    .animation div:nth-of-type(3) {
        height: 10px;
        width: 10px;
        margin-top: -5px;
        margin-left: -5px;
        -webkit-animation: slide 3s ease-in-out infinite;
        animation: slide 3s ease-in-out infinite;
    }

    .animation div:nth-of-type(2) {
        height: 20px;
        width: 20px;
        margin-top: -12px;
        margin-left: -12px;
        -webkit-animation: slide 3s -2.7s ease-in-out infinite;
        animation: slide 3s -2.7s ease-in-out infinite;
    }

    .animation div:nth-of-type(1) {
        height: 40px;
        width: 40px;
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: slide 3s -2.4s ease-in-out infinite;
        animation: slide 3s -2.4s ease-in-out infinite;
    }

    @keyframes slide {
        0% {
            left: 75%
        }
        50% {
            left: 25%;
        }
        100% {
            left: 75%;
        }
    }

    @-webkit-keyframes slide {
        0% {
            left: 75%
        }
        50% {
            left: 25%;
        }
        100% {
            left: 75%;
        }
    }

    html {
        overflow: hidden;
    }

    a {
        color: blue;
    }

    #c {
        top: 20%;
        text-align: center;
        width: 100%;
        position: absolute;
    }

    #c p {
        text-align: center;
        width: 100%;
        position: absolute;
    }

    footer {
        bottom: 10%;
        text-align: center;
        width: 100%;
        position: absolute;
    }
</style>

<div class="wrapper">
    <div id="c">
        <h1>Checking your browser</h1>
        <p>You will be redirected shortly</p>
    </div>

    <div class="animation">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

<footer>
    DDoS protection with
    <a href="https://github.com/simon987/ngx_http_js_challenge_module">ngx_http_js_challenge_module</a>
</footer>