Merge pull request #133 from ashish10677/keynote/reuven-lerner-keynote-announcement

feat: add Reuven Lerner as the third keynote speaker

Author: sayanchowdhury

src/_includes/landing/keynotes.njk

@@ -11,7 +11,7 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" 
                          alt="Katharine Jarmul" 
-                         class="w-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
+                         class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
                 </div>
             </div>
         </div>
@@ -20,41 +20,18 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/dawnwages.png"
                          alt="Dawn Wages"
-                         class="w-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
+                         class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
                 </div>
             </div>
         </div>
-        {# <div class="flex-shrink-0">
-            <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:translate-y-6 md:motion-safe:hover:translate-y-12 transition duration-700 ease-in-out">
-                {% call cube(dimen=256, bg="lime") -%}
-                    <div class="flex items-center justify-center w-full h-full">
-                        <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
-                    </div>
-                {%- endcall %}
-                <p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
-            </div>
-        </div> #}
-
-        {# <div class="flex-shrink-0">
+        <div class="flex-shrink-0">
             <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-6 md:motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out">
-                {% call cube(dimen=256, bg="purple") -%}
-                    <div class="flex items-center justify-center w-full h-full">
-                        <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
-                    </div>
-                {%- endcall %}
-                <p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
-            </div>
-        </div> #}
-
-        {# <div class="flex-shrink-0">
-            <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:translate-y-6 md:motion-safe:hover:translate-y-12 transition duration-700 ease-in-out">
-                {% call cube(dimen=256, bg="lime") -%}
-                    <div class="flex items-center justify-center w-full h-full">
-                        <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
-                    </div>
-                {%- endcall %}
-                <p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
+                <div class="flex items-center justify-center w-full h-full">
+                    <img src="{{ env.baseUrl }}img/speakers/reuvenlerner.png" 
+                        alt="Reuven Lerner" 
+                        class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
+                </div>
             </div>
-        </div> #}
+        </div>
     </div>
 </section>