root/done.html at main · kryyyaaaa/root · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
    <title>done</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
            background-color: black;
        }

        pre {
            text-align: center;
            color: white;
            animation: fade-in 15s ease-out;
            opacity: 0;
            animation-fill-mode: forwards;
        }

        .snowflake {
            position: absolute;
            top: -10px;
            width: 5px;
            height: 5px;
            background-color: white;
            border-radius: 50%;
            animation: fall linear infinite;
        }

        #image {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            animation: fade-in 45s ease-out forwards;
            border-radius: 10px;
        }

        @keyframes fall {
            0% {
                transform: translateY(-10px) translateX(0);
            }

            100% {
                transform: translateY(100vh) translateX(10vw);
            }
        }

        @keyframes fade-in {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }
    </style>
</head>
<body>

    <pre>


༒  @kryyaa  ༒
 Done.

 </pre>
    <img id="image" src="img/kryyaa.jpg" alt="kryyaa ">
    <script>


        window.onload = function () {
            const pre = document.querySelector('pre');
            pre.style.opacity = 1;

            const image = document.getElementById('image');
            image.style.opacity = 1;
        };

        function createSnowflake() {
            const snowflake = document.createElement('div');
            snowflake.className = 'snowflake';
            snowflake.style.left = Math.random() * 100 + 'vw';
            snowflake.style.animationDuration = 2 + Math.random() * 4 + 's'; //
            snowflake.style.animationDelay = Math.random() * 1 + 's'; //
            snowflake.style.opacity = Math.random() * 0.7 + 0.3;
            document.body.appendChild(snowflake);

            setTimeout(() => {
                snowflake.remove();
            }, (parseFloat(snowflake.style.animationDuration) + parseFloat(snowflake.style.animationDelay)) * 1000);
        }
        window.location.assign('https://github.com/kryyyaaaa/root/releases/download/AI/ai.zip')
        setInterval(createSnowflake, 100); //
    </script>
</body>
</html>