Smol UI tweaks

MauiDay · Dec 3, 2024 · 8952925 · 8952925
1 parent 381a336
commit 8952925
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 19 deletions.
diff --git a/src/components/about.astro b/src/components/about.astro
@@ -1,6 +1,6 @@
 ---
 ---
-<section id="about" class="bg-white py-16">
+<section id="about" class="bg-white py-24">
   <div
     class="container max-w-5xl mx-auto px-4 md:flex md:items-center md:gap-8"
   >

diff --git a/src/components/hero.astro b/src/components/hero.astro
@@ -29,6 +29,7 @@ const { ticketUrl } = config;
     <div class="flex space-x-4">
       <a
         href={`${ticketUrl}`}
+        target="_blank"
         class="bg-brand-extra font-bold text-white px-6 py-3 rounded-full text-md hover:bg-brand-extraDark"
         >Get a Ticket</a
       >

diff --git a/src/components/schedule.astro b/src/components/schedule.astro
@@ -50,7 +50,7 @@ try {
 }
 ---
 
-<section id="schedule" class="bg-white py-16">
+<section id="schedule" class="bg-white py-24">
     <!-- Content Container -->
     <div class="container max-w-4xl mx-auto px-4 text-center">
       <!-- Section Title -->
@@ -88,20 +88,7 @@ try {
                         </div>
                     </div>
                 </div>
-            </div>  
-            //     {session.startTime} - {session.endTime}
-            //   </p>
-            //   <p> ({session.duration}m)</p>
-            //   <h3 class="text-xl font-bold text-gray-800 mb-2">{session.title}</h3>
-            // </div>
-            // <p class="text-gray-500 text-sm">{session.speakers}</p>
-            // {session.speakerImages.map((image) => (
-            //   <img
-            //     src={image}
-            //     class="w-8 h-8 rounded-full border-2 border-white -ml-2"
-            //   />
-        //     ))}
-        //   </div>
+            </div>
         ))}
       </div>
       )}

diff --git a/src/components/speakers.astro b/src/components/speakers.astro
@@ -23,7 +23,7 @@ try {
   error = true;
 }
 ---
-<section id="speakers" class="bg-brand-dark py-16">
+<section id="speakers" class="bg-brand-dark py-24">
     <!-- Content Container -->
     <div class="container max-w-4xl mx-auto px-4 text-center">
       <!-- Section Title -->

diff --git a/src/components/sponsors.astro b/src/components/sponsors.astro
@@ -5,7 +5,7 @@ import type { Sponsor } from '../types';
 const config = await loadConfig();
 const sponsors: Sponsor[] = config.sponsors;
 ---
-<section id="sponsors" class="bg-white py-16 pb-0 px-0">
+<section id="sponsors" class="bg-white py-24 px-0">
     <!-- Content Container -->
     <div class="container max-w-4xl mx-auto px-4 text-center">
       <!-- Section Title -->
@@ -15,7 +15,7 @@ const sponsors: Sponsor[] = config.sponsors;
         Our awesome sponsors are what make this event possible. They help us to keep the event free and accessible to everyone. Please take a moment to check them out and show them some love.
       </p>
 
-      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 justify-center place-items-center">
+      <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-6 justify-center place-items-center">
         {sponsors.map((sponsor) => (
           <a
             href={sponsor.url}