o
/
igna.rocks
mirror of https://github.com/uhIgnacio/igna.rocks.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

yes

This commit is contained in:
igna 2021-09-06 23:00:00 +00:00
parent d083a5eef7
commit 6e8a85f959
4 changed files with 144 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
a.mp4 Normal file
View File

Binary file not shown.

BIN
a.mp4.part
View File

Binary file not shown.

7
index.html
View File

@ -1,7 +1,6 @@
<html> <html>
<head> <head>
<title>trolling.fun</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="igna#1337" /> <meta property="og:title" content="igna#1337" />
@ -9,12 +8,12 @@
<meta property="og:image" content="full thumbnail path" /> <meta property="og:image" content="full thumbnail path" />
<meta name="theme-color" content="#7900c9"> <meta name="theme-color" content="#7900c9">
<link rel="shortcut icon" type="image/png" href="favicon.png" /> <link rel="shortcut icon" type="image/png" href="favicon.png" />
<title>trolling</title> <title>tixte.gifts - home</title>
<link rel="stylesheet" href="style.css"> <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 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 async src='/cdn-cgi/bm/cv/669835187/api.js'></script></head>
<script> <script>
console.clear() console.clear();
</script> </script>
<body> <body>
<div id="clickToPlay"> <div id="clickToPlay">
@ -43,7 +42,7 @@
</div> </div>
</div> </div>
<video autoplay loop id="vid"> <video autoplay loop id="vid">
<source src="bck.mp4" type="video/mp4"> <source src="a.mp4" type="video/mp4">
</video> </video>
<script src="script.js" type="ac07b7f0ca4afd503f432a03-text/javascript"></script> <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> <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>

269
style.css
View File

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