Skip to content

Commit 07e3a37

Browse files
codewithdevcodewithdev
committed
talks and session cards
1 parent 78d96c9 commit 07e3a37

File tree

3 files changed

+133
-73
lines changed

3 files changed

+133
-73
lines changed

‎pages/index.tsx‎

Lines changed: 133 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Suspense, useState, useEffect } from 'react';
1+
import { useState, useEffect } from 'react';
22
import Image from 'next/image';
33
import Link from 'next/link';
44
import { useTheme } from 'next-themes';
@@ -49,86 +49,146 @@ export default function Home() {
4949
}, []);
5050

5151
return (
52-
<Suspense fallback={null}>
53-
<Container>
54-
<div className="flex flex-col justify-center items-start max-w-2xl border-gray-200 dark:border-gray-700 mx-auto pb-16">
55-
<div className="w-full mb-8">
56-
{weather.temp !== null && (
57-
<div className="bg-white dark:bg-gray-900 rounded-lg px-4 py-3 shadow-sm border border-gray-200 dark:border-gray-800">
58-
<div className="flex items-center justify-between">
59-
<div className="flex items-center space-x-2">
60-
<svg className="w-5 h-5 text-[#F48024]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
61-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
62-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
63-
</svg>
64-
<span className="text-gray-600 dark:text-gray-400">
65-
{weather.location}, {weather.country} • {weather.temp}°C
66-
</span>
67-
</div>
52+
<Container>
53+
<div className="flex flex-col justify-center items-start max-w-2xl border-gray-200 dark:border-gray-700 mx-auto pb-16">
54+
<div className="w-full mb-8">
55+
{weather.temp !== null && (
56+
<div className="bg-white dark:bg-gray-900 rounded-lg px-4 py-3 shadow-sm border border-gray-200 dark:border-gray-800">
57+
<div className="flex items-center justify-between">
58+
<div className="flex items-center space-x-2">
59+
<svg className="w-5 h-5 text-[#F48024]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
60+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
61+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
62+
</svg>
63+
<span className="text-gray-600 dark:text-gray-400">
64+
{weather.location}, {weather.country} • {weather.temp}°C
65+
</span>
6866
</div>
6967
</div>
70-
)}
71-
</div>
72-
73-
<div className="flex flex-col-reverse sm:flex-row items-start">
74-
<div className="flex flex-col pr-8">
75-
<h1 className="font-bold text-3xl md:text-5xl tracking-tight mb-1 text-black dark:text-white">
76-
Dev Prakash Sharma
77-
</h1>
78-
<h2 className="text-gray-700 dark:text-gray-200 mb-4">
79-
<i>A</i> technology nerd, tech docs optimizer, a thought leader, and a minimalist coder.</h2>
80-
<p className="text-gray-600 dark:text-gray-400 mb-16">
81-
<h3>Hi 👋 , I'm Dev. A motorcycle rider, programming writer, caffeine-addict, and an open source developer. When I am not at work, I like revving, exploring places, and collecting memories with my motorcycle.
82-
I read <i>Non</i>-fiction books, a bit nerdy, quite ambitious, and like adventure, I like chilled LIITs 🍷 more than wines. I dream about chatting in Markdown 💬
83-
</h3></p>
84-
</div>
85-
<div className="w-[80px] sm:w-[176px] relative mb-8 sm:mb-0 mr-auto">
86-
<Image
87-
alt="Dev Prakash Sharma"
88-
height={176}
89-
width={176}
90-
src="/headshot-dev.jpg"
91-
sizes="30vw"
92-
priority
93-
className={`rounded-full filter ${
94-
resolvedTheme === 'light' ? 'grayscale-0' : 'grayscale'
95-
}`}
96-
/>
9768
</div>
69+
)}
70+
</div>
71+
72+
<div className="flex flex-col-reverse sm:flex-row items-start">
73+
<div className="flex flex-col pr-8">
74+
<h1 className="font-bold text-3xl md:text-5xl tracking-tight mb-1 text-black dark:text-white">
75+
Dev Prakash Sharma
76+
</h1>
77+
<h2 className="text-gray-700 dark:text-gray-200 mb-4">
78+
<i>A</i> technology nerd, tech docs optimizer, a thought leader, and a minimalist coder.</h2>
79+
<div className="text-gray-600 dark:text-gray-400 mb-16">
80+
<h3>Hi 👋 , I'm Dev. A motorcycle rider, programming writer, public speaker, caffeine-addict, and an open source developer. When I am not at work, I like revving, exploring places, and collecting memories with my motorcycle.
81+
I read <i>Non</i>-fiction books, a bit nerdy, quite ambitious, and like adventure, I like chilled LIITs 🍷 more than wines. I dream about chatting in Markdown 💬
82+
</h3></div>
9883
</div>
84+
<div className="w-[80px] sm:w-[176px] relative mb-8 sm:mb-0 mr-auto">
85+
<Image
86+
alt="Dev Prakash Sharma"
87+
height={176}
88+
width={176}
89+
src="/headshot-dev.jpg"
90+
sizes="30vw"
91+
priority
92+
className={`rounded-full filter ${
93+
resolvedTheme === 'light' ? 'grayscale-0' : 'grayscale'
94+
}`}
95+
/>
96+
</div>
97+
</div>
9998

99+
<h3 className="font-bold text-2xl md:text-4xl tracking-tight mb-6 text-black dark:text-white">
100+
Featured Posts
101+
</h3>
102+
<div className="flex gap-6 flex-col md:flex-row">
103+
<BlogPostCard
104+
title="Technical Writing: Modern Practice for building Software Documentation in Tech Industry"
105+
slug="technical-writing-in-software-companies"
106+
gradient="from-[#F9C823] to-[#FC506E]"
107+
/>
108+
</div>
109+
<div className="mt-12">
100110
<h3 className="font-bold text-2xl md:text-4xl tracking-tight mb-6 text-black dark:text-white">
101-
Featured Posts
111+
Featured Tech Talks and Podcasts
102112
</h3>
103113
<div className="flex gap-6 flex-col md:flex-row">
104-
<BlogPostCard
105-
title="Technical Writing: Modern Practice for building Software Documentation in Tech Industry"
106-
slug="technical-writing-in-software-companies"
107-
gradient="from-[#F9C823] to-[#FC506E]"
108-
/>
109-
</div>
110-
<Link href="/blog" className="flex mt-8 text-gray-600 dark:text-gray-400 leading-7 rounded-lg hover:text-gray-800 dark:hover:text-gray-200 transition-all h-6">
111-
Read all posts
112-
<svg
113-
xmlns="http://www.w3.org/2000/svg"
114-
fill="none"
115-
viewBox="0 0 24 24"
116-
className="h-6 w-6 ml-1"
114+
<a
115+
href="https://www.instagram.com/p/CKN8RJRLcqr/"
116+
target="_blank"
117+
rel="noopener noreferrer"
118+
className="group flex-1 max-w-full md:max-w-[320px] rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 shadow hover:shadow-lg transition-shadow duration-200 overflow-hidden"
119+
style={{ minWidth: 0 }}
117120
>
118-
<path
119-
stroke="currentColor"
120-
strokeLinecap="round"
121-
strokeLinejoin="round"
122-
strokeWidth={2}
123-
d="M17.5 12h-15m11.667-4l3.333 4-3.333-4zm3.333 4l-3.333 4 3.333-4z"
124-
/>
125-
</svg>
126-
</Link>
127-
<span className="h-16" />
128-
<Subscribe />
121+
<div className="relative w-full h-44 md:h-48">
122+
<Image
123+
src="/public-talks-1.png"
124+
alt=""
125+
fill
126+
className="object-cover w-full h-full transition-transform duration-200 group-hover:scale-105"
127+
sizes="(max-width: 768px) 100vw, 320px"
128+
/>
129+
</div>
130+
<div className="p-4 flex flex-col gap-2 h-full justify-start">
131+
<h3 className="font-semibold text-lg text-gray-900 dark:text-white mb-1">
132+
Kickstart Open Source with Git and Versioning | Gitam University
133+
</h3>
134+
<p className="text-gray-600 dark:text-gray-400 text-sm mb-2">
135+
This talk covered hands-on training for understanding Git and GitHub end-to-end, including practical guidance on contributing to open source projects like Tensorflow, GitHub Docs, and AngularJS.
136+
</p>
137+
</div>
138+
</a>
139+
<a
140+
href="https://x.com/GDG_IGDTUW/status/1353653006760341504"
141+
target="_blank"
142+
rel="noopener noreferrer"
143+
className="group flex-1 max-w-full md:max-w-[320px] rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 shadow hover:shadow-lg transition-shadow duration-200 overflow-hidden"
144+
style={{ minWidth: 0 }}
145+
>
146+
<div className="relative w-full h-44 md:h-48">
147+
<Image
148+
src="/public-talks-2.png"
149+
alt=""
150+
fill
151+
className="object-cover w-full h-full transition-transform duration-200 group-hover:scale-105"
152+
sizes="(max-width: 768px) 100vw, 320px"
153+
/>
154+
</div>
155+
<div className="p-4 flex flex-col gap-2 h-full justify-start">
156+
<h3 className="font-semibold text-lg text-gray-900 dark:text-white mb-1">
157+
Tech Talk: Google Developer Community | IGDTUW, New Delhi
158+
</h3>
159+
<p className="text-gray-600 dark:text-gray-400 text-sm mb-2">
160+
Conducted a full day and interactive session on Open Source, Git, best practices for participating in Hackathons,
161+
and hands-on practical training for students at IGDTUW. Talked about career growth, shared interview preparation, and covered
162+
practical tips for approaching problemns and developing string foundation skills.
163+
</p>
164+
</div>
165+
</a>
166+
</div>
167+
<div className="mt-8">
168+
<Link href="/blog" className="flex text-gray-600 dark:text-gray-400 leading-7 rounded-lg hover:text-gray-800 dark:hover:text-gray-200 transition-all h-6">
169+
Read all posts
170+
<svg
171+
xmlns="http://www.w3.org/2000/svg"
172+
fill="none"
173+
viewBox="0 0 24 24"
174+
className="h-6 w-6 ml-1"
175+
>
176+
<path
177+
stroke="currentColor"
178+
strokeLinecap="round"
179+
strokeLinejoin="round"
180+
strokeWidth={2}
181+
d="M17.5 12h-15m11.667-4l3.333 4-3.333-4zm3.333 4l-3.333 4 3.333-4z"
182+
/>
183+
</svg>
184+
</Link>
185+
</div>
129186
</div>
130-
<Footer />
131-
</Container>
132-
</Suspense>
187+
<span className="h-16" />
188+
<Subscribe />
189+
</div>
190+
<Footer />
191+
</Container>
133192
);
134-
}
193+
}
194+

‎public/public-talks-1.png‎

638 KB
Loading

‎public/public-talks-2.png‎

2.07 MB
Loading

0 commit comments

Comments
 (0)