<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Enzo Foucaud">
    <meta http-equiv="refresh" content="3 url=index">
    <style type="text/css">
        .indicator {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(2);
        }

        .indicator svg polyline {
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .indicator svg polyline#back {
            stroke: rgba(78, 115, 223, 0.3);
        }

        .indicator svg polyline#front {
            stroke: #4e73df;
            stroke-dasharray: 12, 36;
            stroke-dashoffset: 48;
            animation: dash 1s linear infinite;
        }

        .cta {
            position: fixed;
            bottom: 20px;
            right: 30px;
            color: #222;
            font-weight: bold;
        }

        @-moz-keyframes dash {
            62.5% {
                opacity: 0;
            }
            to {
                stroke-dashoffset: 0;
            }
        }

        @-webkit-keyframes dash {
            62.5% {
                opacity: 0;
            }
            to {
                stroke-dashoffset: 0;
            }
        }

        @-o-keyframes dash {
            62.5% {
                opacity: 0;
            }
            to {
                stroke-dashoffset: 0;
            }
        }

        @keyframes dash {
            62.5% {
                opacity: 0;
            }
            to {
                stroke-dashoffset: 0;
            }
        }
    </style>
</head>
<body>
<div class="indicator">
    <svg width="32px" height="24px">
        <polyline id="back" points="1 12 8 12 12 22 20 2 24 12 30 12"></polyline>
        <polyline id="front" points="1 12 8 12 12 22 20 2 24 12 30 12"></polyline>
    </svg>
</div>
</body>
</html>