mirror of
https://github.com/uhIgnacio/igna.rocks.git
synced 2024-08-15 02:23:12 +00:00
minify
This commit is contained in:
igna
parent
3c739ce35c
commit
2023bbed6d
3 changed files with 3 additions and 273 deletions
35
index.html
35
index.html
|
|
@ -1,34 +1 @@
|
||||||
<html>
|
<html><head><title>tixte.gifts - home</title><meta content="igna#1337" property="og:title"><meta content='https://cdn.discordapp.com/attachments/859297371628240896/871372386988097596/image1.jpg' property='og:image'><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><body><div id="clickToPlay"><span class="center">click</span></div><div id="main"><div class="center"><pre>(_) __ _ _ __ __ _ | | / _` | | '_ \ / _` | | | | (_| | | | | | | (_| | |_| \__, | |_| |_| \__,_| |___/ igna#1337 | <a href="https://discord.com/users/881376072015417375">Discord</a>| <a href="https://bio.horizon.pics/igna">Bio</a>| <a href="https://steamcommunity.com/id/nulIed">Steam</a>| <a href="https://matrix.to/#/@lgna:matrix.org">Matrix</a></pre></div></div></div><video autoplay loop id="vid"><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></html>
|
||||||
<head>
|
|
||||||
<title>tixte.gifts - home</title>
|
|
||||||
<meta content="igna#1337" property="og:title">
|
|
||||||
<meta content='https://cdn.discordapp.com/attachments/859297371628240896/871372386988097596/image1.jpg' property='og:image'>
|
|
||||||
<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>
|
|
||||||
<body>
|
|
||||||
<div id="clickToPlay">
|
|
||||||
<span class="center">click</span>
|
|
||||||
</div>
|
|
||||||
<div id="main">
|
|
||||||
<div class="center">
|
|
||||||
<pre>
|
|
||||||
|
|
||||||
(_) __ _ _ __ __ _
|
|
||||||
| | / _` | | '_ \ / _` |
|
|
||||||
| | | (_| | | | | | | (_| |
|
|
||||||
|_| \__, | |_| |_| \__,_|
|
|
||||||
|___/
|
|
||||||
|
|
||||||
igna#1337 | <a href="https://discord.com/users/881376072015417375">Discord</a> | <a href="https://bio.horizon.pics/igna">Bio</a> | <a href="https://steamcommunity.com/id/nulIed">Steam</a> | <a href="https://matrix.to/#/@lgna:matrix.org">Matrix</a>
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<video autoplay loop id="vid">
|
|
||||||
<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>
|
|
||||||
</html>
|
|
||||||
30
script.js
30
script.js
|
|
@ -1,29 +1 @@
|
||||||
//Video volume
|
function main(){mainActive||(mainActive=!0,$("#clickToPlay").css("opacity","0"),$("#main").css("opacity","1"),$("#widgetContainer").css("opacity","1"),$(".hitCount").css("opacity","1"),setTimeout((()=>{$("#clickToPlay").css("display","none")}),1050),document.getElementById("vid").play())}document.getElementById("vid").volume=.6,mainActive=!1,setTimeout((()=>{document.getElementById("vid").paused?$("#clickToPlay").css("opacity","1"):main()}),1e3),$("#clickToPlay").click((()=>{main()}));
|
||||||
document.getElementById("vid").volume = 0.6;
|
|
||||||
|
|
||||||
//Main Function
|
|
||||||
mainActive = false;
|
|
||||||
setTimeout(() => {
|
|
||||||
if (document.getElementById("vid").paused) {
|
|
||||||
$("#clickToPlay").css("opacity", "1");
|
|
||||||
} else {
|
|
||||||
main();
|
|
||||||
}
|
|
||||||
}, 1000);
|
|
||||||
function main() {
|
|
||||||
if (mainActive) return;
|
|
||||||
mainActive = true;
|
|
||||||
$("#clickToPlay").css("opacity", "0");
|
|
||||||
$("#main").css("opacity", "1");
|
|
||||||
$("#widgetContainer").css("opacity", "1");
|
|
||||||
$(".hitCount").css("opacity", "1");
|
|
||||||
setTimeout(() => {
|
|
||||||
$("#clickToPlay").css("display", "none");
|
|
||||||
}, 1050);
|
|
||||||
document.getElementById("vid").play();
|
|
||||||
}
|
|
||||||
|
|
||||||
//Start Main Function
|
|
||||||
$("#clickToPlay").click(() => {
|
|
||||||
main();
|
|
||||||
});
|
|
||||||
211
style.css
211
style.css
|
|
@ -1,210 +1 @@
|
||||||
@font-face {
|
@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,lightgray 0%,gray 12.5%,black 37.5%,white 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,white 0%,gray 12.5%,black 37.5%,gray 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;}
|
||||||
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,
|
|
||||||
lightgray 0%,
|
|
||||||
gray 12.5%,
|
|
||||||
black 37.5%,
|
|
||||||
white 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,
|
|
||||||
white 0%,
|
|
||||||
gray 12.5%,
|
|
||||||
black 37.5%,
|
|
||||||
gray 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;
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue