fix(ui): 🐛 Updat fade out animation (was practically slower, but not …

…teorically)

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "conventionalCommits.scopes": [
+    "ui"
+  ]
+}

.vscode/tasks.json

@@ -26,7 +26,7 @@
       "problemMatcher": [],
       "isBackground": true,
       "label": "Server",
-      "detail": "nodemon index.js",
+      "detail": "npm run init",
       "runOptions": {
         "runOn": "folderOpen"
       }

index.js

@@ -8,7 +8,7 @@ import morgan from "morgan";
 import compression from "compression";
 import fs from "fs";
 import rateLimiter from "./serverUtils/js/ratelimiter.js";
-import { ensureDirExists, cleanOldLogs, verifyEnvVars } from "./serverUtils/js/startup.js";
+import { ensureDirExists, cleanOldLogs} from "./serverUtils/js/startup.js";
 import setupAuth from "./serverUtils/js/auth.js";
 
 // Inicialización del servidor Express
@@ -126,22 +126,6 @@ import apiRoutes from "./routes/api.js";
 app.use(apiRoutes);
 app.use(publicRoutes);
 
-// Verificación de variables de entorno necesarias
-const requiredEnvVars = [
-  "formWebhookUrl",
-  "logsWebhookUrl",
-  "discordClientId",
-  "discordClientSecret",
-  "discordCallbackUrl",
-  "sessionSecret",
-  "hetrixApiToken",
-  "homecoreId",
-  "codenexisId",
-  "loadrunnerId",
-];
-
-verifyEnvVars(requiredEnvVars);
-
 // Inicio del servidor
 app.listen(port, () => {
   console.log(`Servidor escuchando en http://localhost:${port}`);

package.json

@@ -32,7 +32,7 @@
   "description": "Mi página web oficial, hecha de forma que sea más interactiva y dinámica",
   "main": "index.js",
   "scripts": {
-    "init": "nodemon --ignore data/* index.js",
+    "init": "nodemon --ignore data/* --ignore public/* index.js",
     "css": "npx tailwindcss -i ./public/css/tailwind.css -o ./public/css/main.css --watch --minify",
     "minify": "node ./utils/minify.js",
     "autominify": "npm run minify"

public/css/tailwind.css

@@ -221,7 +221,7 @@ body {
 }
 
 .fade-out {
-  animation: fadeOut 0.5s forwards;
+  animation: fadeOut 0.4s forwards; // Tiene que ser un segundo menos bc god knows why :D
 }
 
 .hidden {
@@ -246,10 +246,9 @@ body {
 
 .latestVideoEmbed {
   width: 100%;
-  height: 500px; /* Ajusta la altura según sea necesario */
+  height: 500px;
 }
 
-/* Asegúrate de que las clases responsive-iframe tienen un tamaño adecuado */
 .responsive-iframe2 {
   width: 100%;
   height: 100%;

public/js/common/mainIndex.js

@@ -2,12 +2,16 @@ function showMainContent() {
   const mainContent = document.querySelector("main");
   mainContent.classList.remove("hidden");
   mainContent.classList.add("fade-in");
+
+  setTimeout(function () {
+    mainContent.classList.remove("fade-in");
+  }, 500); 
 }
 
 window.addEventListener("load", function () {
   setTimeout(function () {
     showMainContent();
-  }, 600);
+  }, 500);
 });
 
 function fadeOutMainContent(callback) {
@@ -19,16 +23,17 @@ function fadeOutMainContent(callback) {
     mainContent.classList.add("hidden");
     mainContent.classList.remove("fade-out");
     callback();
-  }, 605);
+  }, 400);
 }
 
 document.addEventListener("DOMContentLoaded", function () {
   document.addEventListener("click", function (event) {
-    const link = event.target.closest('a[href*="?view="]');
+    const link = event.target.closest('a[href*="?view="], a[href^="/"]');
 
     if (link) {
       event.preventDefault();
       const url = link.href;
+
       fadeOutMainContent(function () {
         window.location.href = url;
       });

public/js/common/mainOthers.js

@@ -16,7 +16,7 @@ function showMainContent() {
 window.addEventListener("load", function () {
   setTimeout(function () {
     showMainContent();
-  }, 600);
+  }, 500);
 });
 
 function fadeOutMainContent(callback) {
@@ -44,12 +44,12 @@ function fadeOutMainContent(callback) {
     }
 
     callback();
-  }, 605);
+  }, 400);
 }
 
 document.addEventListener("DOMContentLoaded", function () {
   document.addEventListener("click", function (event) {
-    const link = event.target.closest('a[href*="?view="]');
+    const link = event.target.closest('a[href*="?view="], a[href^="/"]');
 
     if (link) {
       event.preventDefault();

serverUtils/js/startup.js

@@ -44,12 +44,4 @@ export function clearCacheDirectory(cacheDir) {
       fs.unlinkSync(path.join(cacheDir, file));
     });
   });
-}
-
-export function verifyEnvVars(requiredVars) {
-  requiredVars.forEach((varName) => {
-    if (!process.env[varName]) {
-      throw new Error(`La variable de entorno ${varName} no está definida o no tiene un valor.`);
-    }
-  });
-}
+}