mirror of
https://github.com/uhIgnacio/igna.rocks.git
synced 2024-08-15 02:23:12 +00:00
yes
This commit is contained in:
igna
parent
d083a5eef7
commit
6e8a85f959
4 changed files with 144 additions and 132 deletions
BIN
a.mp4
Normal file
BIN
a.mp4
Normal file
Binary file not shown.
BIN
a.mp4.part
BIN
a.mp4.part
Binary file not shown.
|
|
@ -1,7 +1,6 @@
|
|||
|
||||
<html>
|
||||
<head>
|
||||
<title>trolling.fun</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="igna#1337" />
|
||||
|
|
@ -9,12 +8,12 @@
|
|||
<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>
|
||||
<title>tixte.gifts - home</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()
|
||||
console.clear();
|
||||
</script>
|
||||
<body>
|
||||
<div id="clickToPlay">
|
||||
|
|
@ -43,7 +42,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<video autoplay loop id="vid">
|
||||
<source src="bck.mp4" type="video/mp4">
|
||||
<source src="a.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>
|
||||
|
|
|
|||
267
style.css
267
style.css
|
|
@ -1,197 +1,210 @@
|
|||
@font-face {
|
||||
font-family: "Brandon Light";
|
||||
src: url("font.woff2");
|
||||
font-family: "Brandon Light";
|
||||
src: url("font.woff2");
|
||||
}
|
||||
|
||||
:root {
|
||||
--color: red;
|
||||
--color: red;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
font-family: "Brandon Light";
|
||||
color: white;
|
||||
user-select: none;
|
||||
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;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.center {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
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;
|
||||
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;
|
||||
#borderTop,
|
||||
#borderBottom {
|
||||
position: absolute;
|
||||
width: 0%;
|
||||
height: 4px;
|
||||
background-color: purple;
|
||||
}
|
||||
|
||||
#borderRight, #borderLeft {
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 0%;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
}
|
||||
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;
|
||||
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;
|
||||
|
||||
#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;
|
||||
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;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#dropDownContent {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: 2s;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
margin-top: 30px;
|
||||
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;
|
||||
right: 5px;
|
||||
width: 100px;
|
||||
float: left;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
#groups {
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#dropDownContent div a {
|
||||
opacity: 0;
|
||||
transition: 1s;
|
||||
line-height: 18px;
|
||||
opacity: 0;
|
||||
transition: 1s;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#dropDownContent div span {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#groups a, #groups span {
|
||||
float: right;
|
||||
#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;
|
||||
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;
|
||||
display: none !important;
|
||||
}
|
||||
Loading…
Reference in a new issue