Skip to content

Commit f2d705f

Browse files
dhanushk-offldhanushk-offl
committed
Added About Page - Pycon2025 ✨
Refactor team section layout and improve responsiveness ✨ Refactor team members data structure and remove redundant entries ✨ Updated Team Members details ✨ Replace Get Tickets button with existing UI for consistency ✨ Remove unused font import from main.css and fix newline issues in JSON and NJK files ✨
1 parent ceffb0f commit f2d705f

File tree

13 files changed

+578
-9
lines changed

13 files changed

+578
-9
lines changed

‎src/_data/teamMembers.json

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
{
2+
"teamMembers": [
3+
{
4+
"name": "Nabarun Pal",
5+
"role": "Chair",
6+
"imagelink": "https://nabarun.dev/images/logo.png",
7+
"socials": {
8+
"linkedin": "https://linkedin.com/in/palnabarun",
9+
"web": "https://nabarun.dev/",
10+
"github": "https://github.com/palnabarun",
11+
"twitter": "https://twitter.com/theonlynabarun"
12+
}
13+
},
14+
{
15+
"name": "Kumar Anirudh",
16+
"role": "Chair Emiratus",
17+
"imagelink": "https://anirudha.dev/images/half-clear.png",
18+
"socials": {
19+
"insta": "https://www.instagram.com/anistark/",
20+
"linkedin": "https://www.linkedin.com/in/kranirudha/",
21+
"web": "https://anirudha.dev/",
22+
"github": "https://github.com/anistark",
23+
"twitter": "https://x.com/kranirudha"
24+
}
25+
},
26+
{
27+
"name": "Bhavin Gandhi",
28+
"role": "Co-Chair/ Program Committee",
29+
"imagelink": "",
30+
"socials": {
31+
"linkedin": "https://www.linkedin.com/in/bhavin192",
32+
"web": "https://geeksocket.in/",
33+
"github": "https://github.com/bhavin192",
34+
"twitter": "https://x.com/_bhavin192"
35+
}
36+
},
37+
{
38+
"name": "Pratik Anurag",
39+
"role": "Logistics/ CoC/ Volunteer Management",
40+
"imagelink": "https://avatars.githubusercontent.com/u/57359354?v=4",
41+
"socials": {
42+
"insta": "https://www.instagram.com/garunakitarp/",
43+
"linkedin": "https://in.linkedin.com/in/pratik-anurag",
44+
"twitter": "https://x.com/pratikanurag067/"
45+
}
46+
},
47+
{
48+
"name": "Ashish Kumar Mishra",
49+
"role": "Volunteer Management",
50+
"imagelink": "https://in.pycon.org/2024/image/team/ashish_mishra.jpeg",
51+
"socials": {
52+
"insta": "",
53+
"linkedin": "https://www.linkedin.com/in/ashish10677/",
54+
"web": "https://www.ashishkumarmishra.me/",
55+
"github": "https://github.com/ashish10677",
56+
"twitter": "https://twitter.com/ashish10677"
57+
}
58+
},
59+
{
60+
"name": "Farhaan Bukhsh",
61+
"role": "Website & Technology WG Lead",
62+
"imagelink": "https://avatars.githubusercontent.com/u/7670449?s=400&u=bf6eb65bdf25c98310e3711ca1d8b58a84ae47d6&v=4",
63+
"socials": {
64+
"linkedin": "https://www.linkedin.com/in/farhaanbukhsh/",
65+
"web": "https://farhaan.me/",
66+
"github": "http://github.com/farhaanbukhsh",
67+
"twitter": "https://x.com/fhackdroid"
68+
}
69+
},
70+
{
71+
"name": "Arockiaraj Rayappan",
72+
"role": "Program Committee",
73+
"imagelink": "https://in.pycon.org/2024/image/team/arockiaraj.jpg",
74+
"socials": {
75+
"insta": "https://www.instagram.com/arockiaraj_rayappan/",
76+
"linkedin": "https://www.linkedin.com/in/arockiaraj-rayappan/",
77+
"github": "https://github.com/",
78+
"twitter": "https://x.com/arockiaraj1994"
79+
}
80+
},
81+
{
82+
"name": "Rayan Das",
83+
"role": "Ticketing & Registration",
84+
"imagelink": "https://in.pycon.org/2024/image/team/rayan_das.png",
85+
"socials": {
86+
"insta": "https://instagram.com/raydeeam",
87+
"linkedin": "https://www.linkedin.com/in/rayandas",
88+
"twitter": "https://x.com/raydeeam"
89+
}
90+
},
91+
{
92+
"name": "Abishek Mishra",
93+
"role": "Sponsorship",
94+
"imagelink": "https://raw.githubusercontent.com/abhishekmishragithub/Jekyll-site/master/assets/img/abhishek_mishra_001_adv-fotor.png",
95+
"socials": {
96+
"insta": "https://instagram.com/stalwartcoder",
97+
"linkedin": "https://linkedin.com/in/stalwartcoder",
98+
"web": "https://abhishekmishra.dev/about",
99+
"twitter": "https://x.com/stalwartcoder"
100+
}
101+
},
102+
{
103+
"name": "Dhanush Kandhan",
104+
"role": "Website & Technology",
105+
"imagelink": "https://dhanu.pages.dev/me.jpg",
106+
"socials": {
107+
"insta": "https://instagram.com/itsmedhanushk_",
108+
"linkedin": "https://www.linkedin.com/in/dhanushkandhan/",
109+
"web": "https://dhanu.pages.dev/",
110+
"github": "https://github.com/dhanushk-offl",
111+
"twitter": "https://x.com/akadhanu"
112+
}
113+
},
114+
{
115+
"name": "Shabnam",
116+
"role": "Design/CoC",
117+
"imagelink": "https://avatars.githubusercontent.com/u/9293037?v=4",
118+
"socials": {
119+
"linkedin": "https://www.linkedin.com/in/shabnam1/",
120+
"twitter": "https://x.com/iishabbyii"
121+
}
122+
},
123+
{
124+
"name": "Arthi Murali ",
125+
"role": "Content & Communication",
126+
"imagelink": "https://in.pycon.org/2024/image/team/arthi.jpg",
127+
"socials": {
128+
"insta": "https://www.instagram.com/arthi_ishita",
129+
"linkedin": "https://www.linkedin.com/in/meetarthi/",
130+
"twitter": "https://x.com/meetarthi/"
131+
}
132+
},
133+
{
134+
"name": "Surbhi Kathuria",
135+
"role": "Content & Communication",
136+
"imagelink": "/img/team/Surbhi.jpg",
137+
"socials": {
138+
"insta": "https://www.instagram.com/surbhik09/?next=%2F&hl=en",
139+
"linkedin": "https://www.linkedin.com/in/surbhikathuria09",
140+
"github": "https://github.com/SurbhiK-09/"
141+
}
142+
},
143+
{
144+
"name": "Kiritheka Dhanabalan",
145+
"role": "Program Committee",
146+
"imagelink": "/img/team/Kiritheka-Dhanabalan1.jpg",
147+
"socials": {
148+
"linkedin": "https://www.linkedin.com/in/kiritheka-dhanabalan",
149+
"github": "https://github.com/kirithekaDhanabalan"
150+
}
151+
}
152+
]
153+
}

