Skip to content

Commit e378816

Browse files
OculusModeOculusMode
authored
Add community booths page (#176)
* test * added community booth * resolved review comments * resolved review comments * MISC: added pycon india coc link in comm booth page * resolved review comments by bhavin * resolved review comments by bhavin * Apply suggestions from code review * Update src/program/community-booth.njk * Rename community-booth.njk to community-booths.njk * Update menuItems.json ---------
1 parent d0701e1 commit e378816

File tree

2 files changed

+136
-0
lines changed

2 files changed

+136
-0
lines changed

‎src/_data/menuItems.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,10 @@
5252
{
5353
"name": "Lightning Talks",
5454
"link": "program/lightning-talks"
55+
},
56+
{
57+
"name": "Community Booths",
58+
"link": "program/community-booths"
5559
}
5660
]
5761
},

‎src/program/community-booths.njk

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
---
2+
title: Community Booths
3+
layout: base.njk
4+
---
5+
6+
{% from "components/button.njk" import button %}
7+
{% from "components/flat-card.njk" import flatCard %}
8+
9+
10+
<div class="w-full h-auto bg-pycon-blue px-[6%] -mb-16 md:mb-0 flex flex-col md:flex-row">
11+
<div class="pt-32 pb-8 md:pb-32 w-full lg:w-[70%]">
12+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#FFFFFF] text-center lg:text-left">
13+
Community Booths
14+
</div>
15+
<div class="text-md lg:text-xl pt-12 text-[#FFFFFF] lg:pr-10 text-justify">
16+
<p>PyCon India 2025 invites community groups to apply for a community booth, an excellent opportunity to engage with the dynamic Python enthusiasts across India. A community booth helps to showcase your work, connect with like-minded folks, and grow your network. It’s a great way to share your story, promote your initiatives, and inspire more contributors to join your cause.</p>
17+
</div>
18+
</div>
19+
<div class="lg:w-[30%] w-[80%] lg:mt-30 flex items-center justify-center mx-auto">
20+
<img src="{{ env.baseUrl }}img/assets/team.svg" alt="Community Booths" class="w-[80%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
21+
</div>
22+
</div>
23+
24+
<div class="main-container pt-16 md:pt-12 bg-lavender w-full h-auto px-[6%]">
25+
<div class="text-md lg:text-xl pt-12 text-black lg:pr-10 text-justify font-light">
26+
<div class="mb-12">
27+
<div class="space-y-6 mb-8">
28+
<div>
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+
Guidelines
31+
</div>
32+
<div class="pt-4 text-md">
33+
<ul class="list-none pl-12 space-y-3">
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-1">
36+
<span>Make sure you have tickets for the conference.</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-1">
40+
<span>Make sure at least one person is always available at the booth during breaks.</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>Don't use the community booth to conduct any monetary transactions.</span>
45+
</li>
46+
<li class="flex">
47+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
48+
<span>Follow the <a href="{{ env.baseUrl }}coc/policy/">PyCon India Code of Conduct</a>.</span>
49+
</li>
50+
<li class="flex">
51+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
52+
<span> <span class="font-bold">Note for commercial entities:</span> We’d love for you to consider <a href="{{ env.baseUrl }}sponsors/">sponsoring PyCon India</a> instead of applying for a community booth.</span>
53+
</li>
54+
</ul>
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="mt-6">
60+
<div class="flex flex-col sm:flex-row gap-4 items-start">
61+
{{ button(text="Ready? Apply here!", url="https://forms.gle/k7DdDNNcgyyXb63x5", lime_bg=true, env = env) }}
62+
</div>
63+
</div>
64+
</div>
65+
66+
<div class="grid md:grid-cols-2 gap-8 mb-24">
67+
<div>
68+
{% call flatCard(bg="purple") -%}
69+
<div class="flex items-center mb-4">
70+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Deadline Icon" class="w-6 h-6 mr-3">
71+
<h3 class="text-xl md:text-3xl">Deadline</h3>
72+
</div>
73+
<p class="text-2xl text-black">The deadline to apply for the community booth is <strong>23rd August, 23:59 IST</strong>.</p>
74+
{%- endcall %}
75+
</div>
76+
77+
<div>
78+
{% call flatCard(bg="purple") -%}
79+
<div class="flex items-center mb-4">
80+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Notification Icon" class="w-6 h-6 mr-3">
81+
<h3 class="text-xl md:text-3xl">Selection Notification</h3>
82+
</div>
83+
<p class="text-2xl text-black">While there is deadline for submitting, we'll notify the selected communities as soon as we can.</p>
84+
{%- endcall %}
85+
</div>
86+
</div>
87+
88+
<div class="mb-24">
89+
<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">
90+
<p>Who can apply for a community booth?</p>
91+
</div>
92+
93+
<div class="space-y-4">
94+
<ul class="list-none space-y-3">
95+
<li class="flex">
96+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
97+
<span class="text-md">
98+
<b>Open-Source Organizations:</b> Projects that contribute to the tech community through the development of open-source libraries, frameworks, tools, or software.
99+
</span>
100+
</li>
101+
<li class="flex">
102+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
103+
<span class="text-md">
104+
<b>Non-Profit Organizations:</b> Non-profit entities dedicated to promoting technology, and supporting developers.</span>
105+
</span>
106+
</li>
107+
<li class="flex">
108+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
109+
<span class="text-md">
110+
<b>Technology Communities and User Groups:</b> Local or regional Python user groups, developer communities, or tech-focused organizations that engage and support tech enthusiasts.</span>
111+
</li>
112+
</ul>
113+
</div>
114+
115+
<div class="mt-6">
116+
<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>Who may not qualify as a community partner?</p>
117+
<div class="pt-4 text-md">
118+
<ul class="list-none pl-8 space-y-3">
119+
<li class="flex">
120+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
121+
<span><b>Unrelated or Unfitting Groups:</b> These are entities that lack a distinct link or pertinence to the Python community, its growth, or its intended goals.</span>
122+
</li>
123+
<li class="flex">
124+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
125+
<span><b>Disputed Bodies:</b> Entities that advocate hate speech, prejudice, or participate in activities that are at odds with the principles of inclusivity, diversity, and respect that the PyCon India community supports.</span>
126+
</li>
127+
</ul>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>

0 commit comments

Comments
 (0)