diff --git a/index.html b/index.html index 2bbf45a..aaa0707 100644 --- a/index.html +++ b/index.html @@ -1,34 +1 @@ - - - tixte.gifts - home - - - tixte.gifts - home - - - -
- click -
-
-
- 
-
-  (_)   __ _   _ __     __ _  
-  | |  / _` | | '_ \   / _` | 
-  | | | (_| | | | | | | (_| | 
-  |_|  \__, | |_| |_|  \__,_| 
-        |___/                  
-      
-    igna#1337 | Discord | Bio  | Steam | Matrix
-          
-
-
-
- - - - - \ No newline at end of file +tixte.gifts - hometixte.gifts - home
click
(_) __ _ _ __ __ _ | | / _` | | '_ \ / _` | | | | (_| | | | | | | (_| | |_| \__, | |_| |_| \__,_| |___/ igna#1337 | Discord| Bio| Steam| Matrix
\ No newline at end of file diff --git a/script.js b/script.js index b7c90f9..cece6b7 100644 --- a/script.js +++ b/script.js @@ -1,29 +1 @@ -//Video volume -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(); -}); +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()})); \ No newline at end of file diff --git a/style.css b/style.css index 72200e2..b8a1274 100644 --- a/style.css +++ b/style.css @@ -1,210 +1 @@ -@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-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;} \ No newline at end of file