Skip to content

Commit a7180c6

Browse files
samhitha-bsamhitha-b
authored
Add: Scholarships page and Attend section in the navigation bar (#132)
* Add: Scholarships page and Attend section in the navigation bar * Apply suggestions from code review ---------
1 parent 2262fd9 commit a7180c6

File tree

2 files changed

+268
-2
lines changed

2 files changed

+268
-2
lines changed

‎src/_includes/navbar.njk

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,12 @@
88
<ul class="flex items-center justify-center w-full gap-8 relative mb-0">
99
{% set menuItems = [
1010
{
11-
"name": "About",
11+
"name": "Attend",
1212
"hasSubmenu": true,
1313
"submenu": [
1414
{"name": "Venue", "link": "venue"},
15-
{"name": "FAQ's", "link": "about/faqs"}
15+
{"name": "FAQ's", "link": "about/faqs"},
16+
{"name": "Scholarships", "link": "attend/scholarships"}
1617
]
1718
},
1819
{

‎src/attend/scholarships.njk

Lines changed: 265 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,265 @@
1+
---
2+
title: Scholarships - PyCon India 2025
3+
description: PyCon India 2025 Scholarships - Need-based financial assistance for attendees
4+
layout: base.njk
5+
---
6+
7+
{% from "components/button.njk" import button %}
8+
{% from "components/card.njk" import card %}
9+
{% from "components/flat-card.njk" import flatCard %}
10+
11+
<div class="w-full h-auto bg-pycon-blue px-[6%] -mb-16 md:mb-0 flex flex-col md:flex-row">
12+
<div class="pt-32 pb-8 md:pb-32 w-full lg:w-[70%]">
13+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#FFFFFF] text-center lg:text-left">
14+
Scholarships
15+
</div>
16+
<div class="text-md lg:text-xl pt-12 text-[#FFFFFF] lg:pr-10 text-justify">
17+
<p>PyCon India 2025 Scholarships is a need-based scholarship for students, speakers, or attendees to attend PyCon India.</p>
18+
<p class="pt-4">Scholarships will be provided after reviewing the needs of the attendees and the impact generated. A panel of reviewers will assess each request and approve the grants. Applicant information will be kept confidential.</p>
19+
</div>
20+
</div>
21+
<div class="lg:w-[30%] w-[80%] lg:mt-30 flex items-center justify-center mx-auto">
22+
<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;">
23+
</div>
24+
</div>
25+
26+
<div class="main-container pt-16 md:pt-12 bg-lavender w-full h-auto px-[6%]">
27+
<div class="text-md lg:text-xl pt-12 text-black lg:pr-10 text-justify font-light">
28+
<div class="mb-12">
29+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">
30+
<p>Scholarship Details</p>
31+
</div>
32+
<p class="text-lg mb-6">
33+
The PyCon India 2025 Scholarship has the following components. Applicants can apply for and receive multiple components.
34+
</p>
35+
36+
<div class="space-y-6 mb-8">
37+
<div>
38+
<p class="text-2xl font-bold flex items-center"><span class="bg-pycon-blue text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 font-bold text-sm flex-shrink-0">1</span>Conference Ticket</p>
39+
<div class="pt-4 text-md">
40+
<ul class="list-none pl-12 space-y-3">
41+
<li class="flex">
42+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
43+
<span>Full access to the conference days 13th and 14th September only.</span>
44+
</li>
45+
</ul>
46+
</div>
47+
</div>
48+
49+
<div>
50+
<p class="text-2xl font-bold flex items-center"><span class="bg-pycon-blue text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 font-bold text-sm flex-shrink-0">2</span>Travel Grant</p>
51+
<div class="pt-4 text-md">
52+
<ul class="list-none pl-12 space-y-3">
53+
<li class="flex">
54+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
55+
<span>A fixed reimbursement equivalent to a round-trip 3 AC train fare between Bengaluru and your location, irrespective of your chosen transportation method.</span>
56+
</li>
57+
<li class="flex">
58+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
59+
<span>Taxi/bus/metro/ride shares to and from the airport/train station/bus station.</span>
60+
</li>
61+
</ul>
62+
</div>
63+
</div>
64+
65+
<div>
66+
<p class="text-2xl font-bold flex items-center"><span class="bg-pycon-blue text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 font-bold text-sm flex-shrink-0">3</span>Accommodation Support</p>
67+
<div class="pt-4 text-md">
68+
<ul class="list-none pl-12 space-y-3">
69+
<li class="flex">
70+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
71+
<span>Hotel accommodation amount equivalent to 2 nights</span>
72+
</li>
73+
</ul>
74+
</div>
75+
</div>
76+
</div>
77+
78+
<div class="mb-8">
79+
<p class="text-lg">
80+
<strong>Maximum amount admissible:</strong> <span class="text-pycon-blue font-bold">INR 10,000</span>
81+
</p>
82+
</div>
83+
84+
<div class="mt-6">
85+
<div class="flex flex-col sm:flex-row gap-4 items-start">
86+
{{ button(text="Apply for Scholarship", url="https://forms.gle/Gkzau2SDeKyRNu4c9", lime_bg=true, env = env) }}
87+
</div>
88+
</div>
89+
</div>
90+
91+
<div class="grid md:grid-cols-2 gap-8 mb-24">
92+
<div>
93+
{% call flatCard(bg="purple") -%}
94+
<div class="flex items-center mb-4">
95+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Deadline Icon" class="w-6 h-6 mr-3">
96+
<h3 class="text-xl md:text-3xl">Deadline</h3>
97+
</div>
98+
<p class="text-2xl text-black">The deadline to apply for the scholarship is <strong>8th August, 23:59 IST</strong>.</p>
99+
{%- endcall %}
100+
</div>
101+
102+
<div>
103+
{% call flatCard(bg="purple") -%}
104+
<div class="flex items-center mb-4">
105+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Notification Icon" class="w-6 h-6 mr-3">
106+
<h3 class="text-xl md:text-3xl">Notification</h3>
107+
</div>
108+
<p class="text-2xl text-black">The selected applicants will be informed by <strong>12th August, 23:59 IST</strong>.</p>
109+
{%- endcall %}
110+
</div>
111+
</div>
112+
113+
<div class="mb-24">
114+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left mb-8">
115+
<p>Reimbursement Policy</p>
116+
</div>
117+
118+
<div class="space-y-4">
119+
<ul class="list-none space-y-3">
120+
<li class="flex">
121+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
122+
<span class="text-md">Attendance is required to receive reimbursement. If our ticketing platform does not show you as 'checked-in', you will need to provide proof of attendance.</span>
123+
</li>
124+
<li class="flex">
125+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
126+
<span class="text-md">Reimbursement will be up to the amount specified in your acceptance email.</span>
127+
</li>
128+
<li class="flex">
129+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
130+
<span class="text-md">The mode of payment for the grants will be either bank transfer or UPI and will be approved on providing actual invoices.</span>
131+
</li>
132+
</ul>
133+
</div>
134+
135+
<div class="mt-6">
136+
<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>Policy Violations Include:</p>
137+
<div class="pt-4 text-md">
138+
<ul class="list-none pl-8 space-y-3">
139+
<li class="flex">
140+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
141+
<span>Submitting receipts for reimbursement if you did not attend.</span>
142+
</li>
143+
<li class="flex">
144+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
145+
<span>Applying with multiple or alias emails.</span>
146+
</li>
147+
<li class="flex">
148+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
149+
<span>Submitting falsified or fake receipts violates the code of conduct and may result in a ban from future events.</span>
150+
</li>
151+
<li class="flex">
152+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
153+
<span>Any <a href="{{ env.baseUrl }}/coc">Code of Conduct</a> violations during the event.</span>
154+
</li>
155+
<li class="flex">
156+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
157+
<span>Any other abuse of the system.</span>
158+
</li>
159+
<li class="flex">
160+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
161+
<span>Any one or more of the above will result in cancellation of the scholarship grant for this year.</span>
162+
</li>
163+
</ul>
164+
</div>
165+
</div>
166+
</div>
167+
168+
<div class="mb-32">
169+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left mb-8">
170+
<p>Eligible Receipts for Reimbursement</p>
171+
</div>
172+
173+
<div class="space-y-6">
174+
<div>
175+
<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>Receipts</p>
176+
<div class="pt-4 text-md">
177+
<ul class="list-none pl-8 space-y-3">
178+
<li class="flex">
179+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
180+
<span>A scan or photo of the actual receipt/invoice/bill is required.</span>
181+
</li>
182+
<li class="flex">
183+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
184+
<span>Receipts must clearly show the date and amount (and name, if possible).</span>
185+
</li>
186+
<li class="flex">
187+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
188+
<span>Book refundable travel. Receipts will not be reimbursed if you are unable to attend the event and have booked non-refundable travel.</span>
189+
</li>
190+
</ul>
191+
</div>
192+
</div>
193+
194+
<div>
195+
<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>Accommodation Charges</p>
196+
<div class="pt-4 text-md">
197+
<ul class="list-none pl-8 space-y-3">
198+
<li class="flex">
199+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
200+
<span>A maximum of 2 nights is covered.</span>
201+
</li>
202+
<li class="flex">
203+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
204+
<span>We will not reimburse any services other than the stay, like hotel WiFi, in-room services, beverages etc.</span>
205+
</li>
206+
</ul>
207+
</div>
208+
</div>
209+
210+
<div>
211+
<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>Ground Transportation Charges</p>
212+
<div class="pt-4 text-md">
213+
<ul class="list-none pl-8 space-y-3">
214+
<li class="flex">
215+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
216+
<span>Bus, metro, taxi, and ride shares to/from the airport, train, or bus station (a total of 4 trips) are eligible for reimbursement.</span>
217+
</li>
218+
</ul>
219+
</div>
220+
</div>
221+
222+
<div>
223+
<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>Miscellaneous Expenses</p>
224+
<div class="pt-4 text-md">
225+
<ul class="list-none pl-8 space-y-3">
226+
<li class="flex">
227+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
228+
<span>Any expenses outside the categories mentioned above, such as add-ons, seat upgrades, meals, etc., will not be reimbursed.</span>
229+
</li>
230+
</ul>
231+
</div>
232+
</div>
233+
</div>
234+
</div>
235+
236+
<div class="mb-12 mt-16">
237+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left mb-8">
238+
<p>Process for Reimbursement</p>
239+
</div>
240+
241+
<div class="space-y-6">
242+
<ul class="list-none space-y-3">
243+
<li class="flex">
244+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
245+
<span class="text-md">You will receive an email with instructions for submitting your expense report after the event.</span>
246+
</li>
247+
<li class="flex">
248+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
249+
<span class="text-md">The expense report and receipts must be submitted within the timeline provided in the post-event email. If not received within this timeline, reimbursement cannot be processed.</span>
250+
</li>
251+
<li class="flex">
252+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
253+
<span class="text-md">You will receive the amount post-approval of your report. The maximum amount that can be reimbursed is the one mentioned in your scholarship approval email.</span>
254+
</li>
255+
</ul>
256+
</div>
257+
</div>
258+
259+
<div class="mb-24">
260+
<p class="text-sm text-gray-600 italic">
261+
Some parts of this page are based on <a href="https://events.linuxfoundation.org/travel-fund-policies/#welcome" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:underline">LF Travel Fund Policies</a>.
262+
</p>
263+
</div>
264+
</div>
265+
</div>

0 commit comments

Comments
 (0)