Skip to content

Commit b2e3ac7

Browse files
Astraxx04farhaanbukhsh
Astraxx04
authored and
farhaanbukhsh
committed
Improvements to job postings section and footer
1 parent 0af6ce4 commit b2e3ac7

File tree

6 files changed

+65
-71
lines changed

6 files changed

+65
-71
lines changed

‎src/_includes/footer.njk

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{% from "components/button.njk" import button %}
22
<footer class="bg-pycon-blue flex text-white mb-0 bottom-0 w-full relative">
3-
<div class="relative mx-[6%] md:mx-[12%] mt-24 pb-8 md:pt-20 md:pb-12 w-full md:w-auto">
4-
<div class="xl:scale-125 text-center md:text-left">
3+
<div class="relative px-[6%] mt-24 pb-8 md:pt-20 md:pb-12 w-full md:w-auto">
4+
<div class="text-center md:text-left">
55
{{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true, env = env) }}
66
</div>
7-
<div class="relative mt-10 pb-4 xl:scale-125 scale-100">
7+
<div class="relative mt-10 pb-4 scale-100">
88
<div class="text-[#D7FF7B] text-lg md:text-2xl font-normal leading-tight md:leading-loose text-center md:text-left">Connect Us on</div>
99
<div class="flex justify-center md:justify-start items-center gap-4 mt-2">
1010
<div class="flex justify-center items-center">
@@ -45,12 +45,12 @@
4545
</div>
4646
</div>
4747

48-
<div class="relative text-sm text-[#D7FF7B] pt-2 xl:scale-125 scale-100 text-center md:text-left">
48+
<div class="relative text-sm text-[#D7FF7B] pt-2 scale-100 text-center md:text-left">
4949
<p>Copyright © 2025 PyCon India</p>
5050
</div>
5151
</div>
5252
<div class="absolute inset-0 flex pb-4 justify-center md:justify-end items-end pointer-events-none">
53-
<img src="{{ env.baseUrl }}img/logo.png" alt="PYCON 2025" class="w-[150px] sm:w-[350px] lg:w-[500px] pb-64 lg:pb-16 xl:pb-16 md:mr-30 xl:mr-50 transition-transform duration-100" style="animation: floating-logo 2s ease-in-out infinite;"/>
53+
<img src="{{ env.baseUrl }}img/logo.png" alt="PYCON 2025" class="w-[150px] md:w-[350px] lg:w-[480px] pb-72 lg:pb-28 xl:pb-32 md:mr-12 xl:mr-12 transition-transform duration-100" style="animation: floating-logo 2s ease-in-out infinite;"/>
5454
</div>
5555
</footer>
5656

‎src/_includes/landing/communities.njk

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{% from "components/button.njk" import button %}
22

3-
<section class="bg-pycon-blue text-white relative px-4 sm:px-20 md:px-40 pt-10" id="communities">
3+
<section class="bg-pycon-blue text-white relative px-[6%] pt-10" id="communities">
44
<div class="mx-auto py-16">
55
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-10">
66
<div>
7-
<h2 class="text-4xl font-extrabold mb-4">Participating Communities</h2>
7+
<h2 class="black-han-sans-regular text-center lg:text-left font-normal text-4xl lg:text-5xl pb-4">Participating Communities</h2>
88
<p class="text-white text-base mb-6">
99
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.
1010
</p>
@@ -34,7 +34,7 @@
3434
</div>
3535
</section>
3636
<!-- TODO: Remove padding once twitter wall is added -->
37-
<section class="bg-lavender px-4 sm:px-20 md:px-40 pb-56">
37+
<section class="bg-lavender px-[6%] pb-56">
3838
<div class="mx-auto">
3939
<div class="flex flex-wrap w-full">
4040
{% for i in range(6, 12) %}

‎src/_includes/landing/hero.njk

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33

44
{% set events = event_schedule %}
55

