feat: add images for previous hackathons and update event details

app/components/gallery.js

@@ -3,20 +3,29 @@ import { load, html } from 'emmy-dom/dist/server.js'
 export function gallery () {
   this.className = 'flex flex-col justify-center items-center text-center w-[80%] h-fit text-gray-800 gap-0'
   const srcs = []
-  const imgs = [71, 74, 79, 73, 75, 76, 77, 78, 80, 81, 72]
-  imgs.forEach(i => {
+  const uottahackImgs = [1, 2, 3, 4]
+  uottahackImgs.forEach(i => {
+    srcs.push(`pics/uottahack5_${i}.png`)
+  })
+  const hackathonImgs = [1, 2]
+  hackathonImgs.forEach(i => {
+    srcs.push(`pics/Imagen${i}.jpg`)
+  })
+  const codefestImgs = [77, 81, 75, 73, 75, 76, 78, 80, 71, 74, 79, 72]
+  codefestImgs.forEach(i => {
     srcs.push(`pics/photo_51435864726061504${i}_y.jpg`)
   })
+
   return html`
     <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
     ${
-        srcs.map(src => {
-            return html`
-                <div class="rounded-lg">
-                    <img class="object-cover rounded-lg" src="${src}" alt="Codefest 2023">
-                </div>
-            `
-        }).join('')
+      srcs.map(src => {
+        return html`
+          <div class="rounded-lg">
+            <img class="object-cover rounded-lg" src="${src}" alt="Previuos hackathons" loading="lazy">
+          </div>
+        `
+      }).join('')
     }
     </div>
   `

app/index.js

@@ -18,7 +18,10 @@ export function app () {
           uOttaHack 6 UC
         </h1>
         <p class="text-2xl md:text-4xl">
-          1 a 3 de marzo, Campus San Joaquín UC
+          Campus San Joaquín UC
+        </p>
+        <p class="text-2xl md:text-4xl font-bold">
+          1 - 3 de Marzo
         </p>
         <button id="cta" class="bg-[#384DBF] text-white text-2xl md:text-4xl px-4 py-2 rounded-lg drop-shadow-lg w-[fit-content]">
           Ver más
@@ -34,6 +37,7 @@ export function app () {
         Durante 36 horas, podrás colaborar en proyectos innovadores, asistir a talleres educativos, establecer contactos con empresas y competir en desafíos que invitan a la reflexión.
       </p>  
     </section>
+    <h2 id="gallery" class="text-4xl font-bold font-['Harabara'] text-[#384DBF] mb-4">Eventos anteriores</h2>
     <Gallery></Gallery>
   `
 }