Merge pull request #41 from scesi/dev

Richixs · web-flow · commit 57f2a6a807ac · 2025-10-19T23:21:09.000-04:00
Refactor code structure to improve readability and maintainability, Adds the regulation
diff --git a/public/clean-up-hack.svg b/public/clean-up-hack.svg
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -17,7 +17,9 @@ const { class: className = '' } = Astro.props;
     </div>
 
     <a
-      href="#"
+      href="https://drive.google.com/file/d/1XNpP4sZdOTn_xNViGsyCiEil8kumr1Sh/view?usp=sharing"
+      target="_blank"
+      rel="noopener noreferrer"
       class="inline-flex items-center bg-white/10 hover:bg-white/20 text-white text-sm font-semibold py-2 px-4 rounded-md transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#FFC727] focus-visible:ring-offset-2 focus-visible:ring-offset-[#214030] h-10"
     >
       Reglamento
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,5 +1,5 @@
 ---
-// Nota: 'astro:transitions' no disponible (tipos no presentes). Usamos clase utilitaria para fade.
+import IconHack from '../icons/clean_up_hack.astro';
 const navFade = 'fade-link';
 ---
 
@@ -16,7 +16,7 @@ const navFade = 'fade-link';
     <div class="flex-1 lg:hidden"></div>
     <div class="flex-1 flex justify-center lg:flex-initial lg:justify-start">
       <a href="/" class="flex items-center gap-2">
-        <img src="/clean-up-hack.svg" alt="Logo Clean Up Hack" class="w-30 h-auto" />
+        <IconHack class="w-30 h-auto" />
       </a>
     </div>
 
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -1,4 +1,5 @@
 ---
+import IconHack from '../icons/clean_up_hack.astro';
 import Countdown from './Countdown.astro';
 ---
 
@@ -10,11 +11,8 @@ import Countdown from './Countdown.astro';
     <div
       class="flex flex-col items-center justify-start md:justify-center flex-1 pt-10 sm:pt-14 md:pt-0 gap-4 md:gap-6"
     >
-      <img
-        src="/clean-up-hack.svg"
-        alt="CleanUp Hack Logo"
-        class="w-full max-w-[1100px] px-2 md:px-4 drop-shadow-md view-transition-hero"
-      />
+      <IconHack class="w-full max-w-[1100px] px-2 md:px-4 drop-shadow-md view-transition-hero" />
+
       <h2
         style="font-family: 'Cabin Sketch', cursive;"
         class="text-base sm:text-xl md:text-3xl lg:text-4xl font-bold tracking-wide drop-shadow-sm"
diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
@@ -54,7 +54,7 @@ const {
         </svg>
       </p>
 
-      <article class="mt-8 sm:mt-10 md:mt-12 flex flex-wrap justify-center gap-5 sm:gap-6 md:gap-8">
+      <div class="mt-8 sm:mt-10 md:mt-12 flex flex-wrap justify-center gap-5 sm:gap-6 md:gap-8">
         {
           sponsors.map((s) => (
             <a
@@ -78,7 +78,7 @@ const {
             </a>
           ))
         }
-      </article>
+      </div>
 
       <div class="mt-10 sm:mt-12 md:mt-14 flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center">
         <a
diff --git a/src/icons/clean_up_hack.astro b/src/icons/clean_up_hack.astro
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -6,16 +6,28 @@ import LeavesBackground from '../components/LeavesBackground.astro';
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang="es">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/clean-up.svg" />
     <meta name="generator" content={Astro.generator} />
-    <title>CleanUp | Hackathon</title>
+
+    <title>CleanUpHack | Hackathon Ambiental Cochabamba</title>
+    <meta
+      name="description"
+      content="Únete a CleanUpHack, la hackathon enfocada en soluciones innovadoras para reducir la basura en Cochabamba. Cronograma, premios y toda la información del evento."
+    />
+    <meta
+      name="keywords"
+      content="hackathon Cochabamba, CleanUpHack, gestión de basura, medio ambiente Cochabamba, reciclaje Bolivia, innovación ambiental, tecnología sostenible, residuos sólidos, hackathon Bolivia, soluciones ambientales"
+    />
+    <meta name="author" content="SCESI" />
+    <meta name="robots" content="index, follow" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
+      rel="preload"
       href="https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=Roboto:wght@400;500;700&display=swap"
       rel="stylesheet"
     />