6-
<div class="bg-pycon-blue w-full py-16 px-4 sm:px-20 md:px-40 -mt-1 flex flex-col md:flex-row gap-2 justify-between">
6+
<div class="bg-pycon-blue w-full py-16 px-[6%] -mt-1 flex flex-col md:flex-row gap-2 justify-between">
77
<div class="w-full">
8-
<div class="flex justify-between w-full items-center">
9-
<h1 class="text-white text-4xl sm:text-5xl font-extrabold leading-tight">
8+
<div class="flex justify-between w-full items-center text-[#FFFFFF]">
9+
<h1 class="black-han-sans-regular text-center lg:text-left font-normal text-4xl lg:text-5xl pb-4">
1010
PYCON <br/>
11-
<span class="text-white">INDIA 2025</span>
11+
<span class="black-han-sans-regular text-center lg:text-left font-normal text-4xl lg:text-5xl pb-4">INDIA 2025</span>
1212
</h1>
1313
</div>
1414
<p class="text-white text-md sm:text-lg max-w-xl leading-relaxed">

‎src/_includes/landing/keynotes.njk

Lines changed: 31 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,38 @@
1-
<section class="relative bg-lavender text-black w-full pb-12 px-4 md:px-8 lg:px-16 xl:px-28 lgx:px-40 lg:pb-40" id="keynotes">
1+
{% set keynote_speakers = [
2+
{
3+
"name": "Katharine Jarmul",
4+
"image": "img/speakers/katharinejarmul.png",
5+
"alt": "Katharine Jarmul"
6+
},
7+
{
8+
"name": "Dawn Wages",
9+
"image": "img/speakers/dawnwages.png",
10+
"alt": "Dawn Wages"
11+
},
12+
{
13+
"name": "Reuven Lerner",
14+
"image": "img/speakers/reuvenlerner.png",
15+
"alt": "Reuven Lerner"
16+
},
17+
{
18+
"name": "Shakthi Kannan",
19+
"image": "img/speakers/shakthikannan.png",
20+
"alt": "Shakthi Kannan"
21+
}
22+
] %}
23+
24+
<section class="relative bg-lavender text-black w-full pb-12 px-[6%] lg:pb-24" id="keynotes">
225
<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]">
326
Keynote Speakers
427
</div>
528

6-
<div class="flex flex-col md:flex-row flex-wrap lgx:flex-nowrap items-center justify-center gap-8 md:gap-12 lg:gap-8 pt-10">
7-
<div class="flex-shrink-0">
8-
<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">
9-
<div class="flex items-center justify-center w-full h-full">
10-
<img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png"
11-
alt="Katharine Jarmul"
12-
class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
13-
</div>
14-
</div>
15-
</div>
16-
<div class="flex-shrink-0">
17-
<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">
18-
<div class="flex items-center justify-center w-full h-full">
19-
<img src="{{ env.baseUrl }}img/speakers/dawnwages.png"
20-
alt="Dawn Wages"
21-
class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
22-
</div>
23-
</div>
24-
</div>
25-
<div class="flex-shrink-0">
26-
<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">
27-
<div class="flex items-center justify-center w-full h-full">
28-
<img src="{{ env.baseUrl }}img/speakers/reuvenlerner.png"
29-
alt="Reuven Lerner"
30-
class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
31-
</div>
32-
</div>
33-
</div>
34-
<div class="flex-shrink-0">
35-
<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">
36-
<div class="flex items-center justify-center w-full h-full">
37-
<img src="{{ env.baseUrl }}img/speakers/shakthikannan.png"
38-
alt="Shakthi Kannan"
39-
class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
40-
</div>
41-
</div>
29+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-0 justify-items-center w-full">
30+
{% for speaker in keynote_speakers %}
31+
<div class="group relative transition duration-700 ease-in-out motion-safe:transform motion-safe:hover:-translate-y-6 md:motion-safe:hover:-translate-y-12">
32+
<img src="{{ env.baseUrl }}{{ speaker.image }}"
33+
alt="{{ speaker.alt }}"
34+
class="w-full max-w-xs aspect-square object-contain scale-75">
4235
</div>
36+
{% endfor %}
4337
</div>
4438
</section>

‎src/_includes/landing/sponsors.njk

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

3-
<section class="bg-pycon-blue text-white relative px-4 sm:px-20 md:px-40 pt-10" id="sponsors">
3+
<section class="bg-pycon-blue text-white relative px-[6%] pt-10" id="sponsors">
44
<div class="mx-auto py-16">
55
<!-- Desktop image visible -->
66
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-10">
77
<div>
8-
<h2 class="text-4xl font-extrabold mb-4">Event Sponsors</h2>
8+
<h2 class="black-han-sans-regular text-center lg:text-left font-normal text-4xl lg:text-5xl pb-4">Event Sponsors</h2>
99
<p class="text-white text-base mb-6">
1010
PyCon India is completely driven by volunteers. Sponsoring the event helps to sustain and grow the conference as well as
1111
the Community. Sponsor help in making the conference affordable, and maintaining the inventory for the conference.

