Skip to content

Commit 8233ef3

Browse files
Astraxx04Astraxx04
authored
Lightning Talk Section (#125)
1 parent 852466b commit 8233ef3

File tree

5 files changed

+223
-1
lines changed

5 files changed

+223
-1
lines changed

‎src/_includes/components/flat-card.njk

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
{% macro flatCard(bg="lime") %}
22
{% if bg == "purple" %}
33
{% set bg_class = "bg-pycon-purple" %}
4-
{% else %}
4+
{% elif bg == "lime" %}
55
{% set bg_class = "bg-pycon-lime" %}
6+
{% else %}
7+
{% set bg_class = "" %}
68
{% endif %}
79

810
<div class="relative group w-full max-w-full border border-black {{ bg_class }} p-4">

‎src/_includes/navbar.njk

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,13 @@
2424
"link": "venue",
2525
"hasSubmenu": false
2626
},
27+
{
28+
"name": "Program",
29+
"hasSubmenu": true,
30+
"submenu": [
31+
{"name": "Lightning Talks", "link": "program/lightning-talks"}
32+
]
33+
},
2734
{
2835
"name": "Sponsors",
2936
"link": "why-sponsor",

‎src/program/lightning-talks.njk

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
---
2+
title: Lightning Talks
3+
description: PyCon India 2025 Lightning Talks
4+
layout: base.njk
5+
---
6+
7+
{% from "components/flat-card.njk" import flatCard %}
8+
9+
<div class="w-full h-auto bg-pycon-blue -mb-24 px-[6%] flex flex-col md:flex-row">
10+
<div class="pt-32 pb-8 md:pb-32 w-full lg:w-[70%]">
11+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#FFFFFF] text-center lg:text-left">
12+
What's a Lightning Talk?
13+
</div>
14+
<div class="text-md lg:text-xl pt-12 text-[#FFFFFF] lg:pr-10 text-justify">
15+
<p>Lightning talks are short presentations, limited to 5 minutes, on any topic that might interest the Python community. It doesn't have to be something you've created, feel free to share something you've learned or a technique you think others will find useful.</p>
16+
</div>
17+
<div class="text-md lg:text-lg text-[#FFFFFF] lg:pr-10 text-justify">
18+
<ul class="list-none pt-4 space-y-4">
19+
<li class="flex">
20+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
21+
<span>Is there something at work that everyone asks for your help with? Talk about that!</span>
22+
</li>
23+
<li class="flex">
24+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
25+
<span>Did you recently learn something that made a difference for you? Talk about that!</span>
26+
</li>
27+
<li class="flex">
28+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
29+
<span>Is there a topic you've always wanted to understand better? Talk about that!</span>
30+
</li>
31+
</ul>
32+
<p>Slides are optional but encouraged!</p>
33+
</div>
34+
</div>
35+
<div class="lg:w-[30%] w-[80%] lg:mt-60 flex items-center justify-center mx-auto">
36+
<img src="{{ env.baseUrl }}img/assets/tetris.svg" alt="Tetris" class="w-[20%] lg:w-[20%] transition-transform duration-100" style="animation: floating 4s ease-in-out infinite;">
37+
<img src="{{ env.baseUrl }}img/assets/bulb.svg" alt="Bulb" class="w-[40%] lg:w-[60%] transition-transform duration-100" style="animation: floating 2s ease-in-out infinite;">
38+
<img src="{{ env.baseUrl }}img/assets/star-purple-vector.svg" alt="Star" class="w-[10%] lg:w-[10%] transition-transform duration-100" style="animation: floating 6s ease-in-out infinite;">
39+
</div>
40+
</div>
41+
42+
43+
<div class="main-container pt-16 md:pt-48 bg-lavender w-full h-auto px-[6%]">
44+
<div class="pb-16 w-full text-justify lg:w-[70%]">
45+
<div class="mt-24 md:-mt-32 lg:-mt-20 text-md lg:text-xl font-light">
46+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">
47+
<p>Things people say when they think they can't do a lightning talk</p>
48+
</div>
49+
<div class="">
50+
<div class="flex flex-col lg:flex-row items-center lg:items-start pt-16">
51+
<div class="lg:w-2/3 w-full flex-shrink-0">
52+
{% call flatCard(bg="") -%}
53+
<div class="flex justify-between align-middle p-2 bg-[#CD89FF] -m-4">
54+
<div class="font-semibold">"Everyone already knows THING_X"</div>
55+
<div class="window-titlebar-dots">
56+
<div class="w-3 h-3 bg-[#D7FF7B] rounded-full border-2 border-black"></div>
57+
<div class="w-3 h-3 bg-[#D7FF7B] rounded-full border-2 border-black"></div>
58+
<div class="w-3 h-3 bg-[#D7FF7B] rounded-full border-2 border-black"></div>
59+
</div>
60+
</div>
61+
<div class="pt-6">
62+
<ul class="list-none pt-4 space-y-2">
63+
<li class="flex">
64+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
65+
<span>No, they don't.</span>
66+
</li>
67+
<li class="flex">
68+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
69+
<span>They believe they are knowledgeable, but you possess a deeper comprehension of the subject matter.</span>
70+
</li>
71+
<li class="flex">
72+
<img src="{{ env.baseUrl }}img/assets/circle-purple.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
73+
<span>Even if they do, it's interesting to hear someone else's take on it.</span>
74+
</li>
75+
</ul>
76+
</div>
77+
{%- endcall %}
78+
</div>
79+
</div>
80+
81+
<div class="flex flex-col lg:flex-row-reverse items-center lg:items-start pt-16">
82+
<div class="lg:w-2/3 w-full flex-shrink-0">
83+
{% call flatCard(bg="") -%}
84+
<div class="flex justify-between align-middle p-2 bg-[#4E62F5] -m-4">
85+
<div class="font-semibold">"I'm not an expert at anything"</div>
86+
<div class="window-titlebar-dots">
87+
<div class="w-3 h-3 bg-[#FF2A77] rounded-full border-2 border-black"></div>
88+
<div class="w-3 h-3 bg-[#FF2A77] rounded-full border-2 border-black"></div>
89+
<div class="w-3 h-3 bg-[#FF2A77] rounded-full border-2 border-black"></div>
90+
</div>
91+
</div>
92+
<div class="pt-6">
93+
<ul class="list-none pt-4 space-y-2">
94+
<li class="flex">
95+
<img src="{{ env.baseUrl }}img/assets/circle-blue.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
96+
<span>You know more than you think you do.</span>
97+
</li>
98+
<li class="flex">
99+
<img src="{{ env.baseUrl }}img/assets/circle-blue.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
100+
<span>You don't have to be an expert, you just have to be interested enough to talk for 5 minutes.</span>
101+
</li>
102+
<li class="flex">
103+
<img src="{{ env.baseUrl }}img/assets/circle-blue.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
104+
<span>You can do a 1-minute lightning talk if you want.</span>
105+
</li>
106+
</ul>
107+
</div>
108+
{%- endcall %}
109+
</div>
110+
</div>
111+
112+
<div class="flex flex-col lg:flex-row items-center lg:items-start pt-16">
113+
<div class="lg:w-2/3 w-full flex-shrink-0">
114+
{% call flatCard(bg="") -%}
115+
<div class="flex justify-between align-middle p-2 bg-[#D7FF7B] -m-4">
116+
<div class="font-semibold">"It's scary talking in front of people"</div>
117+
<div class="window-titlebar-dots">
118+
<div class="w-3 h-3 bg-[#CD89FF] rounded-full border-2 border-black"></div>
119+
<div class="w-3 h-3 bg-[#CD89FF] rounded-full border-2 border-black"></div>
120+
<div class="w-3 h-3 bg-[#CD89FF] rounded-full border-2 border-black"></div>
121+
</div>
122+
</div>
123+
<div class="pt-6">
124+
<ul class="list-none pt-4 space-y-2">
125+
<li class="flex">
126+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
127+
<span>Yes, but you will feel really accomplished when you've done it.</span>
128+
</li>
129+
<li class="flex">
130+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
131+
<span>Folks at PyCon are super-friendly and are always welcoming of new speakers.</span>
132+
</li>
133+
<li class="flex">
134+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
135+
<span>It is understandable that public speaking can induce nervousness in individuals, including those who may appear confident.</span>
136+
</li>
137+
<li class="flex">
138+
<img src="{{ env.baseUrl }}img/assets/circle-lime.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
139+
<span><a href="https://www.youtube.com/watch?v=Aio0whC1iYg#t=25m58s" target="_blank">You can give a lightning talk without talking!</a></span>
140+
</li>
141+
</ul>
142+
</div>
143+
{%- endcall %}
144+
</div>
145+
</div>
146+
147+
<div class="flex flex-col lg:flex-row-reverse items-center lg:items-start pt-16">
148+
<div class="lg:w-2/3 w-full flex-shrink-0">
149+
{% call flatCard(bg="") -%}
150+
<div class="flex justify-between align-middle p-2 bg-[#FF2A77] -m-4">
151+
<div class="font-semibold">"I have an idea but it's no good"</div>
152+
<div class="window-titlebar-dots">
153+
<div class="w-3 h-3 bg-[#4E62F5] rounded-full border-2 border-black"></div>
154+
<div class="w-3 h-3 bg-[#4E62F5] rounded-full border-2 border-black"></div>
155+
<div class="w-3 h-3 bg-[#4E62F5] rounded-full border-2 border-black"></div>
156+
</div>
157+
</div>
158+
<div class="pt-6">
159+
<ul class="list-none pt-4 space-y-2">
160+
<li class="flex">
161+
<img src="{{ env.baseUrl }}img/assets/circle-pink.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
162+
<span>It's a better idea than you think.</span>
163+
</li>
164+
<li class="flex">
165+
<img src="{{ env.baseUrl }}img/assets/circle-pink.svg" alt="Bullet Icon" class="w-4 h-4 mr-2 mt-1">
166+
<span>Are there really any bad ideas for lightning talks? :)</span>
167+
</li>
168+
</ul>
169+
</div>
170+
{%- endcall %}
171+
</div>
172+
</div>
173+
</div>
174+
</div>
175+
</div>
176+
</div>
177+
178+
<div class="pt-16 bg-lavender w-full h-auto px-[6%]">
179+
<div class="pb-72 md:pb-60 lg:pb-[20%] w-full text-justify lg:w-[70%]">
180+
<div class="text-md lg:text-xl font-light">
181+
<div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">
182+
<p>Lightning Talks at PyCon India 2025</p>
183+
</div>
184+
<div class="pt-8">
185+
<p>Please refer to the schedule for Lightning Talk slots. Registration will open on the day of the conference, and we will share a Google Form for submitting Lightning Talk proposals. Slots will be assigned on a first-come, first-served basis due to limited availability. You will be notified if your talk is selected.</p>
186+
<p>This has been inspired by:</p>
187+
<p><a href="https://us.pycon.org/2025/events/lightning-talks/" target="_blank">PyCon US 2025 - Lightning Talks</a></p>
188+
</div>
189+
</div>
190+
</div>
191+
</div>

0 commit comments

Comments
 (0)