Remove unused generate_static.js file

docs/css/main.css

@@ -5,6 +5,8 @@ html, body {
     flex-direction: column;
     font-size: 1rem;
     line-height: 1.5;
+    width: 100%;
+    overflow-x: hidden; /* Prevent horizontal scrolling */
 }
 
 body {
@@ -39,18 +41,15 @@ footer {
 }
 
 .mona-images {
-
     max-width: 130%; /* Mantiene el tamaño actual de las imágenes al 130% del ancho del contenedor */
     height: auto; /* Mantiene la proporción de las imágenes */
     margin: center; /* Centra las imágenes horizontalmente */
     display: block; /* Asegura que las imágenes se comporten como elementos de bloque */
-
     padding-left: 10%; /* Asegura proporción de distancia horizontal */
     padding-right: 10%; /* Asegura proporción de distancia horizontal */
     border-radius: 0px; /* Bordes redondeados */
     box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Añade una sombra para el efecto flotante */
     transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transición suave para el efecto */
-
 }
 
 .mona-images:hover {
@@ -64,7 +63,8 @@ footer {
     align-items: center;
     padding: 8px;
     margin: 0 auto;
-    max-width: 90%;
+    max-width: 100%;
+    box-sizing: border-box; /* Include padding and border in width/height */
 }
 
 .haikus {
@@ -125,3 +125,18 @@ footer {
         padding: 4px; /* Reduce el padding */
     }
 }
+
+@media only screen and (min-width: 1024px) {
+    .haiku-containers {
+        flex-direction: row;
+        justify-content: space-around;
+    }
+
+    .haikus {
+        font-size: 1.5rem;
+    }
+
+    .mona-images {
+        max-width: 300px;
+    }
+}

index.js

@@ -7,7 +7,7 @@ app.use(express.static('public'));
 
 app.get('/', async (req, res) => {
     try {
-        const haikus = await extractRandomHaikus('./utils/mona.json', 1);
+        const haikus = await extractRandomHaikus('./utils/haikus_mona.json', 1);
         const octocat = await getRandomOctocat('./utils/haikus_mona.json');
 
         res.render('index', { haikus, octocat });
@@ -17,7 +17,7 @@ app.get('/', async (req, res) => {
     }
 });
 
-const PORT = process.env.PORT || 3000;
+const PORT = process.env.PORT || 4000;
 app.listen(PORT, () => {
     console.log(`Server is running on http://localhost:${PORT}`);
 });