fix: change event to PythonAsia 2026, fix image dimensions, and remov…

app/home/templates/home/sections/speakers-section.html

@@ -1,26 +1,26 @@
 {% load static %}
 {% if featured_speakers or speakers %}
 <section id="speakers" class="bg-white px-[4%]">
- <div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto">
+ <div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto pb-[60px]">
  <div class="px-6 flex flex-col gap-8 py-20">
  <h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Keynote Speakers</h2>
  <p class="text-4xl font-bold mb-0 font-bantayog text-brown-1 uppercase text-center">
  Discover our keynote speakers
- for PyCon Philippines 2025
+ for PythonAsia 2026
  </p>
  </div>
  <div class="keynote-speakers-wrapper flex justify-center items-center gap-[30px] flex-wrap">
 {% for speaker in featured_speakers %}
  <div
- class="rounded-[24px] {% cycle 'bg-cream-1' 'bg-cream-2' 'bg-cream-3' %} flex flex-col sm:flex-row gap-10 w-full max-w-[100%] lg:max-w-[48%] grow items-center"
+ class="rounded-[24px] bg-cream-1flex flex-col sm:flex-row gap-10 w-full max-w-[100%] lg:max-w-[48%] grow items-stretch"
  style="padding: 30px">
- <div class="overflow-hidden flex-shrink-0 w-[230px]">
+ <div class="overflow-hidden flex-shrink-0 w-[230px] flex items-center justify-center">
 {% if speaker.photo_url %}
- <img src="{{speaker.photo_url }}" class="w-full object-cover rounded-[85px]"
- alt="{{speaker.full_name }} - Image" width="230" height="230">
+ <img src="{{speaker.photo_url }}" class="w-[230px] h-[230px] object-cover rounded-[85px]"
+ alt="{{speaker.full_name }} - Image" style="height: 230px;">
 {% else %}
- <img src="{% static 'img/speakers/speakers-img-1.jpg' %}" class="w-full object-cover rounded-[85px]"
- alt="{{speaker.full_name }} - Image" width="230" height="230">
+ <img src="#" class="w-[230px] h-[230px] object-cover rounded-[85px]"
+ alt="{{speaker.full_name }} - Image" style="height: 230px;">
 {% endif %}
  </div>
  <div>
@@ -40,24 +40,25 @@ <h3 class="font-bantayog text-brown-1 text-2xl uppercase">{{speaker.full_name }
 {% endfor %}
  </div>
  </div>
- <div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto mt-[120px] pb-[90px]">
+{% if speakers %}
+ <div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto mt-[60px] pb-[90px]">
  <div class="px-6 flex flex-col gap-8">
  <h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Speakers</h2>
  <p class="text-4xl font-bold mb-0 font-bantayog text-brown-1 uppercase text-center">
  Discover our speakers for
-PyCon Philippines 2024
+PythonAsia 2026
  </p>
  </div>
  <div class="speakers-wrapper flex items-center gap-[30px] flex-row flex-wrap justify-between">
 {% for speaker in speakers %}
  <div class="rounded-[24px] flex flex-col gap-5 w-full max-w-[100%] lg:max-w-[250px] grow items-center">
- <div class="overflow-hidden flex-shrink-0 w-[250px]">
+ <div class="overflow-hidden flex-shrink-0 w-[250px] h-[250px]">
 {% if speaker.photo_url %}
- <img src="{{speaker.photo_url }}" class="w-full object-cover rounded-[85px]"
- alt="{{speaker.full_name }} - Image" width="250" height="250">
+ <img src="{{speaker.photo_url }}" class="w-[250px] h-[250px] object-cover rounded-[85px]"
+ alt="{{speaker.full_name }} - Image" style="height: 250px;">
 {% else %}
- <img src="{% static 'img/speakers/speakers-img-1.jpg' %}" class="w-full object-cover rounded-[85px]"
- alt="{{speaker.full_name }} - Image" width="250" height="250">
+ <img src="#" class="w-[250px] h-[250px] object-cover rounded-[85px]"
+ alt="{{speaker.full_name }} - Image" style="height: 250px;">
 {% endif %}
  </div>
  <div>
@@ -75,5 +76,6 @@ <h3 class="font-bantayog text-brown-1 text-2xl uppercase">{{speaker.full_name }
 {% endfor %}
  </div>
  </div>
+{% endif %}
 </section>
 {% endif %}