diff --git a/a.mp4 b/a.mp4
new file mode 100644
index 0000000..099fc2e
Binary files /dev/null and b/a.mp4 differ
diff --git a/a.mp4.part b/a.mp4.part
deleted file mode 100644
index 795db60..0000000
Binary files a/a.mp4.part and /dev/null differ
diff --git a/index.html b/index.html
index fae1375..e916703 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,6 @@
- trolling.fun
@@ -9,12 +8,12 @@
- trolling
+ tixte.gifts - home
@@ -43,7 +42,7 @@
diff --git a/style.css b/style.css
index 0a41d00..016129b 100644
--- a/style.css
+++ b/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;
-}
\ No newline at end of file
+ display: none !important;
+}