#88 - strange footer behavior (#90)

* #88 - wip * #88 - wip * #88 - wip
blumilksoftware · Sep 24, 2024 · d93f724 · d93f724
1 parent cd7c5ce
commit d93f724
Showing 1 changed file with 31 additions and 35 deletions.
diff --git 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>