Skip to content

Commit e381f2f

Browse files
PriyanshuPzPriyanshuPz
committed
chore: updated some about info
Signed-off-by: Priyanshu Verma <priyanshuverma@outlook.in>
1 parent a308a6b commit e381f2f

8 files changed

Lines changed: 115 additions & 654 deletions

File tree

‎.vscode/settings.json‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎package.json‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,9 @@
1616
"@sveltejs/adapter-static": "^3.0.10",
1717
"@sveltejs/kit": "^2.50.1",
1818
"@sveltejs/vite-plugin-svelte": "^6.2.4",
19-
"@tailwindcss/typography": "^0.5.19",
20-
"@tailwindcss/vite": "^4.1.18",
2119
"gray-matter": "^4.0.3",
2220
"svelte": "^5.48.2",
2321
"svelte-check": "^4.3.5",
24-
"tailwindcss": "^4.1.18",
2522
"typescript": "^5.9.3",
2623
"vite": "^7.3.1"
2724
},

‎pnpm-lock.yaml‎

Lines changed: 5 additions & 583 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/lib/components/Seo.svelte‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,28 +27,24 @@
2727
</script>
2828

2929
<svelte:head>
30-
<!-- Primary Meta Tags -->
3130
<title>{fullTitle}</title>
3231
<meta name="title" content={fullTitle} />
3332
<meta name="description" content={description} />
3433
<meta name="robots" content={robots} />
3534
<link rel="canonical" href={currentUrl} />
3635

37-
<!-- Open Graph / Facebook -->
3836
<meta property="og:type" content={type} />
3937
<meta property="og:url" content={currentUrl} />
4038
<meta property="og:title" content={fullTitle} />
4139
<meta property="og:description" content={description} />
4240
<meta property="og:image" content={ogImage} />
4341
<meta property="og:site_name" content="P8labs" />
4442

45-
<!-- Twitter -->
4643
<meta property="twitter:card" content="summary_large_image" />
4744
<meta property="twitter:url" content={currentUrl} />
4845
<meta property="twitter:title" content={fullTitle} />
4946
<meta property="twitter:description" content={description} />
5047
<meta property="twitter:image" content={ogImage} />
5148

52-
<!-- JSON-LD Schema -->
5349
{@html `<script type="application/ld+json">${JSON.stringify(jsonLd)}</script>`}
5450
</svelte:head>

‎src/routes/about/+page.svelte‎

Lines changed: 107 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -30,36 +30,48 @@
3030
</p>
3131
</section>
3232

33-
<section class="founder-section">
34-
<h2>Founder</h2>
35-
<div class="founder-card">
36-
<div class="founder-avatar">
33+
<section class="people-section">
34+
<h2>People Behind P8labs</h2>
35+
36+
<div class="person">
37+
<div class="person-avatar">
3738
<img
3839
src="https://priyanshupz.github.io/priyanshu.png"
3940
alt="Priyanshu Verma"
4041
/>
4142
</div>
42-
<div class="founder-info">
43+
<div class="person-info">
4344
<h3>Priyanshu Verma</h3>
44-
<p class="founder-title">Founder & Engineer</p>
45-
<p class="founder-bio">
46-
Priyanshu is a software engineer passionate about building developer
47-
tools, systems software, and experimental projects. With experience
48-
across web development, infrastructure, and AI, he founded P8labs to
49-
explore ideas at the intersection of technology and craft.
45+
<p class="person-role">Founder</p>
46+
<p class="person-bio">
47+
Founder of P8labs, focused on building intelligent software,
48+
developer tools, and experimental systems while leading the lab's
49+
vision and engineering direction.
50+
</p>
51+
<a
52+
href="https://priyanshupz.github.io"
53+
target="_blank"
54+
rel="noopener noreferrer">Website →</a
55+
>
56+
</div>
57+
</div>
58+
59+
<div class="person">
60+
<div class="person-avatar">
61+
<img src="/som.png" alt="Somveer Singh Verma" />
62+
</div>
63+
<div class="person-info">
64+
<h3>Somveer Singh Verma</h3>
65+
<p class="person-role">Strategic Advisor</p>
66+
<p class="person-bio">
67+
Provides strategic guidance and practical business perspective to
68+
P8labs, supporting long-term thinking and validating key decisions.
5069
</p>
51-
<div class="founder-links">
52-
<a
53-
href="https://priyanshupz.github.io"
54-
target="_blank"
55-
rel="noopener noreferrer">Portfolio</a
56-
>
57-
<a
58-
href="https://github.com/priyanshupz"
59-
target="_blank"
60-
rel="noopener noreferrer">GitHub</a
61-
>
62-
</div>
70+
<a
71+
href="https://www.linkedin.com/in/somveer-singh-verma-66344843/"
72+
target="_blank"
73+
rel="noopener noreferrer">LinkedIn →</a
74+
>
6375
</div>
6476
</div>
6577
</section>
@@ -87,6 +99,18 @@
8799
</div>
88100
</section>
89101
{/if}
102+
103+
<p class="closing-paragraph">
104+
P8labs operates with a focus on thoughtful engineering, responsible
105+
experimentation, and long-term independence. We build deliberately,
106+
explore ideas with care, and share what we learn along the way.
107+
</p>
108+
109+
<p class="closing-paragraph">
110+
If this resonates with you and you'd like to be part of the journey, reach
111+
out at
112+
<a href="mailto:contact@p8labs.tech">contact@p8labs.tech</a>.
113+
</p>
90114
</div>
91115
</div>
92116

