diff --git a/a.mp4.part b/a.mp4.part new file mode 100644 index 0000000..795db60 Binary files /dev/null and b/a.mp4.part differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..fae1375 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + + trolling.fun + + + + + + + + trolling + + + + + +
+ click +
+
+
+ 
      
+  _             _ _ _                __             
+ | |           | | (_)              / _|            
+ | |_ _ __ ___ | | |_ _ __   __ _  | |_ _   _ _ __  
+ | __| '__/ _ \| | | | '_ \ / _` | |  _| | | | '_ \ 
+ | |_| | | (_) | | | | | | | (_| |_| | | |_| | | | |
+  \__|_|  \___/|_|_|_|_| |_|\__, (_)_|  \__,_|_| |_|
+                             __/ |                  
+                            |___/  
+               
+         isan#1700 | NEW discord | mail login 
+    
+                                             
+     
+                                              
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0a41d00 --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file