From d93f724b7b1c9345dd56c7464446d7769b0d0db6 Mon Sep 17 00:00:00 2001
From: Ewelina Skrzypacz <56546832+EwelinaSkrzypacz@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:56:20 +0200
Subject: [PATCH] #88 - strange footer behavior (#90)

* #88 - wip

* #88 - wip

* #88 - wip
---
 public/index.html | 66 ++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 35 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4d1e179..edcb642 100644
--- a/public/index.html
+++ b/public/index.html
@@ -802,12 +802,7 @@ <h2 class="pl-4 text-2xl font-bold">O czym?</h2>
         </button>
       </div>
     </section>
-    <section
-      x-data="{ selectedImage: null, navigateToPastMeetup(meetupId) {
-    window.open(`meetup.html?meetupId=${meetupId}`, '_blank');
-  }}"
-      id="poprzednieMeetupy"
-    >
+    <section x-data="{ selectedImage: null }" id="poprzednieMeetupy">
       <template x-if="pastMeetups.length > 0">
         <div class="relative max-w-screen-2xl flex-col text-white lg:mx-auto">
           <div class="flex flex-col" id="previousEditions">
@@ -824,35 +819,36 @@ <h2 class="pl-4 text-2xl font-bold">O czym?</h2>
               class="w-max-2xl flex shrink flex-col divide-y divide-y-reverse divide-slate-100/25 rounded-2xl px-4 pt-2"
             >
               <template x-for="meetup in pastMeetups">
-                <div
-                  class="flex cursor-pointer flex-row items-center py-4 lg:py-10"
-                  @click="navigateToPastMeetup(meetup.id)"
-                >
-                  <div
-                    class="text-2xl font-bold text-green-500 lg:text-4xl"
-                    x-text="meetup.formattedDate"
-                  ></div>
+                <a :href="`meetup.html?meetupId=${meetup.id}`" target="_blank">
                   <div
-                    class="pl-4 text-base font-bold lg:px-8"
-                    x-text="meetup.title"
-                  ></div>
-                  <div class="flex flex-grow justify-end pr-4">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke-width="1.5"
-                      stroke="currentColor"
-                      class="h-6 w-6 -rotate-90"
-                    >
-                      <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        d="m19.5 8.25-7.5 7.5-7.5-7.5"
-                      />
-                    </svg>
+                    class="grid grid-cols-[180px,1fr,auto] items-center py-4 lg:py-10"
+                  >
+                    <div
+                      class="text-2xl font-bold text-green-500 lg:text-4xl"
+                      x-text="meetup.formattedDate"
+                    ></div>
+                    <div
+                      class="pl-4 text-base font-bold lg:px-8"
+                      x-text="meetup.title"
+                    ></div>
+                    <div class="flex justify-end pr-4">
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke-width="1.5"
+                        stroke="currentColor"
+                        class="h-6 w-6 -rotate-90"
+                      >
+                        <path
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="m19.5 8.25-7.5 7.5-7.5-7.5"
+                        />
+                      </svg>
+                    </div>
                   </div>
-                </div>
+                </a>
               </template>
             </div>
           </div>
@@ -1104,10 +1100,10 @@ <h2 class="pt-10 text-center text-5xl font-bold lg:text-6xl">
           </div>
         </div>
         <div
-          class="absolute bottom-0 right-0 z-10 -mr-[25em] hidden h-[24em] overflow-hidden lg:block 3xl:-mr-[20em] 4xl:-mr-[15em]"
+          class="absolute bottom-0 right-0 z-10 -mr-[15em] hidden h-[16em] overflow-hidden lg:block 3xl:-mr-[10em] 4xl:-mr-[5em]"
         >
           <div
-            class="size-[56em] rounded-full border-[96px] border-violet-700 4xl:size-[74em]"
+            class="size-[56em] rounded-full border-[86px] border-violet-700 4xl:size-[74em]"
           ></div>
         </div>
       </div>