-
Notifications
You must be signed in to change notification settings - Fork 6
/
sowwyz.html
122 lines (109 loc) · 5.21 KB
/
sowwyz.html
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!--Developer By Sowwyz#1337-->
<!DOCTYPE html>
<html>
<head>
<title>Sowwyz#1337</title>
<link rel="shortcut icon" href="img/sowwyz.ico" type="image/png">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
overflow: hidden;
background-color: black;
}
/* Sowwyz#1337 */
pre {
text-align: center;
color: white;
animation: fade-in 15s ease-out;
opacity: 0;
animation-fill-mode: forwards;
}
/* Sowwyz#1337 */
.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 15s ease-out forwards;
}
/* Sowwyz#1337 */
@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>
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<pre>
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337--><!--Developer By Sowwyz#1337-->༒ Sowwyz#1337 ༒
</pre>
<!--Developer By Sowwyz#1337-->
<img id="image" src="img/sowwyz.jpg" alt="Sowwyz ">
<audio id="audio" src="/sao.mp3"></audio>
<!--Developer By Sowwyz#1337-->
<script>
const audio = document.getElementById('audio');
audio.currentTime = 0;
audio.play();
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);
}
setInterval(createSnowflake, 100); //
</script>
</body>
<!--Developer By Sowwyz#1337-->
</html>
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->
<!--Developer By Sowwyz#1337-->