Skip to content

Commit 8f8f13f

Browse files
Astraxx04Astraxx04
committed
Job Posting Section
1 parent a801534 commit 8f8f13f

File tree

3 files changed

+313
-2
lines changed

3 files changed

+313
-2
lines changed

‎src/_includes/components/button.njk

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
{% set bg_class = "bg-pycon-lime hover:bg-pycon-lime/90" %}
44
{% set text_class = "text-black" %}
55
{% else %}
6-
{% set bg_class = "bg-transparent border-pycon-lime" %}
7-
{% set text_class = "text-pycon-lime" %}
6+
{% set bg_class = "bg-pycon-purple hover:bg-pycon-purple/90" %}
7+
{% set text_class = "text-black" %}
88
{% endif %}
99

1010
<a

‎src/job-board-rules-and-guidelines.njk

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
---
2+
title: Job Board - Rules and Guildelines
3+
description: PyCon India 2025 Job Board
4+
layout: base.njk
5+
---
6+
7+
<div class="w-full h-auto bg-pycon-blue -mb-24 px-[6%] flex flex-col md:flex-row">
8+
<div class="pt-32 pb-8 md:pb-32 w-full lg:w-[70%]">
9+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#FFFFFF] text-center lg:text-left">
10+
Job Board - Rules and Guidelines
11+
</div>
12+
</div>
13+
<div class="lg:w-[30%] w-[80%] lg:mt-60 flex items-center justify-center mx-auto">
14+
<img src="{{ env.baseUrl }}img/assets/notepad.svg" alt="Guide" class="w-[40%] lg:w-[60%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
15+
<img src="{{ env.baseUrl }}img/assets/book-stars.svg" alt="Guide" class="w-[40%] lg:w-[60%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
16+
</div>
17+
</div>
18+
19+
20+
<div class="main-container pt-16 md:pt-48 bg-lavender w-full h-auto px-[6%]">
21+
<div class="pb-40 md:pb-60 lg:pb-[20%] w-full text-justify lg:w-[70%]">
22+
<div class="text-md lg:text-xl font-light">
23+
<div class="pt-8">
24+
<p class="text-2xl font-bold flex items-center"><span><img src="{{ env.baseUrl }}img/assets/square-lime.svg" alt="Bullet Icon" class="w-5 mr-2"></span>Job Submission & Approval:</p>
25+
<ul class="list-none pt-4 space-y-4">
26+
<li class="flex">
27+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
28+
<span>We do not impose any restrictions on the industry/technology of the submitted jobs. Any jobs that are helpful to the community are welcome.</span>
29+
</li>
30+
<li class="flex">
31+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
32+
<span>After successful job submission, each job will undergo a verification process by the PyCon India 2025 team to ensure there are no spam postings.</span>
33+
</li>
34+
<li class="flex">
35+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
36+
<span>The approval process may take approximately 2-3 hours.</span>
37+
</li>
38+
<li class="flex">
39+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
40+
<span>Approved jobs will be made visible on the job board once they pass the verification process.</span>
41+
</li>
42+
<li class="flex">
43+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
44+
<span>Submissions that do not meet the guidelines may be rejected.</span>
45+
</li>
46+
</ul>
47+
</div>
48+
49+
<div class="pt-8">
50+
<p class="text-2xl font-bold flex items-center"><span><img src="{{ env.baseUrl }}img/assets/square-lime.svg" alt="Bullet Icon" class="w-5 mr-2"></span>Job Posts Order:</p>
51+
<ul class="list-none pt-4 space-y-4">
52+
<li class="flex">
53+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
54+
<span>Job posts are sorted based on the timestamp they are submitted. The first job submitted will be visible first, followed by subsequent submissions in chronological order.</span>
55+
</li>
56+
</ul>
57+
</div>
58+
59+
<div class="pt-8">
60+
<p class="text-2xl font-bold flex items-center"><span><img src="{{ env.baseUrl }}img/assets/square-lime.svg" alt="Bullet Icon" class="w-5 mr-2"></span>Transparency:</p>
61+
<ul class="list-none pt-4 space-y-4">
62+
<li class="flex">
63+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
64+
<span>After successful job submission, each job will undergo a verification process by the PyCon India 2025 team to ensure there are no spam postings.</span>
65+
</li>
66+
<li class="flex">
67+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
68+
<span>Job seekers and companies are encouraged to communicate directly with each other for job-related inquiries, applications, and hiring decisions.</span>
69+
</li>
70+
</ul>
71+
</div>
72+
73+
<div class="pt-8">
74+
<p class="text-2xl font-bold flex items-center"><span><img src="{{ env.baseUrl }}img/assets/square-lime.svg" alt="Bullet Icon" class="w-5 mr-2"></span>Content Moderation:</p>
75+
<ul class="list-none pt-4 space-y-4">
76+
<li class="flex">
77+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
78+
<span>PyCon India 2025 reserves the right to moderate and remove job posts that violate submission guidelines or community standards.</span>
79+
</li>
80+
<li class="flex">
81+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
82+
<span>Users are encouraged to report any inappropriate content or issues with job posts for review to our team at <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="underline">[email protected]</a>.</span>
83+
</li>
84+
</ul>
85+
</div>
86+
87+
<div class="pt-8">
88+
<p class="text-2xl font-bold flex items-center"><span><img src="{{ env.baseUrl }}img/assets/square-lime.svg" alt="Bullet Icon" class="w-5 mr-2"></span>Respect and Inclusivity:</p>
89+
<ul class="list-none pt-4 space-y-4">
90+
<li class="flex">
91+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
92+
<span>Users are expected to maintain a respectful and inclusive environment when interacting with job listings or other users on the platform.</span>
93+
</li>
94+
<li class="flex">
95+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
96+
<span>Any kind of disrespectful, discriminatory, or offensive behavior against any party will not be tolerated.</span>
97+
</li>
98+
<li class="flex">
99+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
100+
<span>Please make sure to follow PyCon India's <a href="{{ env.baseUrl }}coc/guidelines" class="underline text-pycon-blue">Code of Conduct</a>.</span>
101+
</li>
102+
<li class="flex">
103+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-2">
104+
<span>If you feel unsafe during any of the interactions, or feel like someone is violating the rules, please <a href="{{ env.baseUrl }}coc/reporting" class="underline text-pycon-blue">report the incident to the CoC Workgroup</a>.</span>
105+
</li>
106+
</ul>
107+
</div>
108+
</div>
109+
</div>
110+
</div>