‎src/attend/jobs.njk

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,9 @@ layout: base.njk
2626
</div>
2727

2828

29-
<div class="job-container bg-lavender w-full h-auto -pt-20 px-[6%] pb-72 md:pb-40 relative">
30-
<div class="flex flex-wrap -mt-24 -mx-4">
29+
<div class="job-container bg-lavender w-full h-auto {% if job_postings %} px-[6%] -pt-20 pb-72 md:pb-40 relative {% else %} p-0 {% endif %}">
30+
{% if job_postings %}
31+
<div class="flex flex-wrap -mt-24">
3132
<!-- Column 1 -->
3233
<div class="w-full lg:w-1/3 px-4 flex flex-col gap-8">
3334
{% for job_post in job_postings %}
@@ -42,14 +43,12 @@ layout: base.njk
4243
{{ job_post.company }}
4344
</a>
4445
</span>
45-
<p class="pt-8 flex items-center gap-x-2 mb-0">
46-
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
47-
<span>{{ job_post.job_type }}</span>
48-
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
49-
<span>{{ job_post.location }}</span>
46+
<p class="pt-8 flex items-center gap-x-6 mb-0">
47+
<span><i class="fa-solid pr-2 fa-briefcase text-xl text-[#475569]"></i>{{ job_post.job_type }}</span>
48+
<span><i class="fa-solid pr-2 fa-location-dot text-xl text-[#475569]"></i>{{ job_post.location }}</span>
5049
</p>
5150
</div>
52-
<div class="pt-2 text-gray-700">
51+
<div class="pt-4 text-gray-700">
5352
<p class="text-justify">
5453
{{ job_post.description }}
5554
</p>
@@ -77,14 +76,12 @@ layout: base.njk
7776
{{ job_post.company }}
7877
</a>
7978
</span>
80-
<p class="pt-8 flex items-center gap-x-2 mb-0">
81-
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
82-
<span>{{ job_post.job_type }}</span>
83-
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
84-
<span>{{ job_post.location }}</span>
79+
<p class="pt-8 flex items-center gap-x-6 mb-0">
80+
<span><i class="fa-solid pr-2 fa-briefcase text-xl text-[#475569]"></i>{{ job_post.job_type }}</span>
81+
<span><i class="fa-solid pr-2 fa-location-dot text-xl text-[#475569]"></i>{{ job_post.location }}</span>
8582
</p>
8683
</div>
87-
<div class="pt-2 text-gray-700">
84+
<div class="pt-4 text-gray-700">
8885
<p class="text-justify">
8986
{{ job_post.description }}
9087
</p>
@@ -112,14 +109,12 @@ layout: base.njk
112109
{{ job_post.company }}
113110
</a>
114111
</span>
115-
<p class="pt-8 flex items-center gap-x-2 mb-0">
116-
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
117-
<span>{{ job_post.job_type }}</span>
118-
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
119-
<span>{{ job_post.location }}</span>
112+
<p class="pt-8 flex items-center gap-x-6 mb-0">
113+
<span><i class="fa-solid pr-2 fa-briefcase text-xl text-[#475569]"></i>{{ job_post.job_type }}</span>
114+
<span><i class="fa-solid pr-2 fa-location-dot text-xl text-[#475569]"></i>{{ job_post.location }}</span>
120115
</p>
121116
</div>
122-
<div class="pt-2 text-gray-700">
117+
<div class="pt-4 text-gray-700">
123118
<p class="text-justify">
124119
{{ job_post.description }}
125120
</p>
@@ -133,4 +128,9 @@ layout: base.njk
133128
{% endfor %}
134129
</div>
135130
</div>
131+
{% else %}
132+
<div class="flex items-center -mt-24 bg-pycon-blue justify-center md:justify-start">
133+
<p class="px-[6%] text-xl md:text-3xl text-[#FFFFFF] text-center pt-20 pb-48 w-full font-light">Job postings coming soon...</p>
134+
</div>
135+
{% endif %}
136136
</div>

0 commit comments

Comments
 (0)