This commit is contained in:
igna 2021-09-06 22:55:25 +00:00
parent 1a37983665
commit d083a5eef7
3 changed files with 248 additions and 0 deletions

BIN
a.mp4.part Normal file

Binary file not shown.

51
index.html Normal file
View File

@ -0,0 +1,51 @@
<html>
<head>
<title>trolling.fun</title>
<meta charset="UTF-8">
<meta property="og:type" content="website">
<meta property="og:title" content="igna#1337" />
<meta property="og:url" content="https://trolling.fun" />
<meta property="og:image" content="full thumbnail path" />
<meta name="theme-color" content="#7900c9">
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<title>trolling</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="ac07b7f0ca4afd503f432a03-text/javascript"></script>
<script async src='/cdn-cgi/bm/cv/669835187/api.js'></script></head>
<script>
console.clear()
</script>
<body>
<div id="clickToPlay">
<span class="center">click</span>
</div>
<div id="main">
<div class="center">
<pre>
_ _ _ _ __
| | | | (_) / _|
| |_ _ __ ___ | | |_ _ __ __ _ | |_ _ _ _ __
| __| '__/ _ \| | | | '_ \ / _` | | _| | | | '_ \
| |_| | | (_) | | | | | | | (_| |_| | | |_| | | | |
\__|_| \___/|_|_|_|_| |_|\__, (_)_| \__,_|_| |_|
__/ |
|___/
isan#1700 | <a href="https://discord.gg/D8eeMXsbbf">NEW discord</a> | <a href="https://mail.trolling.fun">mail login</a>
</pre>
</div>
</div>
</div>
</div>
<video autoplay loop id="vid">
<source src="bck.mp4" type="video/mp4">
</video>
<script src="script.js" type="ac07b7f0ca4afd503f432a03-text/javascript"></script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="ac07b7f0ca4afd503f432a03-|49" defer=""></script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'606d17ca6c921515',m:'9332caebce351495cb57b107dc76d6c23dafab76-1608841960-1800-Ae6pl7nsqPKOOMVdAXjJIJZzSKk+o1t82sy17XYN+o9yqPgB6A9p9YPNCPhyiGsxry8id/ioNHWpLk1baTcBm9CHDIS+T2BdT16pdhP665Ejvw7v8k4tHdxAj5JysU4X8Q==',s:[0xac9900addc,0xa329a9c8e4],}})();</script></body>
</html>

197
style.css Normal file
View File

@ -0,0 +1,197 @@
@font-face {
font-family: "Brandon Light";
src: url("font.woff2");
}
:root {
--color: red;
}
body {
margin: 0;
padding: 0;
background-color: black;
overflow: hidden;
font-family: "Brandon Light";
color: white;
user-select: none;
}
a {
color: white;
text-decoration: none;
padding: 0;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#border {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
pointer-events: none;
z-index: -1;
}
#borderTop, #borderBottom {
position: absolute;
width: 0%;
height: 4px;
background-color: purple;
}
#borderRight, #borderLeft {
position: absolute;
width: 3px;
height: 0%;
background-color: purple;
}
video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -2;
filter: blur(5px) brightness(30%);
pointer-events: none;
}
#clickToPlay {
opacity: 0;
transition: 1s;
position: absolute;
color: white;
font-size: 64px;
cursor: default;
width: 100%;
height: 100%;
z-index: 10;
}
#main {
opacity: 0;
transition: 5s;
}
pre {
font-weight: bold;
font-size: 16px;
user-select: none;
color: purple;
background: repeating-linear-gradient(120deg, orange 0%, yellow 12.5%, red 37.5%, orange 60%);
background-size: 60vw 60vw;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
animation: slide 5s linear infinite forwards;
}
@keyframes slide {
0% {
background-position-x: 0%;
}
100% {
background-position-x: 60vw;
}
}
#widgetContainer {
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
width: 400px;
height: 38px;
background: repeating-linear-gradient(120deg, pink 0%, purple 12.5%, white 37.5%, pink 60%);
background-size: 60vw 60vw;
animation: slide 10s linear infinite forwards;
transition: 1s;
}
#widget {
position: absolute;
width: 394px;
height: 29px;
margin: 3px;
background-color: purple;
z-index: 1;
transition: 2s;
}
#widgetMain {
position: absolute;
display: inline-flex;
justify-content: space-between;
margin-top: 3px;
padding-right: 10px;
padding-left: 10px;
width: 374px;
height: 29px;
z-index: 2;
background-color: purple;
}
#burgerMenu {
cursor: pointer;
}
#dropDownContent {
display: none;
opacity: 0;
transition: 2s;
width: 100%;
height: 100%;
position: absolute;
margin-top: 30px;
}
#links {
right: 5px;
width: 100px;
float: left;
margin-top: -4px;
}
#groups {
float: right;
margin-top: 5px;
}
#dropDownContent div a {
opacity: 0;
transition: 1s;
line-height: 18px;
}
#dropDownContent div span {
margin-left: 10px;
margin-right: 10px;
}
#groups a, #groups span {
float: right;
}
.hitCount {
position: fixed;
bottom: 5px;
right: 5px;
transition: 3s;
color: var(--color);
font-size: 24px;
opacity: 0;
bottom: -3px;
}
a.hitCounter.badge-done0 {
display: none!important;
}