@@ -6,45 +6,44 @@ layout: base.njk
66
77{% from " components/img-container.njk" import imgContainer %}
88
9- <div class =" w-full h-auto px-[6%] -mb-16 md:mb-0 flex flex-col md:flex-row" >
9+ <div class =" w-full h-auto bg-pycon-blue px-[6%] -mb-16 md:mb-0 flex flex-col md:flex-row" >
1010 <div class =" pt-32 pb-8 md:pb-32 w-full lg:w-[70%]" >
11- <div class =" black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000 ] text-center lg:text-left" >
11+ <div class =" black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#FFFFFF ] text-center lg:text-left" >
1212 Speakers
1313 </div >
14+ <div class =" text-md lg:text-xl pt-12 text-[#FFFFFF] lg:pr-10 text-justify" >
15+ <p >Meet the inspiring speakers who will share their knowledge, experiences, and insights at PyCon India 2025.</p >
16+ </div >
1417 </div >
15- <div class =" lg:w-[30%] w-[80%] lg:mt-40 items-center justify-center mx-auto hidden lg:block " >
16- <img src =" {{ env.baseUrl }}img/assets/tetris-stars .svg" alt =" Guide" class =" w-[80%] transition-transform duration-100" style =" animation : floating 2s ease-in-out infinite ;" >
18+ <div class =" lg:w-[30%] w-[80%] lg:mt-32 flex items-center justify-center mx-auto" >
19+ <img src =" {{ env.baseUrl }}img/assets/guide .svg" alt =" Scholarship Guide" class =" w-[80%] transition-transform duration-100" style =" animation : floating 2s ease-in-out infinite ;" >
1720 </div >
1821</div >
1922
2023
21- <div class =" main-container pt-48 pb-72 lg:pb-40 md:pt-16 w-full text-black h-auto px-[6%]" >
22- <div class =" grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-10 ml-4" >
24+ <div class =" main-container bg-lavender pt-48 pb-72 lg:pb-40 md:pt-16 w-full text-black h-auto px-[6%]" >
25+ <div class =" grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-10 gap-y-16 ml-4 pt-10 " >
2326 {% for person in speakers %}
24- <div class =" lex flex-col items-center pb-4 transition-transform duration-300 hover:-translate-y-2" >
25- <div class =" md:items-start " >
27+ <div class =" flex flex-col items-center pb-4 transition-transform duration-300 hover:-translate-y-2" >
28+ <div class =" mx-auto " >
2629 <!-- Responsive Image with 4:3 ratio -->
27- <div class =" w-60 h-48 relative group" >
28- <div class =" absolute inset-0" >
29- <div class =" w-full h-full" >
30- {% if person .imageLink %}
31- {{ imgContainer (width = 180, height = 180, depth = 12, frontBg = " lavender" , leftBg = " purple" , topBg = " purple" , url = person .imageLink ) }}
32- {% else %}
33- {{ imgContainer (width = 180, height = 180, depth = 12, frontBg = " lavender" , leftBg = " purple" , topBg = " purple" , url = " https://in.pycon.org/2024/image/ZadraSol.webp" ) }}
34- {% endif %}
35- </div >
30+ <div class =" w-60 h-auto relative group mx-auto" >
31+ <div class =" w-full h-full" >
32+ {% set image_url = person .imageLink if person .imageLink else " https://in.pycon.org/2024/image/ZadraSol.webp" %}
33+ <a href =" https://cfp.in.pycon.org/2025/speaker/{{ person.code }}/" >
34+ {{ imgContainer (width = 200, height = 200, depth = 12, frontBg = " lavender" , leftBg = " purple" , topBg = " purple" , url = image_url ) }}
35+ </a >
3636 </div >
3737 </div >
3838
3939 <!-- Name -->
40- <p class =" mt-2 ml-2 mr-4 mb-1 text-xl font-light text-left w-52" >{{ person .name }} </p >
40+ <p class =" mt-2 mb-1 text-xl font-light w-52 pl-2 text-left " >{{ person .name }} </p >
4141
4242 <!-- Title -->
43- {% if person .title %}
44- <p class =" mt-1 ml-2 mr-4 mb-1 text-xs font-light text-left w-52" >{{ person .title }} </p >
45- {% endif %}
43+ <p class =" mt-2 mb-1 text-xs font-light w-52 pl-2 text-left" >{{ person .title }} </p >
44+
4645 <!-- Socials -->
47- <div class =" flex ml-2 mr-4 justify-left items-start gap-1 md:gap-4 flex-wrap w-52" >
46+ <div class =" flex justify-start items-start gap-1 md:gap-4 flex-wrap w-52 pl-2 text-left " >
4847 {% if person .socials .linkedin %}
4948 <a href =" {{ person.socials.linkedin }}" target =" _blank" aria-label =" LinkedIn" class =" p-1 rounded-full outline outline-1 outline-lime-300 flex justify-center items-center hover:scale-110 hover:text-[#4E62F5] transition-transform duration-200 no-underline" >
5049 <i class =" fab fa-linkedin text-md md:text-xl" ></i >
@@ -56,7 +55,7 @@ layout: base.njk
5655 </a >
5756 {% endif %}
5857 {% if person .socials .x %}
59- <a href =" {{ person.socials.twitter }}" target =" _blank" aria-label =" Twitter " class =" p-1 rounded-full outline outline-1 outline-lime-300 flex justify-center items-center hover:scale-110 hover:text-[#4E62F5] transition-transform duration-200 no-underline" >
58+ <a href =" {{ person.socials.x }}" target =" _blank" aria-label =" X " class =" p-1 rounded-full outline outline-1 outline-lime-300 flex justify-center items-center hover:scale-110 hover:text-[#4E62F5] transition-transform duration-200 no-underline" >
6059 <i class =" fab fa-x-twitter text-md md:text-xl" ></i >
6160 </a >
6261 {% endif %}
0 commit comments