forked from CR072/klovitiscarded
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
256 lines (240 loc) · 16.1 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>Darkbeast & his hostings</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Urbanist&family=Quicksand&family=Karla&family=Raleway&family=Inspiration&family=Rajdhani&family=Poppins&display=swap');
body {
font-family: 'quicksand';
overflow-x: hidden;
}
.font-nunito {
font-family: 'nunito'
}
.font-urbanist {
font-family: 'urbanist'
}
.font-karla {
font-family: 'karla'
}
.font-quicksand {
font-family: 'quicksand'
}
.font-poppins {
font-family: 'poppins'
}
.font-raleway {
font-family: 'raleway'
}
.font-inspiration {
font-family: 'inspiration'
}
.font-rajdhani {
font-family: 'rajdhani'
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(156, 163, 175);
border-radius: 3px;
}
::-webkit-scrollbar-track {
background-color: transparent;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: inherit;
background-size: cover;
z-index: 0;
}
</style>
<script src="./app.js"></script>
</head>
<body class="bg-zinc-950 w-screen h-full overflow-x-hidden">
<main class="w-screen h-full overflow-x-hidden" id="holder">
<section class="section" id="section1">
<div class="absolute -z-20 md:h-screen md:w-screen bg-no-repeat bg-cover"
style="background-image: url('https://cdn.holaclient.tech/production/X1/assets/pattern.png');"></div>
<div class="absolute bg-gradient-to-b from-transparent to-zinc-950 w-screen h-screen"></div>
</section>
<section class="relative w-screen h-screen flex flex-col items-center justify-center section" id="section2">
<h1
class="text-3xl z-20l mt-2 xl:mt-8 text-center md:text-5xl xl:text-7xl bg-gradient-to-br from-white to-transparent bg-clip-text text-transparent">
Welcome to the <br><span class="font-rajdhani font-bold">whistleblower report</span> of
</h1>
<h1 class="text-3xl font-urbanist font-urbanist z-20 text-center md:text-5xl xl:text-7xl text-white">
Darknight81
</h1>
<p
class="text-gray-300 z-20 max-w-sm px-4 text-center md:px-0 md:max-w-md xl:max-w-xl mt-4 text-xs md:text-lg">
An unbiased whistleblower report of Darkbeast by CR072.
</p>
</section>
<div class="w-full absolute h-0.5 bg-gradient-to-r from-transparent via-orange-400 to-transparent"></div>
<section class="relative px-12 md:px-32 w-screen min-h-screen h-full items-center section" id="section3">
<div class="mt-8 md:mt-16 bg-gradient-to-b from-zinc-900 to-trin-900/50 rounded-3xl p-4 border border-zinc-800/80">
<h1 class="pt-4 text-gray-200 font-rajdhani font-bold text-center text-3xl md:text-5xl">
The Report
</h1>
<div class="my-8 bg-gradient-to-r from-transparent via-zinc-800/80 to-transparent w-full h-0.5"></div>
<div class="px-8 w-full h-max justify-left text-gray-300 text-md md:text-lg space-y-4 md:space-y-8">
<div class="flex flex-col">
<h1 class="text-white font-rajdhani text-left text-xl md:text-3xl">
1. Who is Darkbeast?
</h1>
<p>
He is commonly referred to by various aliases such as: shadowbeast, nightshade, darknight, shadow skid, among others. Despite being underage, he portrays himself as an adult in his early twenties (though the exact age eludes me).
</p>
</div>
<div class="flex flex-col">
<h1 class="text-white font-rajdhani text-left text-xl md:text-3xl">
2. What has he done?
</h1>
<p>
His criminal activities encompass a wide array of offenses, including exploiting trial periods without authorization, fabricating counterfeit credit cards, manipulating server providers, circumventing FOSS License regulations, and numerous others.
</p>
</div>
<div class="flex flex-col">
<h1 class="text-white font-rajdhani text-left text-xl md:text-3xl">
3. Why am I doing this?
</h1>
<p>
My decision to compile this report stems from my belief in the importance of acquainting individuals with the true nature of the individual in question. He has recently begun disseminating false information about both myself and my organization.
</p>
</div>
<div class="flex flex-col">
<h1 class="text-white font-rajdhani text-left text-xl md:text-3xl">
4. Examples?
</h1>
<p>
While there is an extensive list of transgressions, I have only managed to document the following:<br>
<ul>
<li>
i. Exploitation of server providers such as Hetzner and OVH.
</li>
<li>
ii. Unauthorized utilization of software codes.
</li>
<li>
iii. Perpetration of fraud against Mr. Piecer's Datalix account.
</li>
<li>
iv. Baseless accusations directed towards HolaClient and its personnel.
</li>
<li>
v. While additional offenses exist, I have evidence to support only these claims.
</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<div class="w-full absolute h-0.5 bg-gradient-to-r from-transparent via-orange-400 to-transparent"></div>
<section class="relative px-12 md:px-32 w-screen min-h-screen h-full items-center" id="section4">
<div class="mt-8 md:mt-16 bg-gradient-to-b from-zinc-900 to-trin-900/50 rounded-3xl p-4 border border-zinc-800/80">
<h1 class="pt-4 text-gray-200 font-rajdhani font-bold text-center text-3xl md:text-5xl">
My Conclusion
</h1>
<div class="my-8 bg-gradient-to-r from-transparent via-zinc-800/80 to-transparent w-full h-0.5"></div>
<div class="px-8 w-full h-max justify-left text-gray-300 text-md md:text-lg space-y-4 md:space-y-8">
<div class="flex flex-col">
<p>
Firstly, it's important to note that he is merely an adolescent who doesn't even appear to be 14 years old. Despite his young age, his involvement in criminal activities surpasses his years, and his purported legal representative steps forward to defend him as though acting in a maternal role. Personally, I bear no grudge against him, but it's worth pondering. Picture defending criminal behavior when you know it cannot be justified legally. His threats of legal action against me seem more comical than serious; I can't help but chuckle whenever I recall them. So, have you gained a clearer understanding of how this individual deceives his users? Oh, I almost forgot to mention his VPS hosting service. It's a purported VM host that peddles VMs on abused servers using Proxmox, Convoy and Paymenter. At this juncture, he's tarnishing the reputations of Proxmox, Convoy and Paymenter, and it baffles me why people continue to patronize his services. Even the Germany VPS plans got removed after Piecer left Klovit, Isn't that concerning? There are plenty of affordable, reliable, and reputable providers worldwide. I vividly recall the incessant barrage of messages he sent me, seeking assistance. It appears he's still soliciting help from others. I understand the need for guidance when learning something new, but I would have gladly assisted him if he had approached me with genuine curiosity about the subject matter. Instead, he opted to develop software in the same industry as mine. Despite this, I continued to aid him until he attempted to belittle me. However, such behavior is unwarranted from someone of his age. I have never sought assistance from anyone regarding programming. The evidence, in the form of screenshots, is provided below. I've compressed them into base64 format to conserve bandwidth and enhance loading speed. Thank you for reading through this rather lengthy discourse.
</p>
</div>
</div>
</div>
<div class="mt-8 md:mt-16 bg-gradient-to-b from-zinc-900 to-trin-900/50 rounded-3xl p-4 border border-zinc-800/80">
<h1 class="pt-4 text-gray-200 font-rajdhani font-bold text-center text-3xl md:text-5xl">
Did I miss anything?
</h1>
<div class="my-8 bg-gradient-to-r from-transparent via-zinc-800/80 to-transparent w-full h-0.5"></div>
<div class="px-8 w-full h-max justify-center text-center text-gray-300 text-md md:text-lg space-y-4 md:space-y-8">
<div class="flex flex-col">
<p>
If you feel like I missed anything or you have more proof then please don't hesitate to:
</p>
<div class="w-full items-center flex flex-col justify-center text-center">
<a href="https://github.com/CR072/klovitiscarded" class="text-transparent bg-gradient-to-r from-purple-500 to-blue-500 bg-clip-text w-max text-3xl md:text-5xl py-1">Open up a PR!</a>
</div>
</div>
</div>
</div>
</section>
<div class="w-full absolute h-0.5 bg-gradient-to-r from-transparent via-orange-400 to-transparent"></div>
<section class="relative px-12 md:px-32 w-screen min-h-screen h-full items-center section" id="section5">
<div class="mt-8 md:mt-16 bg-gradient-to-b from-zinc-900 to-trin-900/50 rounded-3xl p-4 border border-zinc-800/80">
<h1 class="pt-4 text-gray-200 font-rajdhani font-bold text-center text-3xl md:text-5xl">
Attachments
</h1>
<div class="my-8 bg-gradient-to-r from-transparent via-zinc-800/80 to-transparent w-full h-0.5"></div>
<div id="attachments" class="h-max overflow-x-scroll flex space-x-4 pb-2">
</div>
</div>
</section>
<div class="w-full absolute h-0.5 bg-gradient-to-r from-transparent via-orange-400 to-transparent"></div>
<footer class="w-screen h-full pt-10 p-8 flex justify-between items-center">
<div class="flex flex-col items-start">
<p class="flex items-baseline">
<span class="self-center text-2xl whitespace-nowrap font-bold font-nunito text-white">Spotit</span>
</p>
<span class="text-gray-300 text-xs">© 2024 HolaCorp.</span>
</div>
<p class="text-center text-gray-300">
Made with ♥ by <a class="text-gray-200" href="https://crazymath072.tech">CR072</a>.
</p>
<div class="flex items-center space-x-2">
<div onclick="location.href='https://github.com/HolaClient/X'" class="rounded-full cursor-pointer p-1.5 items-center justify-center border border-zinc-800/80">
<svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1.5C6.20156 1.5 1.5 6.32344 1.5 12.2672C1.5 17.025 4.50937 21.0562 8.68125 22.4812C8.73977 22.494 8.79949 22.5002 8.85938 22.5C9.24844 22.5 9.39844 22.2141 9.39844 21.9656C9.39844 21.7078 9.38906 21.0328 9.38437 20.1328C9.03705 20.2142 8.68173 20.2567 8.325 20.2594C6.30469 20.2594 5.84531 18.6891 5.84531 18.6891C5.36719 17.4469 4.67813 17.1141 4.67813 17.1141C3.76406 16.4719 4.67344 16.4531 4.74375 16.4531H4.74844C5.80313 16.5469 6.35625 17.5687 6.35625 17.5687C6.88125 18.4875 7.58437 18.7453 8.2125 18.7453C8.62783 18.737 9.03673 18.6412 9.4125 18.4641C9.50625 17.7703 9.77812 17.2969 10.0781 17.025C7.74844 16.7531 5.29688 15.8297 5.29688 11.7047C5.29688 10.5281 5.70469 9.56719 6.375 8.81719C6.26719 8.54531 5.90625 7.44844 6.47812 5.96719C6.55483 5.94883 6.63367 5.94095 6.7125 5.94375C7.09219 5.94375 7.95 6.08906 9.36563 7.07344C11.0857 6.59218 12.9049 6.59218 14.625 7.07344C16.0406 6.08906 16.8984 5.94375 17.2781 5.94375C17.357 5.94095 17.4358 5.94883 17.5125 5.96719C18.0844 7.44844 17.7234 8.54531 17.6156 8.81719C18.2859 9.57187 18.6937 10.5328 18.6937 11.7047C18.6937 15.8391 16.2375 16.7484 13.8984 17.0156C14.2734 17.3484 14.6109 18.0047 14.6109 19.0078C14.6109 20.4469 14.5969 21.6094 14.5969 21.9609C14.5969 22.2141 14.7422 22.5 15.1312 22.5C15.1942 22.5003 15.2571 22.494 15.3187 22.4812C19.4953 21.0562 22.5 17.0203 22.5 12.2672C22.5 6.32344 17.7984 1.5 12 1.5Z" fill="#D9D9D9" />
</svg>
</div>
<div onclick="location.href='https://discord.gg/CvqRH9TrYK'" class="rounded-full cursor-pointer p-1.5 items-center justify-center border border-zinc-800/80">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 127.14 96.36"><path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" /></svg>
</div>
</div>
</footer>
</main>
</body>
<style>
.section {
transition: opacity 0.5s ease-in-out;
opacity: 0;
}
</style>
<script>
const a = document.querySelectorAll('.section');
const b = document.getElementById('holder');
const c = new IntersectionObserver(d => {
d.forEach(e => {
if (e.isIntersecting) {
e.target.style.opacity = '1';
} else {
e.target.style.opacity = '0';
}
});
}, { threshold: 0.5 });
a.forEach(f => {
c.observe(f);
});
let g = false;
function h() {
if (g) return;
g = true;
b.style.transform =
b.style.transform === 'translateX(-100%)' ? 'translateX(0)' : 'translateX(-100%)';
b.addEventListener('transitionend', () => {
g = false;
}, { once: true });
}
</script>
</html>