From 46dcb09527fa8372c1d00ab02edfffe1b8f2e3ef Mon Sep 17 00:00:00 2001
From: LucianoBrumer <lucianobrumer5@gmail.com>
Date: Wed, 10 Apr 2024 22:06:29 -0300
Subject: [PATCH] fechas

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 3641ebc..54c1d3d 100644
--- a/index.html
+++ b/index.html
@@ -35,4 +35,4 @@
 	animation-duration: 0.6s;
 	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
 	animation-fill-mode: both;
-	animation-name: astroFadeIn; }</style></head> <body class="text-neutral-800 w-full h-screen font-gliker">  <header class="fixed top-0 left-0 z-50  w-screen min-h-16  flex flex-col justify-center items-start sm:items-end" x-data="{menu: false}"> <div class="block sm:hidden w-full h-16 bg-black bg-opacity-75"> <div class="absolute top-2 left-5" x-show="menu == false" x-transition.opacity.duration.600ms x-on:click="menu = true"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="text-5xl text-neutral-200 opacity-50 transition-opacity hover:opacity-100" data-icon="material-symbols:menu">  <symbol id="ai:material-symbols:menu"><path fill="currentColor" d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z"/></symbol><use xlink:href="#ai:material-symbols:menu"></use>  </svg> </div> <div class="absolute top-2 left-5" x-show="menu == true" x-transition.opacity.duration.600ms x-on:click="menu = false"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="text-5xl text-neutral-200 opacity-50 transition-opacity hover:opacity-100" data-icon="material-symbols:close">  <symbol id="ai:material-symbols:close"><path fill="currentColor" d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z"/></symbol><use xlink:href="#ai:material-symbols:close"></use>  </svg> </div> </div> <nav class="w-full h-fit bg-black bg-opacity-75 pt-8 pb-20 flex flex-col items-center justify-center gap-8 !text-3xl" x-show="menu" x-transition.opacity.duration.600ms x-on:click="menu = false">  <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#ediciones">EDICIONES📃</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#presentar">PRESENTAR CORTO📩</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#apoyar">APOYAR❤️</a>  </nav> <nav class="w-full h-16 hidden sm:flex justify-end items-center gap-8 px-36 bg-black bg-opacity-75">  <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#ediciones">EDICIONES📃</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#presentar">PRESENTAR CORTO📩</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#apoyar">APOYAR❤️</a>  </nav> </header> <main class="w-full min-h-screen flex flex-col"> <section class="w-full h-screen flex justify-center sm:justify-start items-center gap-8 px-0 sm:px-36"> <div class="bg-black w-full h-screen fixed left-0 top-0"> <img src="/assets/images/ediciones/primera/1.webp" class="blur-sm w-full h-full object-cover" alt="" width="1" height="1" loading="lazy" decoding="async"> </div> <div class="w-full flex flex-col gap-2 justify-center sm:items-start items-center"> <div class="flex justify-start items-center gap-4"> <img src="/assets/images/logo.webp" class="w-10 h-10 aspect-square" alt="" width="1" height="1" loading="lazy" decoding="async"> <h1 class="text-nowrap text-neutral-200 text-4xl sm:text-5xl font-semibold">FONDO DE CINE</h1> </div> <div class="flex flex-col"> <h1 class="text-neutral-300 text-2xl text-center sm:text-left">Festival de CINE recontra independiente 🎬</h1> <h2 class="text-neutral-400 text-xl text-center sm:text-left">Proximamente tercera edición!</h2> </div> </div> <a href="#ediciones" class="absolute left-1/2 -translate-x-full bottom-2 text-neutral-200 opacity-50 transition-opacity hover:opacity-100 text-4xl"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="iconamoon:arrow-down-2-light">  <symbol id="ai:iconamoon:arrow-down-2-light"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7 10l5 5l5-5"/></symbol><use xlink:href="#ai:iconamoon:arrow-down-2-light"></use>  </svg> </a> </section> <section id="ediciones" class="bg-neutral-100 w-full min-h-screen flex flex-col gap-4 px-10 sm:px-36 pt-20 !pb-20 z-10"> <h1 class="text-4xl w-full text-nowrap">EDICIONES 📃</h1>  <div class="flex flex-col gap-16 border-y border-neutral-400 py-6"> <div class="w-full flex flex-col gap-6 border-b border-neutral-400 pb-6"> <a class="flex items-center justify-start gap-2 transition-all hover:pl-2 cursor-pointer border-b border-neutral-400 pb-1" href="/ediciones/primera"> <h1 class="text-2xl flex items-center gap-1">PRIMERA EDICIÓN</h1> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="tabler:external-link">  <symbol id="ai:tabler:external-link"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"/></symbol><use xlink:href="#ai:tabler:external-link"></use>  </svg> </a> <div class="w-full flex flex-col sm:flex-row gap-6"> <div class="w-full sm:w-1/2 aspect-video" x-data="{ image_index: 0, timeout: null }" x-init="timeout = setInterval(() => image_index++, 1200)" x-on:click="image_index++; clearTimeout(timeout); timeout = setTimeout(() => image_index++, 1200)" x-effect="if (image_index >= 37) image_index = 0"> <img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 0}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/0.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 1}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/1.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 2}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/2.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 3}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/3.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 4}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/4.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 5}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/5.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 6}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/6.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 7}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/7.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 8}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/8.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 9}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/9.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 10}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/10.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 11}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/11.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 12}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/12.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 13}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/13.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 14}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/14.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 15}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/15.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 16}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/16.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 17}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/17.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 18}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/18.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 19}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/19.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 20}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/20.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 21}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/21.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 22}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/22.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 23}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/23.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 24}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/24.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 25}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/25.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 26}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/26.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 27}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/27.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 28}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/28.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 29}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/29.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 30}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/30.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 31}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/31.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 32}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/32.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 33}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/33.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 34}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/34.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 35}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/35.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 36}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/36.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"> </div> <div class="w-full sm:w-1/2 flex flex-col gap-2 justify-start items-center sm:items-start"> <p class="text-lg"> La primera edición de &quot;Fondo de Cine&quot; se hizo en &quot;La Estación de los Deseos&quot;, un espacio emblemático que sirve como centro social y apoyo a la cultura barrial de Caballito, un verdadero pulmón verde que muchxs desconocen. Durante el evento, se proyectaron una variedad de cortometrajes como &quot;Afuera es Peligroso&quot;, &quot;Lago Puelo&quot;, &quot;El Cumpleaños N 68 de la Tortuga Carmela&quot;, &quot;Cómo una Ráfaga de Viento&quot;, entre otros. Siempre buscando una variedad de generos audiovisuales. </p> <a class="w-full sm:w-fit text-center text-xl sm:text-lg border border-neutral-500 px-2 py-1 sm:py-[0.5px] transition-transform hover:translate-x-2 shadow-[5px_5px_#6868684b]" href="/ediciones/primera">Ver mas...</a> </div> </div> </div> <div class="w-full flex flex-col gap-6 border-b border-neutral-400 pb-6"> <a class="flex items-center justify-start gap-2 transition-all hover:pl-2 cursor-pointer border-b border-neutral-400 pb-1" href="/ediciones/segunda"> <h1 class="text-2xl flex items-center gap-1">SEGUNDA EDICIÓN</h1> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="tabler:external-link">  <use xlink:href="#ai:tabler:external-link"></use>  </svg> </a> <div class="w-full flex flex-col sm:flex-row gap-6"> <div class="w-full sm:w-1/2 aspect-video" x-data="{ image_index: 0, timeout: null }" x-init="timeout = setInterval(() => image_index++, 1200)" x-on:click="image_index++; clearTimeout(timeout); timeout = setTimeout(() => image_index++, 1200)" x-effect="if (image_index >= 10) image_index = 0"> <img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 0}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/0.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 1}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/1.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 2}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/2.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 3}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/3.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 4}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/4.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 5}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/5.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 6}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/6.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 7}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/7.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 8}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/8.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 9}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/9.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"> </div> <div class="w-full sm:w-1/2 flex flex-col gap-2 justify-start items-center sm:items-start"> <p class="text-lg">  </p> <a class="w-full sm:w-fit text-center text-xl sm:text-lg border border-neutral-500 px-2 py-1 sm:py-[0.5px] transition-transform hover:translate-x-2 shadow-[5px_5px_#6868684b]" href="/ediciones/segunda">Ver mas...</a> </div> </div> </div> <h1 class="w-full text-2xl">TERCERA EDICIÓN - Proximamente el 21/04/2024</h1> </div>  </section> <section id="presentar" class="h-screen flex justify-start items-center gap-8 px-36"> <img scroll-parallax-y class="w-full h-full absolute left-0 top-0 object-cover" src="/assets/images/bg.webp" alt=""> <div class="font-sceageus text-xl sm:text-4xl w-full h-full flex flex-col gap-4 justify-center items-center"> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-violet-400 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">¿QUERES</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-neutral-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">PROYECTAR</a> </div> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-neutral-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">TU</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-red-500 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">CORTO</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-orange-300 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">EN</a> </div> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-indigo-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">NUESTRO</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-teal-400 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">FESTI?</a> </div> </div> </section> <section id="apoyar" class="bg-neutral-100 w-full min-h-screen flex flex-col gap-4 px-10 sm:px-36 pt-20 !pb-20 !min-h-0 reñative overflow-hidden"> <h1 class="text-4xl w-full text-nowrap">APOYAR ❤️</h1>  <img class="absolute left-0 bottom-0 sm:top-0 translate-y-1/2 md:translate-x-1/2 md:translate-y-0 z-10" src="/assets/images/forms/6.png" alt="" loading="lazy"> <div class="flex flex-col items-center sm:items-start text-center sm:text-left gap-2 border-y border-neutral-400 py-6"> <div class="flex flex-col gap-1"> <p class="text-xl drop-shadow-outline-white">¿Queres ayudar al Fondo de Cine?</p> <p class="text-xl drop-shadow-outline-white">¡Puedes hacerlo a travez de Mercado Pago!</p> </div> <div class="flex justify-center items-center gap-1 w-fit text-lg"> <p class="drop-shadow-outline-white">Alias:</p> <p class="flex justify-center items-center px-1.5 py-0.5 border border-neutral-300 rounded-full bg-neutral-200">mmessein</p> </div> </div>  </section> </main> <footer class="border-t border-neutral-400"> <section class="bg-neutral-100 px-36 py-4 flex justify-between items-center"> <img src="/assets/images/logo.webp" class="w-28 h-28 aspect-square hidden sm:block" alt="" width="1" height="1" loading="lazy" decoding="async"> <div class="flex flex-col sm:flex-row gap-6 h-full justify-center items-center sm:items-start"> <div class="flex flex-col w-full sm:w-fit items-center justify-center sm:items-start"> <h3 class="font-semibold text-xl">CONTACTANOS</h3> <a class="flex justify-center items-center gap-1 opacity-50 transition-opacity hover:opacity-100 hover:underline" href="mailto:fondodecine@gmail.com" target="_blank"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="top-0.5" data-icon="ic:outline-email">  <symbol id="ai:ic:outline-email"><path fill="currentColor" d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z"/></symbol><use xlink:href="#ai:ic:outline-email"></use>  </svg> <p>fondodecine@gmail.com</p> </a> </div> <div class="flex flex-col w-full sm:w-fit items-center justify-center sm:items-start"> <h3 class="font-semibold text-xl">REDES</h3> <a class="flex justify-center items-center gap-1 opacity-50 transition-opacity hover:opacity-100 hover:underline" href="https://www.instagram.com/fondodecinefesti/" target="_blank"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="top-0.5" data-icon="fe:instagram">  <symbol id="ai:fe:instagram"><path fill="currentColor" fill-rule="evenodd" d="M12 2c-2.716 0-3.056.012-4.123.06c-1.064.049-1.791.218-2.427.465a4.901 4.901 0 0 0-1.772 1.153A4.902 4.902 0 0 0 2.525 5.45c-.247.636-.416 1.363-.465 2.427C2.011 8.944 2 9.284 2 12s.011 3.056.06 4.123c.049 1.064.218 1.791.465 2.427a4.903 4.903 0 0 0 1.153 1.772a4.903 4.903 0 0 0 1.772 1.153c.636.247 1.363.416 2.427.465c1.067.048 1.407.06 4.123.06s3.056-.012 4.123-.06c1.064-.049 1.791-.218 2.427-.465a4.902 4.902 0 0 0 1.772-1.153a4.902 4.902 0 0 0 1.153-1.772c.247-.636.416-1.363.465-2.427c.048-1.067.06-1.407.06-4.123s-.012-3.056-.06-4.123c-.049-1.064-.218-1.791-.465-2.427a4.902 4.902 0 0 0-1.153-1.772a4.901 4.901 0 0 0-1.772-1.153c-.636-.247-1.363-.416-2.427-.465C15.056 2.012 14.716 2 12 2m0 1.802c2.67 0 2.986.01 4.04.058c.976.045 1.505.207 1.858.344c.466.182.8.399 1.15.748c.35.35.566.684.748 1.15c.136.353.3.882.344 1.857c.048 1.055.058 1.37.058 4.041c0 2.67-.01 2.986-.058 4.04c-.045.976-.208 1.505-.344 1.858a3.1 3.1 0 0 1-.748 1.15c-.35.35-.684.566-1.15.748c-.353.136-.882.3-1.857.344c-1.054.048-1.37.058-4.041.058c-2.67 0-2.987-.01-4.04-.058c-.976-.045-1.505-.208-1.858-.344a3.098 3.098 0 0 1-1.15-.748a3.098 3.098 0 0 1-.748-1.15c-.137-.353-.3-.882-.344-1.857c-.048-1.055-.058-1.37-.058-4.041c0-2.67.01-2.986.058-4.04c.045-.976.207-1.505.344-1.858c.182-.466.399-.8.748-1.15c.35-.35.684-.566 1.15-.748c.353-.137.882-.3 1.857-.344c1.055-.048 1.37-.058 4.041-.058m0 11.531a3.333 3.333 0 1 1 0-6.666a3.333 3.333 0 0 1 0 6.666m0-8.468a5.135 5.135 0 1 0 0 10.27a5.135 5.135 0 0 0 0-10.27m6.538-.203a1.2 1.2 0 1 1-2.4 0a1.2 1.2 0 0 1 2.4 0"/></symbol><use xlink:href="#ai:fe:instagram"></use>  </svg> <p>Instagram</p> </a> </div> </div> </section> <section class="bg-neutral-900 text-neutral-200 py-2 px-2 flex flex-col items-center justify-center gap-1.5 sm:gap-0.5"> <p class="text-sm text-center">Copyright FONDO DE CINE - 2024. Todos los derechos reservados.</p> <h3 class="text-xs">Creado por <a href="https://github.com/lullaby6" target="_blank" class="underline">Lullaby6</a>.</h3> </section> </footer>  </body></html>
\ No newline at end of file
+	animation-name: astroFadeIn; }</style></head> <body class="text-neutral-800 w-full h-screen font-gliker">  <header class="fixed top-0 left-0 z-50  w-screen min-h-16  flex flex-col justify-center items-start sm:items-end" x-data="{menu: false}"> <div class="block sm:hidden w-full h-16 bg-black bg-opacity-75"> <div class="absolute top-2 left-5" x-show="menu == false" x-transition.opacity.duration.600ms x-on:click="menu = true"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="text-5xl text-neutral-200 opacity-50 transition-opacity hover:opacity-100" data-icon="material-symbols:menu">  <symbol id="ai:material-symbols:menu"><path fill="currentColor" d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z"/></symbol><use xlink:href="#ai:material-symbols:menu"></use>  </svg> </div> <div class="absolute top-2 left-5" x-show="menu == true" x-transition.opacity.duration.600ms x-on:click="menu = false"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="text-5xl text-neutral-200 opacity-50 transition-opacity hover:opacity-100" data-icon="material-symbols:close">  <symbol id="ai:material-symbols:close"><path fill="currentColor" d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z"/></symbol><use xlink:href="#ai:material-symbols:close"></use>  </svg> </div> </div> <nav class="w-full h-fit bg-black bg-opacity-75 pt-8 pb-20 flex flex-col items-center justify-center gap-8 !text-3xl" x-show="menu" x-transition.opacity.duration.600ms x-on:click="menu = false">  <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#ediciones">EDICIONES📃</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#presentar">PRESENTAR CORTO📩</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#apoyar">APOYAR❤️</a>  </nav> <nav class="w-full h-16 hidden sm:flex justify-end items-center gap-8 px-36 bg-black bg-opacity-75">  <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#ediciones">EDICIONES📃</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#presentar">PRESENTAR CORTO📩</a> <a class="text-nowrap text-neutral-200 opacity-75 transition-opacity hover:opacity-100 hover:underline cursor-pointer" href="/.#apoyar">APOYAR❤️</a>  </nav> </header> <main class="w-full min-h-screen flex flex-col"> <section class="w-full h-screen flex justify-center sm:justify-start items-center gap-8 px-0 sm:px-36"> <div class="bg-black w-full h-screen fixed left-0 top-0"> <img src="/assets/images/ediciones/primera/1.webp" class="blur-sm w-full h-full object-cover" alt="" width="1" height="1" loading="lazy" decoding="async"> </div> <div class="w-full flex flex-col gap-2 justify-center sm:items-start items-center"> <div class="flex justify-start items-center gap-4"> <img src="/assets/images/logo.webp" class="w-10 h-10 aspect-square" alt="" width="1" height="1" loading="lazy" decoding="async"> <h1 class="text-nowrap text-neutral-200 text-4xl sm:text-5xl font-semibold">FONDO DE CINE</h1> </div> <div class="flex flex-col"> <h1 class="text-neutral-300 text-2xl text-center sm:text-left">Festival de CINE recontra independiente 🎬</h1> <h2 class="text-neutral-400 text-xl text-center sm:text-left">Proximamente tercera edición!</h2> </div> </div> <a href="#ediciones" class="absolute left-1/2 -translate-x-full bottom-2 text-neutral-200 opacity-50 transition-opacity hover:opacity-100 text-4xl"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="iconamoon:arrow-down-2-light">  <symbol id="ai:iconamoon:arrow-down-2-light"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7 10l5 5l5-5"/></symbol><use xlink:href="#ai:iconamoon:arrow-down-2-light"></use>  </svg> </a> </section> <section id="ediciones" class="bg-neutral-100 w-full min-h-screen flex flex-col gap-4 px-10 sm:px-36 pt-20 !pb-20 z-10"> <h1 class="text-4xl w-full text-nowrap">EDICIONES 📃</h1>  <div class="flex flex-col gap-16 border-y border-neutral-400 py-6"> <div class="w-full flex flex-col gap-6 border-b border-neutral-400 pb-6"> <a class="flex items-center justify-start gap-2 transition-all hover:pl-2 cursor-pointer border-b border-neutral-400 pb-1" href="/ediciones/primera"> <h1 class="text-2xl flex items-center gap-1">PRIMERA EDICIÓN - 26/09/2023</h1> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="tabler:external-link">  <symbol id="ai:tabler:external-link"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"/></symbol><use xlink:href="#ai:tabler:external-link"></use>  </svg> </a> <div class="w-full flex flex-col sm:flex-row gap-6"> <div class="w-full sm:w-1/2 aspect-video" x-data="{ image_index: 0, timeout: null }" x-init="timeout = setInterval(() => image_index++, 1200)" x-on:click="image_index++; clearTimeout(timeout); timeout = setTimeout(() => image_index++, 1200)" x-effect="if (image_index >= 37) image_index = 0"> <img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 0}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/0.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 1}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/1.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 2}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/2.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 3}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/3.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 4}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/4.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 5}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/5.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 6}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/6.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 7}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/7.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 8}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/8.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 9}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/9.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 10}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/10.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 11}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/11.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 12}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/12.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 13}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/13.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 14}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/14.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 15}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/15.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 16}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/16.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 17}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/17.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 18}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/18.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 19}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/19.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 20}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/20.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 21}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/21.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 22}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/22.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 23}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/23.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 24}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/24.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 25}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/25.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 26}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/26.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 27}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/27.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 28}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/28.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 29}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/29.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 30}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/30.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 31}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/31.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 32}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/32.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 33}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/33.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 34}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/34.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 35}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/35.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 36}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/primera/36.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"> </div> <div class="w-full sm:w-1/2 flex flex-col gap-2 justify-start items-center sm:items-start"> <p class="text-lg"> La primera edición de &quot;Fondo de Cine&quot; se hizo en &quot;La Estación de los Deseos&quot;, un espacio emblemático que sirve como centro social y apoyo a la cultura barrial de Caballito, un verdadero pulmón verde que muchxs desconocen. Durante el evento, se proyectaron una variedad de cortometrajes como &quot;Afuera es Peligroso&quot;, &quot;Lago Puelo&quot;, &quot;El Cumpleaños N 68 de la Tortuga Carmela&quot;, &quot;Cómo una Ráfaga de Viento&quot;, entre otros. Siempre buscando una variedad de generos audiovisuales. </p> <a class="w-full sm:w-fit text-center text-xl sm:text-lg border border-neutral-500 px-2 py-1 sm:py-[0.5px] transition-transform hover:translate-x-2 shadow-[5px_5px_#6868684b]" href="/ediciones/primera">Ver mas...</a> </div> </div> </div> <div class="w-full flex flex-col gap-6 border-b border-neutral-400 pb-6"> <a class="flex items-center justify-start gap-2 transition-all hover:pl-2 cursor-pointer border-b border-neutral-400 pb-1" href="/ediciones/segunda"> <h1 class="text-2xl flex items-center gap-1">SEGUNDA EDICIÓN - 9/12/2023</h1> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="tabler:external-link">  <use xlink:href="#ai:tabler:external-link"></use>  </svg> </a> <div class="w-full flex flex-col sm:flex-row gap-6"> <div class="w-full sm:w-1/2 aspect-video" x-data="{ image_index: 0, timeout: null }" x-init="timeout = setInterval(() => image_index++, 1200)" x-on:click="image_index++; clearTimeout(timeout); timeout = setTimeout(() => image_index++, 1200)" x-effect="if (image_index >= 10) image_index = 0"> <img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 0}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/0.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 1}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/1.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 2}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/2.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 3}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/3.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 4}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/4.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 5}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/5.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 6}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/6.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 7}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/7.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 8}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/8.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"><img class="w-full h-full aspect-video object-cover absolute left-0 top-0 cursor-pointer shadow" x-data="{image: 9}" x-show="image_index == image" x-on:error="image_index = 0" x-bind:src="'/assets/images/ediciones/segunda/slider/9.webp'" x-transition.opacity.duration.600ms loading="lazy" decoding="async"> </div> <div class="w-full sm:w-1/2 flex flex-col gap-2 justify-start items-center sm:items-start"> <p class="text-lg">  </p> <a class="w-full sm:w-fit text-center text-xl sm:text-lg border border-neutral-500 px-2 py-1 sm:py-[0.5px] transition-transform hover:translate-x-2 shadow-[5px_5px_#6868684b]" href="/ediciones/segunda">Ver mas...</a> </div> </div> </div> <h1 class="w-full text-2xl">TERCERA EDICIÓN - Proximamente el 21/04/2024</h1> </div>  </section> <section id="presentar" class="h-screen flex justify-start items-center gap-8 px-36"> <img scroll-parallax-y class="w-full h-full absolute left-0 top-0 object-cover" src="/assets/images/bg.webp" alt=""> <div class="font-sceageus text-xl sm:text-4xl w-full h-full flex flex-col gap-4 justify-center items-center"> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-violet-400 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">¿QUERES</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-neutral-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">PROYECTAR</a> </div> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-neutral-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">TU</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-red-500 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">CORTO</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-orange-300 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">EN</a> </div> <div class="flex gap-4"> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-indigo-200 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">NUESTRO</a> <a target="_blank" href="https://www.instagram.com/fondodecinefesti/" class="px-10 py-5 bg-teal-400 shadow-xl transition-transform hover:scale-[1.125] hover:z-10" href="#presentar">FESTI?</a> </div> </div> </section> <section id="apoyar" class="bg-neutral-100 w-full min-h-screen flex flex-col gap-4 px-10 sm:px-36 pt-20 !pb-20 !min-h-0 reñative overflow-hidden"> <h1 class="text-4xl w-full text-nowrap">APOYAR ❤️</h1>  <img class="absolute left-0 bottom-0 sm:top-0 translate-y-1/2 md:translate-x-1/2 md:translate-y-0 z-10" src="/assets/images/forms/6.png" alt="" loading="lazy"> <div class="flex flex-col items-center sm:items-start text-center sm:text-left gap-2 border-y border-neutral-400 py-6"> <div class="flex flex-col gap-1"> <p class="text-xl drop-shadow-outline-white">¿Queres ayudar al Fondo de Cine?</p> <p class="text-xl drop-shadow-outline-white">¡Puedes hacerlo a travez de Mercado Pago!</p> </div> <div class="flex justify-center items-center gap-1 w-fit text-lg"> <p class="drop-shadow-outline-white">Alias:</p> <p class="flex justify-center items-center px-1.5 py-0.5 border border-neutral-300 rounded-full bg-neutral-200">mmessein</p> </div> </div>  </section> </main> <footer class="border-t border-neutral-400"> <section class="bg-neutral-100 px-36 py-4 flex justify-between items-center"> <img src="/assets/images/logo.webp" class="w-28 h-28 aspect-square hidden sm:block" alt="" width="1" height="1" loading="lazy" decoding="async"> <div class="flex flex-col sm:flex-row gap-6 h-full justify-center items-center sm:items-start"> <div class="flex flex-col w-full sm:w-fit items-center justify-center sm:items-start"> <h3 class="font-semibold text-xl">CONTACTANOS</h3> <a class="flex justify-center items-center gap-1 opacity-50 transition-opacity hover:opacity-100 hover:underline" href="mailto:fondodecine@gmail.com" target="_blank"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="top-0.5" data-icon="ic:outline-email">  <symbol id="ai:ic:outline-email"><path fill="currentColor" d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z"/></symbol><use xlink:href="#ai:ic:outline-email"></use>  </svg> <p>fondodecine@gmail.com</p> </a> </div> <div class="flex flex-col w-full sm:w-fit items-center justify-center sm:items-start"> <h3 class="font-semibold text-xl">REDES</h3> <a class="flex justify-center items-center gap-1 opacity-50 transition-opacity hover:opacity-100 hover:underline" href="https://www.instagram.com/fondodecinefesti/" target="_blank"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="top-0.5" data-icon="fe:instagram">  <symbol id="ai:fe:instagram"><path fill="currentColor" fill-rule="evenodd" d="M12 2c-2.716 0-3.056.012-4.123.06c-1.064.049-1.791.218-2.427.465a4.901 4.901 0 0 0-1.772 1.153A4.902 4.902 0 0 0 2.525 5.45c-.247.636-.416 1.363-.465 2.427C2.011 8.944 2 9.284 2 12s.011 3.056.06 4.123c.049 1.064.218 1.791.465 2.427a4.903 4.903 0 0 0 1.153 1.772a4.903 4.903 0 0 0 1.772 1.153c.636.247 1.363.416 2.427.465c1.067.048 1.407.06 4.123.06s3.056-.012 4.123-.06c1.064-.049 1.791-.218 2.427-.465a4.902 4.902 0 0 0 1.772-1.153a4.902 4.902 0 0 0 1.153-1.772c.247-.636.416-1.363.465-2.427c.048-1.067.06-1.407.06-4.123s-.012-3.056-.06-4.123c-.049-1.064-.218-1.791-.465-2.427a4.902 4.902 0 0 0-1.153-1.772a4.901 4.901 0 0 0-1.772-1.153c-.636-.247-1.363-.416-2.427-.465C15.056 2.012 14.716 2 12 2m0 1.802c2.67 0 2.986.01 4.04.058c.976.045 1.505.207 1.858.344c.466.182.8.399 1.15.748c.35.35.566.684.748 1.15c.136.353.3.882.344 1.857c.048 1.055.058 1.37.058 4.041c0 2.67-.01 2.986-.058 4.04c-.045.976-.208 1.505-.344 1.858a3.1 3.1 0 0 1-.748 1.15c-.35.35-.684.566-1.15.748c-.353.136-.882.3-1.857.344c-1.054.048-1.37.058-4.041.058c-2.67 0-2.987-.01-4.04-.058c-.976-.045-1.505-.208-1.858-.344a3.098 3.098 0 0 1-1.15-.748a3.098 3.098 0 0 1-.748-1.15c-.137-.353-.3-.882-.344-1.857c-.048-1.055-.058-1.37-.058-4.041c0-2.67.01-2.986.058-4.04c.045-.976.207-1.505.344-1.858c.182-.466.399-.8.748-1.15c.35-.35.684-.566 1.15-.748c.353-.137.882-.3 1.857-.344c1.055-.048 1.37-.058 4.041-.058m0 11.531a3.333 3.333 0 1 1 0-6.666a3.333 3.333 0 0 1 0 6.666m0-8.468a5.135 5.135 0 1 0 0 10.27a5.135 5.135 0 0 0 0-10.27m6.538-.203a1.2 1.2 0 1 1-2.4 0a1.2 1.2 0 0 1 2.4 0"/></symbol><use xlink:href="#ai:fe:instagram"></use>  </svg> <p>Instagram</p> </a> </div> </div> </section> <section class="bg-neutral-900 text-neutral-200 py-2 px-2 flex flex-col items-center justify-center gap-1.5 sm:gap-0.5"> <p class="text-sm text-center">Copyright FONDO DE CINE - 2024. Todos los derechos reservados.</p> <h3 class="text-xs">Creado por <a href="https://github.com/lullaby6" target="_blank" class="underline">Lullaby6</a>.</h3> </section> </footer>  </body></html>
\ No newline at end of file
