docker-nginx-js-challenge/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>