‎src/_includes/navbar.njk

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
{% from "components/button.njk" import button %}
12
{% macro navbar(isHomePage = false, env = env) %}
23
<nav class="w-full flex justify-center {% if isHomePage %}bg-black{% else %}bg-pycon-blue{% endif %} z-50 fixed top-0 left-0 right-0 transition-all duration-500" id="main-navbar">
34
<div class="w-full max-w-5xl mx-auto px-6 hidden md:block py-3">
@@ -7,6 +8,14 @@
78
</a>
89
<ul class="flex items-center justify-center w-full gap-8 relative mb-0">
910
{% set menuItems = [
11+
{
12+
"name": "About",
13+
"hasSubmenu": true,
14+
"submenu": [
15+
{"name": "About Team", "link": "about"},
16+
{"name": "FAQ", "link": "faq"}
17+
]
18+
},
1019
{
1120
"name": "CFP",
1221
"link": "cfp",
@@ -86,9 +95,7 @@
8695
{% endfor %}
8796
</ul>
8897
<div class="absolute right-0">
89-
<a href="{{ env.baseUrl }}tickets" class="font-medium text-black bg-pycon-lime/90 hover:bg-pycon-lime text-sm py-2 px-4 rounded-full transition-all duration-200 no-underline nav-button">
90-
Get Tickets
91-
</a>
98+
{{ button(text="Get Tickets", url="/tickets", lime_bg=true, env=env) }}
9299
</div>
93100
</div>
94101
</div>
@@ -175,10 +182,8 @@
175182
{% endif %}
176183
{% endfor %}
177184

178-
<div class="mt-6">
179-
<a href="{{ env.baseUrl }}tickets" class="flex justify-center items-center bg-pycon-lime text-black font-medium rounded-lg p-4 text-center w-full no-underline text-base transition-all duration-200 hover:bg-pycon-lime/80">
180-
Get Tickets
181-
</a>
185+
<div class="mt-6 flex justify-center items-center">
186+
{{ button(text="Get Tickets", url="/tickets", lime_bg=true, env=env) }}
182187
</div>
183188
</div>
184189

‎src/about.njk

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
---
2+
title: About the Team - PyCon India 2025
3+
description: PyCon India is a volunteer driven conference. Like every year, we need enthusiastic and driven volunteer drive to make PyCon India successful.
4+
layout: base.njk
5+
---
6+
<header>
7+
{% set activePage = 'about' %}
8+
</header>
9+
10+
<div class="min-h-0 bg-pycon-blue">
11+
<div class="container mx-auto px-8 py-16">
12+
<div class="flex flex-col lg:flex-row items-center justify-between min-h-[70vh] gap-8">
13+
<!-- Left Content Section -->
14+
<div class="flex-1 max-w-2xl text-center lg:text-left">
15+
<h1 class="text-4xl md:text-3xl lg:text-4xl font-bold text-white mb-6 lg:mb-8 leading-tight">
16+
The Origin Story
17+
</h1>
18+
19+
<h2 class="text-lg md:text-xl lg:text-2xl text-blue-100 mb-4 lg:mb-6 font-medium">
20+
About PyCon India 2025
21+
</h2>
22+
23+
<p class="text-base md:text-lg text-blue-50 leading-relaxed max-w-lg mx-auto lg:mx-0 mb-8">
24+
PyCon India is a volunteer driven conference. Like every year, we need enthusiastic and driven volunteer drive to make PyCon India successful.
25+
</p>
26+
27+
<!-- Image for mobile - shown below content -->
28+
<div class="flex lg:hidden justify-center items-center mt-8">
29+
<div class="max-w-sm w-full">
30+
<img
31+
src="/img/assets/about-team.svg"
32+
alt="Team collaboration illustration"
33+
class="w-full h-auto"
34+
/>
35+
</div>
36+
</div>
37+
</div>
38+
39+
<!-- Right Image Section - hidden on mobile -->
40+
<div class="hidden lg:flex flex-2 justify-center items-center">
41+
<div class="max-w-sm md:max-w-md w-full">
42+
<img
43+
src="/img/assets/about-team.svg"
44+
alt="Team collaboration illustration Part"
45+
class="w-full h-auto transition-all duration-300 animate-float"
46+
/>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
53+
<!-- Team Section -->
54+
<div class="min-h-screen bg-gray-50 py-16 mb-16">
55+
<div class="container mx-auto px-8">
56+
<div class="flex flex-col justify-start items-start gap-3.5 mb-16">
57+
<h1 class="text-4xl md:text-3xl lg:text-4xl font-bold text-black leading-tight">The Team</h1>
58+
</div>
59+
60+
<!-- Team Grid -->
61+
<div class="grid grid-cols-2 lg:grid-cols-5 gap-4 lg:gap-8">
62+
{% for member in teamMembers.teamMembers %}
63+
<div class="team-card-3d w-full">
64+
<div class="team-card-content w-full flex flex-col justify-start items-start">
65+
<!-- Image Container -->
66+
<div class="w-full h-32 sm:h-36 lg:h-[147px] bg-[#8385f2] overflow-hidden relative">
67+
{% if member.imagelink %}
68+
<img src="{{ member.imagelink }}"
69+
alt="{{ member.name }}"
70+
class="w-full h-full object-cover team-image"
71+
loading="lazy"
72+
onerror="this.style.display='none'">
73+
{% endif %}
74+
</div>
75+
76+
<div class="w-full flex flex-col justify-start items-start gap-2 lg:gap-3 pt-3">
77+
<!-- Name -->
78+
<div class="w-full text-black text-sm sm:text-base lg:text-2xl font-normal acid-grotesk leading-tight lg:leading-7">
79+
{{ member.name }}
80+
</div>
81+
82+
<!-- Role -->
83+
<div class="w-full text-slate-400 text-xs sm:text-sm lg:text-base font-normal acid-grotesk leading-tight lg:leading-7">
84+
{{ member.role }}
85+
</div>
86+
87+
<!-- Social Icons -->
88+
<div class="w-full flex justify-start items-center gap-2 lg:gap-4 flex-wrap">
89+
{% if member.socials.insta %}
90+
<a href="{{ member.socials.insta }}" target="_blank" rel="noopener noreferrer"
91+
class="social-icon-3d p-1 rounded-full border border-slate-400 flex justify-center items-center flex-shrink-0">
92+
<img class="w-3 h-3 lg:w-4 lg:h-4 text-slate-400" src="/img/assets/socials/insta.svg" alt="Instagram Icon" />
93+
</a>
94+
{% endif %}
95+
96+
{% if member.socials.linkedin %}
97+
<a href="{{ member.socials.linkedin }}" target="_blank" rel="noopener noreferrer"
98+
class="social-icon-3d p-1 rounded-full border border-slate-400 flex justify-center items-center flex-shrink-0">
99+
<img class="w-3 h-3 lg:w-4 lg:h-4 text-slate-400" src="/img/assets/socials/linkedin.svg" alt="LinkedIn Icon" />
100+
</a>
101+
{% endif %}
102+
103+
{% if member.socials.web %}
104+
<a href="{{ member.socials.web }}" target="_blank" rel="noopener noreferrer"
105+
class="social-icon-3d p-1 rounded-full border border-slate-400 flex justify-center items-center flex-shrink-0">
106+
<img class="w-3 h-3 lg:w-4 lg:h-4 text-slate-400" src="/img/assets/socials/web.svg" alt="Website Icon" />
107+
</a>
108+
{% endif %}
109+
110+
{% if member.socials.github %}
111+
<a href="{{ member.socials.github }}" target="_blank" rel="noopener noreferrer"
112+
class="social-icon-3d p-1 rounded-full border border-slate-400 flex justify-center items-center flex-shrink-0">
113+
<img class="w-3 h-3 lg:w-4 lg:h-4 text-slate-400" src="/img/assets/socials/github.svg" alt="GitHub Icon" />
114+
</a>
115+
{% endif %}
116+
117+
{% if member.socials.twitter %}
118+
<a href="{{ member.socials.twitter }}" target="_blank" rel="noopener noreferrer"
119+
class="social-icon-3d p-1 rounded-full border border-slate-400 flex justify-center items-center flex-shrink-0">
120+
<img class="w-3 h-3 lg:w-4 lg:h-4 text-slate-400" src="/img/assets/socials/twitter.svg" alt="Twitter Icon" />
121+
</a>
122+
{% endif %}
123+
</div>
124+
</div>
125+
</div>
126+
</div>
127+
{% endfor %}
128+
</div>
129+
</div>
130+
</div>

0 commit comments

Comments
 (0)