Skip to content

Commit 5a9792f

Browse files
ashish10677farhaanbukhsh
ashish10677
authored and
farhaanbukhsh
committed
fix: align sponsors and communities section
Signed-off-by: Ashish Kumar Mishra <[email protected]> fix: revert to bg-lavender Signed-off-by: Ashish Kumar Mishra <[email protected]> fix: align hero section with other sections Signed-off-by: Ashish Kumar Mishra <[email protected]> fix: align hero.njk, communities.njk and sponsors.njk in same line Signed-off-by: Ashish Kumar Mishra <[email protected]> fix: community partner section Signed-off-by: Ashish Kumar Mishra <[email protected]> chore: add todo Signed-off-by: Ashish Kumar Mishra <[email protected]>
1 parent 6d91f2f commit 5a9792f

File tree

3 files changed

+42
-57
lines changed

3 files changed

+42
-57
lines changed

‎src/_includes/landing/communities.njk‎

Lines changed: 40 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,49 @@
11
{% from "components/button.njk" import button %}
2-
<section class="participating-communities relative bg-blue-600 px-4 md:px-8 lg:px-16 overflow-hidden -mt-0" id="communities">
3-
<div class="container mx-auto">
4-
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 py-8">
5-
<div class="flex flex-col gap-9">
6-
<h2 class="text-4xl text-white font-extrabold font-['Black_Han_Sans','sans-serif']">Participating Communities</h2>
7-
<p class="text-white text-xl font-['Acid_Grotesk','sans-serif'] leading-relaxed">
8-
Join PyCon India's Community Partner Program and support the vibrant Python community in India. Become a partner and contribute to the growth of Python enthusiasts.
9-
</p>
102

11-
<div class="w-fit">
12-
{{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true, env = env) }}
3+
<section class="bg-blue-600 text-white relative px-4 sm:px-20 md:px-40 pt-10" id="communities">
4+
<div class="mx-auto py-16">
5+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-10">
6+
<div>
7+
<h2 class="text-4xl font-extrabold mb-4">Participating Communities</h2>
8+
<p class="text-white text-base mb-6">
9+
Join PyCon India's Community Partner Program and support the vibrant Python community in India. Become a partner and contribute to the growth of Python enthusiasts.
10+
</p>
11+
{{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true, env = env) }}
12+
</div>
13+
<div class="hidden md:flex justify-end -mt-32">
14+
<div class="w-96 h-96 bg-contain bg-center bg-no-repeat transition-all duration-300 animate-bounce-slow" style="background-image: url('{{ env.baseUrl }}img/assets/bulb-illustration.svg');"></div>
15+
</div>
1316
</div>
14-
</div>
15-
<div class="hidden lg:block relative h-[420px]">
16-
<div class="absolute inset-0 bg-contain bg-center bg-no-repeat transition-all duration-300 animate-bounce-slow" style="background-image: url('/img/assets/bulb-illustration.svg');"></div>
17-
</div>
1817
</div>
19-
<div class="mt-10">
20-
<div class="flex flex-wrap w-full">
21-
{% for i in range(0, 6) %}
22-
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white border border-black">
23-
<a href="{{ partners[i].link }}" target="_blank" rel="noopener noreferrer">
24-
<img src="{{ env.baseUrl }}{{ partners[i].image }}" alt={{ partners[i].name }} class="border-black w-full h-full object-contain">
25-
</a>
26-
</div>
27-
{% endfor %}
28-
</div>
18+
19+
<div class="md:hidden flex justify-center pb-10">
20+
<div class="bg-contain bg-center bg-no-repeat transition-all duration-300 animate-float w-48 h-48" style="background-image: url('{{ env.baseUrl }}img/assets/bulb-illustration.svg');"></div>
2921
</div>
30-
</div>
31-
</section>
32-
<section class="bg-lavender px-4 md:px-8 lg:px-16">
33-
<div class="container mx-auto">
34-
<div class="flex flex-wrap w-full">
35-
{% for i in range(6, 12) %}
36-
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white border border-black">
37-
<a href="{{ partners[i].link }}" target="_blank" rel="noopener noreferrer">
38-
<img src="{{ env.baseUrl }}{{ partners[i].image }}" alt={{ partners[i].name }} class="border-black w-full h-full object-contain">
39-
</a>
40-
</div>
41-
{% endfor %}
42-
</div>
43-
</div>
44-
</section>
45-
<section class="bg-lavender px-4 md:px-8 lg:px-16">
46-
<div class="container mx-auto">
47-
<div class="flex flex-wrap w-full">
48-
{% for i in range(0, 6) %}
49-
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-lavender">
50-
</div>
51-
{% endfor %}
22+
<div>
23+
<div class="mx-auto">
24+
<div class="flex flex-wrap w-full">
25+
{% for i in range(0, 6) %}
26+
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white border border-black">
27+
<a href="{{ partners[i].link }}" target="_blank" rel="noopener noreferrer">
28+
<img src="{{ env.baseUrl }}{{ partners[i].image }}" alt={{ partners[i].name }} class="border-black w-full h-full object-contain">
29+
</a>
30+
</div>
31+
{% endfor %}
32+
</div>
33+
</div>
5234
</div>
53-
</div>
5435
</section>
55-
<section class="bg-lavender px-4 md:px-8 lg:px-16">
56-
<div class="container mx-auto">
57-
<div class="flex flex-wrap w-full">
58-
{% for i in range(0, 6) %}
59-
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-lavender">
60-
</div>
61-
{% endfor %}
36+
<!-- TODO: Remove padding once twitter wall is added -->
37+
<section class="bg-lavender px-4 sm:px-20 md:px-40 pb-56">
38+
<div class="mx-auto">
39+
<div class="flex flex-wrap w-full">
40+
{% for i in range(6, 12) %}
41+
<div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white border border-black">
42+
<a href="{{ partners[i].link }}" target="_blank" rel="noopener noreferrer">
43+
<img src="{{ env.baseUrl }}{{ partners[i].image }}" alt={{ partners[i].name }} class="border-black w-full h-full object-contain">
44+
</a>
45+
</div>
46+
{% endfor %}
47+
</div>
6248
</div>
63-
</div>
6449
</section>

‎src/_includes/landing/hero.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,4 @@
2727
{{ button(text="Program Guide", url="#") }}
2828
{{ button(text="Dev Sprint", url="#") }}
2929
</div> #}
30-
</div>
30+
</div>

‎src/_includes/landing/sponsors.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,4 +53,4 @@
5353
class="w-48 relative transition-all duration-300 animate-float"
5454
/>
5555
</div>
56-
</section>
56+
</section>

0 commit comments

Comments
 (0)