fix: speaker styling

nedpals · Jun 8, 2024 · 84fcba7 · 84fcba7
1 parent 0cce6bf
commit 84fcba7
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/template-parts/landing-page/speakers.php b/template-parts/landing-page/speakers.php
@@ -15,26 +15,25 @@ class="absolute top-0 inset-x-0 bg-no-repeat bg-cover bg-left h-full w-full"></d
 
     <div class="relative pt-4">
         <div class="swiper" data-swiper-autoplay="1000">
-            <div class="swiper-wrapper speakers-list flex-1 flex items-center pt-8">
+            <div class="swiper-wrapper speakers-list flex-1 flex items-stretch pt-8">
 		        <?php foreach ($speakers as $speaker) { ?>
-                    <div class="swiper-slide max-w-[24rem] px-2 pb-2 pt-32">
+                    <div class="swiper-slide max-w-[24rem] h-full px-2 pb-2 pt-32">
                         <div class="flex flex-col items-center border border-white/20 bg-white/10 rounded-2xl">
                             <!-- image goes here -->
-                            <div
-                                    class="flex items-center justify-center bg-contain bg-center bg-no-repeat h-96 w-full max-w-[24rem] -mt-32"
-                                    style="background-image: url(<?php devcon_msummit2024_get_asset_url('speaker_bg.png'); ?>)">
+                            <div class="flex items-center justify-center bg-contain bg-center bg-no-repeat h-96 w-full max-w-[24rem] -mt-32"
+                                 style="background-image: url(<?php devcon_msummit2024_get_asset_url('speaker_bg.png'); ?>)">
                                 <img src="<?php echo $speaker['photo'] ?>"
                                      class="h-64 w-auto object-cover"
                                      alt="<?php echo $speaker['name'] ?>">
                             </div>
 
                             <div class="flex flex-col items-center text-center space-y-12 px-6 pb-10 -mt-12">
                                 <div class="space-y-2">
-                                    <h3 class="uppercase text-2xl tracking-wide font-bold"><?php echo $speaker['name'] ?></h3>
-                                    <p class="uppercase font-semibold"><?php echo $speaker['position'] ?></p>
+                                    <h3 class="uppercase text-3xl tracking-wide font-bold"><?php echo $speaker['name'] ?></h3>
+                                    <p class="uppercase font-medium"><?php echo $speaker['position'] ?></p>
                                 </div>
 
-                                <p class="text-light text-sm"><?php echo $speaker['bio'] ?></p>
+<!--                                <p class="text-light text-sm">--><?php //echo $speaker['bio'] ?><!--</p>-->
                             </div>
                         </div>
                     </div>