@@ -125,59 +149,69 @@
125149
margin-bottom: 1.5rem;
126150
}
127151
128-
.founder-card {
152+
.people-section {
153+
max-width: 800px;
154+
}
155+
156+
.people-section h2 {
157+
margin-bottom: 60px;
158+
}
159+
160+
.person {
129161
display: flex;
130162
gap: 2rem;
131-
max-width: 800px;
132-
padding: 2rem;
133-
border: 1px solid #e5e5e5;
134-
border-radius: 8px;
135-
background: #fafafa;
163+
margin-bottom: 4rem;
136164
}
137165
138-
.founder-avatar {
166+
.person:last-child {
167+
margin-bottom: 0;
168+
}
169+
170+
.person-avatar {
139171
flex-shrink: 0;
140172
}
141173
142-
.founder-avatar img {
174+
.person-avatar img {
143175
width: 120px;
144176
height: 120px;
145177
border-radius: 50%;
146178
object-fit: cover;
147-
border: 3px solid #ffffff;
148179
}
149180
150-
.founder-info h3 {
181+
.person-info h3 {
151182
font-size: 1.5rem;
152183
font-weight: 600;
153184
color: #1a1a1a;
154-
margin-bottom: 0.25rem;
185+
margin-bottom: 0.5rem;
155186
}
156187
157-
.founder-title {
158-
font-size: 1rem;
188+
.person-role {
189+
font-size: 0.9375rem;
159190
font-weight: 400;
160191
color: #999;
192+
text-transform: uppercase;
193+
letter-spacing: 0.05em;
161194
margin-bottom: 1rem;
162195
}
163196
164-
.founder-bio {
197+
.person-bio {
165198
font-size: 1rem;
166199
font-weight: 300;
167200
color: #666;
168201
line-height: 1.7;
169202
margin-bottom: 1.5rem;
170203
}
171204
172-
.founder-links {
173-
display: flex;
174-
gap: 1.5rem;
205+
.person-info a {
206+
font-size: 0.9375rem;
207+
font-weight: 400;
208+
color: #1a1a1a;
209+
text-decoration: none;
210+
border-bottom: 1px solid #1a1a1a;
175211
}
176212
177-
.founder-links a {
178-
font-size: 0.9375rem;
179-
font-weight: 500;
180-
color: var(--color-accent-red);
213+
.person-info a:hover {
214+
opacity: 0.6;
181215
}
182216
183217
.section-description {
@@ -226,6 +260,30 @@
226260
color: var(--color-accent-red);
227261
}
228262
263+
.closing-paragraph {
264+
font-size: 1rem;
265+
font-weight: 300;
266+
color: #666;
267+
line-height: 1.7;
268+
max-width: 800px;
269+
margin-top: 4rem;
270+
margin-bottom: 1.5rem;
271+
}
272+
273+
.closing-paragraph:last-of-type {
274+
margin-bottom: 0;
275+
}
276+
277+
.closing-paragraph a {
278+
color: #1a1a1a;
279+
text-decoration: none;
280+
border-bottom: 1px solid #1a1a1a;
281+
}
282+
283+
.closing-paragraph a:hover {
284+
opacity: 0.6;
285+
}
286+
229287
@media (max-width: 768px) {
230288
.page-header h1 {
231289
font-size: 2rem;
@@ -235,22 +293,18 @@
235293
font-size: 1.5rem;
236294
}
237295
238-
.founder-card {
296+
.person {
239297
flex-direction: column;
240-
align-items: center;
241-
text-align: center;
242-
padding: 1.5rem;
298+
align-items: flex-start;
299+
gap: 1.5rem;
300+
margin-bottom: 3rem;
243301
}
244302
245-
.founder-avatar img {
303+
.person-avatar img {
246304
width: 100px;
247305
height: 100px;
248306
}
249307
250-
.founder-links {
251-
justify-content: center;
252-
}
253-
254308
.contributors-grid {
255309
grid-template-columns: 1fr;
256310
}

‎src/routes/layout.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
@import "@fontsource-variable/urbanist";
2-
@import "tailwindcss";
3-
@plugin '@tailwindcss/typography';
42

53
:root {
64
--color-accent-red: #e53935;

‎static/som.png‎

599 KB
Loading

‎vite.config.ts‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
import tailwindcss from '@tailwindcss/vite';
2-
import { sveltekit } from '@sveltejs/kit/vite';
3-
import { defineConfig } from 'vite';
1+
import { sveltekit } from "@sveltejs/kit/vite";
2+
import { defineConfig } from "vite";
43

5-
export default defineConfig({ plugins: [tailwindcss(), sveltekit()] });
4+
export default defineConfig({ plugins: [sveltekit()] });

0 commit comments

Comments
 (0)