[Teacup] - Website Update

🎉 Atualização da Página: Novos Eastereggs, algumas correções e uma Celebração Especial! 🚀

1. 🎂 Aniversário da Íris (Dezembro = Íris fará 9 anos!)
    - Inclui uma adorável nova foto dela!

2. 🌟 Animação simples em CSS/HTML para celebrar o Ano Novo.
    - Parece que estou ficando profissional em design, hahaha!

Lembre-se: Os Eastereggs agora têm data marcada para ativação (Dezembro, Natal e Ano Novo), mas se perder a oportunidade, não se preocupe! Basta apertar três vezes no local secreto de ativação, e eles aparecerão mesmo fora da data. Boa sorte na busca e divirta-se explorando! 🎁✨

lib/Commands/Memes/utils.json

@@ -7,6 +7,7 @@
             "/phcom texto",
             "/ytcom texto --dark",
             "/gay",
+            "/pornhub Texto 1|Texto 2",
             "/gay @user",
             "/trash <mensagem>",
             "/slap <mensagem> <@user> -sticker",
@@ -21,6 +22,7 @@
     "license": "MIT",
     "helps": [
         "Você pode mudar os parâmetros da exports enviando o valor da Object que deseja editar ao resetar, por exemplo → memes.reset({ name: 'Body'}) ← Isso mudaria o module de memes para Body, o uso então passaria ser: → Body.funcão ← Isso também permite que você edite a função usando o mesmo método.",
+        "Em comandos que exigem dois ou mais textos, como pornhub e wolfg, você deve usar '|' para separar os textos, se não fizer isso, seu meme pode ficar diferente do que esperava.",
         "Você pode mudar o que os códigos rodam, em tempo real, basta usar a 'env', por exemplo → memes.env().name = 'Body' ← Mas este método não atualizará o sistema, somente a Object, os sistemas permanecem intactos.",
         "Você pode configurar o tempo de reset dos resultados ou se eles devem ser resetados usando a env, por exemplo → memes.env().settings.wait = 10000 ← Isso mudaria o tempo de espera para 10 segundos, o tempo deve ser em milissegundos.",
         "Alguém lê essas dicas? Se sim, torne-se um programador, ler os tutoriais é de suma importância e poucos desenvolvedores o fazem...",

lib/Functions/Pictures/Memes/index.js

@@ -480,8 +480,13 @@ async function memeMaker(
                     case 'wolfg':
                     case '80s':
                     case 'pornhub':
+                        /* Define os argumentos */
+                        let textSplitter = (body || 'Write | Bro!').replace(/--dark|-sticker/gi, '').split('|') || ['Write', 'Bro!'];
+                        textSplitter.push(['?', '?']);
+                        textSplitter = textSplitter.flat(5);
+
                         /* Cria o meme, converte em buffer e define na env */
-                        makerImage = await mumaker.textpro(locateURL[memetic] || locateURL.wolfb, (body || 'Say something | bro!').replace(/--dark|-sticker/gi, '').split('|'));
+                        makerImage = await mumaker.textpro(locateURL[memetic] || locateURL.wolfb, textSplitter.slice(0, 2));
                         makerImage = await Indexer('others').buffer(makerImage.image);
                         envInfo.results.value = makerImage.value;
                     break;

lib/Wiki/Homepage/homepage.css

@@ -353,7 +353,7 @@ body.light-mode header .dropdown-item:hover {
         right: 60px;
     }
 
-    .navbar > a {
+    .navbar>a {
         font-size: 1.7rem;
     }
 
@@ -640,7 +640,8 @@ body.glitch-effect::before {
     animation-delay: 3s, 1.5s
 }
 
-.snowflakes:not(.animate-snowfall) .snowflake {
+.snowflakes:not(.animate-snowfall) .snowflake,
+.firework:not(.animate-firework) .firework {
     animation-play-state: paused !important;
 }
 
@@ -661,10 +662,118 @@ body {
     top: 0px !important;
 }
 
-body > div.footer {
+body>div.footer {
     text-align: center;
 }
 
 .hidethisfromscreen {
     display: none;
+}
+
+:root {
+    --initialSize: 0.8vmin;
+    --finalSize: 40vmin;
+    --particleSize: 0.4vmin;
+    --y: -30vmin;
+    --x: -50%;
+    --initialY: 60vmin;
+    --color1: #ff5252;
+    --color2: #D7B030;
+    --color3: #0080ff;
+    --color4: #fc5b8d;
+    --color5: #800080;
+    --color6: #4caf50;
+}
+
+@keyframes firework {
+    0% {
+        transform: translate(var(--x), var(--initialY));
+        width: var(--initialSize);
+        opacity: 1;
+    }
+
+    50% {
+        width: 0.8vmin;
+        opacity: 1;
+    }
+
+    100% {
+        width: var(--finalSize);
+        opacity: 0;
+    }
+}
+
+.firework,
+.firework::before,
+.firework::after {
+    --x: -50%;
+    content: "";
+    position: fixed;
+    z-index: 9999;
+    display: none;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, var(--y));
+    width: var(--initialSize);
+    aspect-ratio: 1;
+    background: radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%;
+    background-size: var(--initialSize) var(--initialSize);
+    background-repeat: no-repeat;
+    animation: firework 2.4s infinite;
+}
+
+.firework:nth-child(n):nth-child(-n+10) {
+    --x: 30vmin;
+    --finalSize: 40vmin;
+    animation-delay: -0.25s;
+}
+
+.firework:nth-of-type(1) {
+    left: 5vw;
+    top: 5vh;
+}
+
+.firework:nth-of-type(2) {
+    left: 80vw;
+    top: 10vh;
+}
+
+.firework:nth-of-type(3) {
+    left: 2vw;
+    top: 80vh;
+}
+
+.firework:nth-of-type(4) {
+    left: 15vw;
+    top: 65vh;
+}
+
+.firework:nth-of-type(5) {
+    left: 60vw;
+    top: 35vh;
+}
+
+.firework:nth-of-type(6) {
+    left: 30vw;
+    top: 20vh;
+}
+
+.firework:nth-of-type(7) {
+    left: 50vw;
+    top: 55vh;
+}
+
+.firework:nth-of-type(8) {
+    left: 85vw;
+    top: 85vh;
+}
+
+.firework:nth-of-type(9) {
+    left: 5vw;
+    top: 85vh;
+}
+
+.firework:nth-of-type(10) {
+    left: 85vw;
+    top: 5vh;
 }