Skip to content

Commit 21004f7

Browse files
anistarkfarhaanbukhsh
anistark
authored and
farhaanbukhsh
committed
fixing sizes
1 parent a84d5f0 commit 21004f7

File tree

1 file changed

+28
-93
lines changed

1 file changed

+28
-93
lines changed

‎src/_includes/landing/keynotes.njk

Lines changed: 28 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,117 +1,52 @@
11
{% from "components/cube.njk" import cube %}
22

3-
<section class="relative bg-lavender text-black w-full pb-12 md:px-40 lg:px-28 xl:px-40 lg:pb-40">
4-
<div class="black-han-sans-regular md:justify-center md:text-center pt-28 pb-8 md:pt-24 font-normal text-4xl lg:text-5xl text-[#000000] text-center lg:text-left">
3+
<section class="relative bg-lavender text-black w-full pb-12 px-4 md:px-40 lg:px-28 xl:px-40 lg:pb-40" id="keynotes">
4+
<div class="black-han-sans-regular text-center lg:text-left pt-28 pb-8 md:pt-24 font-normal text-4xl lg:text-5xl text-[#000000]">
55
Keynote Speakers
66
</div>
7-
<div class="lg:flex xl:flex pt-10 lg:pl-2 xl:pl-12 hidden md:hidden">
8-
<div class="flex items-center justify-left w-full h-full">
9-
<img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-1/4 h-1/4 object-contain">
10-
</div>
11-
{#
12-
<div class="group relative motion-safe:transform motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out motion-safe:translate-y-20 translate-x-0 ml-7 z-10" data-cube="2">
13-
{% call cube(dimen=200, bg="lime") -%}
14-
<div class="flex items-center justify-center w-full h-full">
15-
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
16-
</div>
17-
{%- endcall %}
18-
<p>Announcing Soon!</p>
19-
</div>
20-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:translate-y-12 transition duration-700 ease-in-out ml-7" data-cube="3">
21-
{% call cube(dimen=200, bg="purple") -%}
22-
<div class="flex items-center justify-center w-full h-full">
23-
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
24-
</div>
25-
{%- endcall %}
26-
<p>Announcing Soon!</p>
27-
</div>
28-
<div class="group relative motion-safe:transform motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out motion-safe:translate-y-20 ml-7" data-cube="4">
29-
{% call cube(dimen=200, bg="lime") -%}
7+
8+
<div class="flex flex-col md:flex-row md:flex-wrap lg:flex-nowrap items-center justify-center lg:justify-start gap-8 md:gap-12 lg:gap-8 pt-10 lg:pl-2 xl:pl-12">
9+
<div class="flex-shrink-0">
10+
<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">
3011
<div class="flex items-center justify-center w-full h-full">
31-
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
12+
<img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png"
13+
alt="Katharine Jarmul"
14+
class="w-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
3215
</div>
33-
{%- endcall %}
34-
<p>Announcing Soon!</p>
35-
</div>
36-
#}
37-
</div>
38-
<!-- Medium Devices -->
39-
<div class="md:flex flex-col pb-20 pl-12 space-y-44 lg:hidden hidden">
40-
<div class="flex justify-start">
41-
<div class="flex items-center justify-left w-full h-full">
42-
<img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
43-
</div>
44-
</div>
45-
{#
46-
<div class="group relative motion-safe:transform motion-safe:hover:translate-y-48 ml-28 transition duration-700 ease-in-out">
47-
{% call cube(dimen=200, bg="lime") -%}
48-
<div class="flex items-center justify-center w-full h-full">
49-
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
50-
</div>
51-
{%- endcall %}
52-
<p>Announcing Soon!</p>
5316
</div>
5417
</div>
55-
<div class="flex justify-start">
56-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out">
57-
{% call cube(dimen=200, bg="purple") -%}
18+
19+
{# <div class="flex-shrink-0">
20+
<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">
21+
{% call cube(dimen=256, bg="lime") -%}
5822
<div class="flex items-center justify-center w-full h-full">
5923
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
6024
</div>
6125
{%- endcall %}
62-
<p>Announcing Soon!</p>
26+
<p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
6327
</div>
64-
<div class="group relative motion-safe:transform motion-safe:hover:translate-y-48 ml-28 transition duration-700 ease-in-out">
65-
{% call cube(dimen=200, bg="lime") -%}
28+
</div> #}
29+
30+
{# <div class="flex-shrink-0">
31+
<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">
32+
{% call cube(dimen=256, bg="purple") -%}
6633
<div class="flex items-center justify-center w-full h-full">
6734
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
6835
</div>
6936
{%- endcall %}
70-
<p>Announcing Soon!</p>
71-
</div>
72-
#}
73-
</div>
74-
</div>
75-
<!-- Small Devices -->
76-
<div class="flex flex-col space-y-20 px-4 pt-16 pb-16 items-center md:hidden">
77-
<div class="flex-shrink-0">
78-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out" data-cube="1">
79-
<div class="flex items-center justify-left w-full h-full">
80-
<img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
81-
</div>
82-
</div>
83-
</div>
84-
{#
85-
<div class="flex-shrink-0">
86-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out" data-cube="1">
87-
{% call cube(width=214, height=208, depth=31, bg="purple") -%}
88-
<div class="flex items-center justify-center w-full h-full">
89-
<img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-3/4 h-3/4 object-contain">
90-
</div>
91-
{%- endcall %}
92-
<p>Announcing Soon!</p>
37+
<p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
9338
</div>
94-
</div>
95-
<div class="flex-shrink-0">
96-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out" data-cube="1">
97-
{% call cube(width=214, height=208, depth=31, bg="purple") -%}
98-
<div class="flex items-center justify-center w-full h-full">
99-
<img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-3/4 h-3/4 object-contain">
100-
</div>
101-
{%- endcall %}
102-
<p>Announcing Soon!</p>
103-
</div>
104-
</div>
105-
<div class="flex-shrink-0">
106-
<div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out" data-cube="1">
107-
{% call cube(width=214, height=208, depth=31, bg="purple") -%}
39+
</div> #}
40+
41+
{# <div class="flex-shrink-0">
42+
<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">
43+
{% call cube(dimen=256, bg="lime") -%}
10844
<div class="flex items-center justify-center w-full h-full">
109-
<img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-3/4 h-3/4 object-contain">
45+
<img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
11046
</div>
11147
{%- endcall %}
112-
<p>Announcing Soon!</p>
48+
<p class="text-center mt-4 text-sm md:text-base">Announcing Soon!</p>
11349
</div>
114-
</div>
115-
#}
50+
</div> #}
11651
</div>
11752
</section>

0 commit comments

Comments
 (0)