‎src/job-board.njk

Lines changed: 201 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
---
2+
title: Job Board - Pycon India 2025
3+
description: PyCon India 2025 Job Board
4+
layout: base.njk
5+
---
6+
7+
{% from "components/flat-card.njk" import flatCard %}
8+
{% from "components/button.njk" import button %}
9+
10+
{% set job_postings = [
11+
{
12+
"title": "Full Stack Engineer",
13+
"company": "Free Jobs.In",
14+
"company_website": "google.com",
15+
"job_type": "Full Time",
16+
"location": "Bangalore",
17+
"description": "If you need free jobs please apply. Please refer to the website for the detailed Job Description by clicking on the Job application link.",
18+
"link_to_apply": "www.google.com"
19+
},
20+
{
21+
"title": "Full Stack Engineer",
22+
"company": "Free Jobs.In",
23+
"company_website": "google.com",
24+
"job_type": "Full Time",
25+
"location": "Bangalore",
26+
"description": "If you need free jobs please apply.",
27+
"link_to_apply": "www.google.com"
28+
},
29+
{
30+
"title": "Full Stack Engineer",
31+
"company": "Free Jobs.In",
32+
"company_website": "google.com",
33+
"job_type": "Full Time",
34+
"location": "Bangalore",
35+
"description": "If you need free jobs please apply.",
36+
"link_to_apply": "www.google.com"
37+
},
38+
{
39+
"title": "Full Stack Engineer",
40+
"company": "Free Jobs.In",
41+
"company_website": "google.com",
42+
"job_type": "Full Time",
43+
"location": "Bangalore",
44+
"description": "If you need free jobs please apply.",
45+
"link_to_apply": "www.google.com"
46+
},
47+
{
48+
"title": "Full Stack Engineer",
49+
"company": "Free Jobs.In",
50+
"company_website": "google.com",
51+
"job_type": "Full Time",
52+
"location": "Bangalore",
53+
"description": "If you need free jobs please apply.",
54+
"link_to_apply": "www.google.com"
55+
},
56+
{
57+
"title": "Full Stack Engineer",
58+
"company": "Free Jobs.In",
59+
"company_website": "google.com",
60+
"job_type": "Full Time",
61+
"location": "Bangalore",
62+
"description": "If you need free jobs please apply.",
63+
"link_to_apply": "www.google.com"
64+
},
65+
{
66+
"title": "Full Stack Engineer",
67+
"company": "Free Jobs.In",
68+
"company_website": "google.com",
69+
"job_type": "Full Time",
70+
"location": "Bangalore",
71+
"description": "If you need free jobs please apply.",
72+
"link_to_apply": "www.google.com"
73+
}
74+
]
75+
%}
76+
77+
<div class="w-full h-auto bg-lavender px-[6%] flex flex-col md:flex-row pb-40 relative">
78+
<div class="pt-32 pb-8 md:pb-32 w-full lg:w-[70%]">
79+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-black text-center lg:text-left">
80+
Job Board
81+
</div>
82+
<div class="pt-10 font-light text-lg md:text-2xl md:text-center text-black text-center lg:text-left">
83+
<p>Submit your job posting <a href="" class="underline">here</a></p>
84+
<p>Check out the <a href="{{ env.baseUrl }}job-board-rules-and-guidelines/" class="underline">rules and guidelines</a> </p>
85+
</div>
86+
</div>
87+
<div class="lg:w-[30%] w-[80%] lg:mt-40 flex items-center justify-center mx-auto">
88+
<img src="/img/assets/aircraft.svg" alt="Guide" class="w-[40%] lg:w-[60%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
89+
<img src="/img/assets/planet.svg" alt="Guide" class="w-[40%] lg:w-[60%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
90+
</div>
91+
</div>
92+
93+
94+
<div class="main-container bg-lavender w-full h-auto px-[6%] pb-52 md:pb-40 relative">
95+
<div class="flex flex-wrap -mt-24 -mx-4">
96+
<!-- Column 1 -->
97+
<div class="w-full lg:w-1/3 px-4 flex flex-col gap-8">
98+
{% for job_post in job_postings %}
99+
{% if loop.index0 % 3 == 0 %}
100+
{% set bg_color = 'purple' if loop.index0 // 3 % 2 == 0 else 'lime' %}
101+
{% call flatCard(bg=bg_color) -%}
102+
<div class="p-4">
103+
<div class="text-3xl font-semibold">{{ job_post.title }}</div>
104+
<div class="pt-4">
105+
<span class="text-2xl">
106+
<a href="{{ job_post.company_website }}" class="underline">
107+
{{ job_post.company }}
108+
</a>
109+
</span>
110+
<p class="pt-8 flex items-center gap-x-2 mb-0">
111+
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
112+
<span>{{ job_post.job_type }}</span>
113+
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
114+
<span>{{ job_post.location }}</span>
115+
</p>
116+
</div>
117+
<div class="pt-2 text-gray-700">
118+
<p class="text-justify">
119+
{{ job_post.description }}
120+
</p>
121+
</div>
122+
<div class="pt-4">
123+
{{ button(text="Apply", url=job_post.link_to_apply, lime_bg=(bg_color == "purple"), env=env) }}
124+
</div>
125+
</div>
126+
{%- endcall %}
127+
{% endif %}
128+
{% endfor %}
129+
</div>
130+
131+
<!-- Column 2 -->
132+
<div class="w-full pt-8 lg:pt-16 lg:w-1/3 px-4 flex flex-col gap-8">
133+
{% for job_post in job_postings %}
134+
{% if loop.index0 % 3 == 1 %}
135+
{% set bg_color = 'purple' if loop.index0 // 3 % 2 == 1 else 'lime' %}
136+
{% call flatCard(bg=bg_color) -%}
137+
<div class="p-4">
138+
<div class="text-3xl font-semibold">{{ job_post.title }}</div>
139+
<div class="pt-4">
140+
<span class="text-2xl">
141+
<a href="{{ job_post.company_website }}" class="underline">
142+
{{ job_post.company }}
143+
</a>
144+
</span>
145+
<p class="pt-8 flex items-center gap-x-2 mb-0">
146+
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
147+
<span>{{ job_post.job_type }}</span>
148+
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
149+
<span>{{ job_post.location }}</span>
150+
</p>
151+
</div>
152+
<div class="pt-2 text-gray-700">
153+
<p class="text-justify">
154+
{{ job_post.description }}
155+
</p>
156+
</div>
157+
<div class="pt-4">
158+
{{ button(text="Apply", url=job_post.link_to_apply, lime_bg=(bg_color == "purple"), env=env) }}
159+
</div>
160+
</div>
161+
{%- endcall %}
162+
{% endif %}
163+
{% endfor %}
164+
</div>
165+
166+
<!-- Column 3 -->
167+
<div class="w-full pt-8 lg:pt-0 lg:w-1/3 px-4 flex flex-col gap-8">
168+
{% for job_post in job_postings %}
169+
{% if loop.index0 % 3 == 2 %}
170+
{% set bg_color = 'purple' if loop.index0 // 3 % 2 == 0 else 'lime' %}
171+
{% call flatCard(bg=bg_color) -%}
172+
<div class="p-4">
173+
<div class="text-3xl font-semibold">{{ job_post.title }}</div>
174+
<div class="pt-4">
175+
<span class="text-2xl">
176+
<a href="{{ job_post.company_website }}" class="underline">
177+
{{ job_post.company }}
178+
</a>
179+
</span>
180+
<p class="pt-8 flex items-center gap-x-2 mb-0">
181+
<i class="fa-solid fa-briefcase text-xl text-[#475569]"></i>
182+
<span>{{ job_post.job_type }}</span>
183+
<i class="fa-solid fa-location-dot text-xl text-[#475569]"></i>
184+
<span>{{ job_post.location }}</span>
185+
</p>
186+
</div>
187+
<div class="pt-2 text-gray-700">
188+
<p class="text-justify">
189+
{{ job_post.description }}
190+
</p>
191+
</div>
192+
<div class="pt-4">
193+
{{ button(text="Apply", url=job_post.link_to_apply, lime_bg=(bg_color == "purple"), env=env) }}
194+
</div>
195+
</div>
196+
{%- endcall %}
197+
{% endif %}
198+
{% endfor %}
199+
</div>
200+
</div>
201+
</div>

0 commit comments

Comments
 (0)