lerko/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat/polish (#5)
All checks were successful
Build and Deploy / deploy (push) Successful in 51s
Details

Browse Source 
Reorder homepage sections (journey above projects), refine component styles, update copy and data across projects, timeline, and homelab.

Reviewed-on: #5
This commit was merged in pull request #5.
This commit is contained in:
tyler
2026-04-20 00:34:50 +00:00
parent 8e9fcfaeeb
commit 4e51dd4a83
15 changed files with 397 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Hero.tsx
View File

@@ -1,10 +1,15 @@
export default function Hero() {
return (
<section className="mb-16">
<div className="flex flex-col gap-3">
<div className="flex flex-col gap-1ch">
<div>
<p className="font-mono text-base font-bold text-[var(--color-text)]">
<span className="text-[var(--color-accent-green)] select-none mr-2" aria-hidden="true">❯</span>
<p className="font-mono text-sm font-bold text-[var(--color-text)]">
<span
className="text-[var(--color-accent-green)] select-none mr-1ch"
aria-hidden="true"
>
❯
</span>
tyler koenig
</p>
<p className="font-mono text-sm text-[var(--color-text-label)] mt-0.5">
@@ -12,15 +17,20 @@ export default function Hero() {
</p>
</div>
<p className="font-mono text-sm text-[var(--color-text)] leading-relaxed max-w-lg opacity-70">
Security operations and self-hosted infrastructure. Homelab runs 37
<p className="font-mono text-sm text-[var(--color-text)] leading-relaxed opacity-70">
Homelab runs 30+
services across segmented VLANs — pfSense, Authentik SSO, full
observability stack. Write software too: mobile apps, Go backends,
open protocols. Daily drivers, all of it.{' '}
<span className="animate-cursor text-[var(--color-accent-green)]" aria-hidden="true">█</span>
open protocols. Daily drivers, all of it.{" "}
<span
className="animate-cursor text-[var(--color-accent-green)]"
aria-hidden="true"
>
█
</span>
</p>
<div className="flex flex-wrap items-center gap-x-5 gap-y-1">
<div className="flex flex-wrap items-center gap-x-1ch gap-y-half-lh">
<span className="font-mono text-sm text-[var(--color-accent-green)]">
● available
</span>
@@ -33,6 +43,15 @@ export default function Hero() {
>
[github]
</a>
<a
href="https://gitea.lerkolabs.com/lerko"
target="_blank"
rel="noopener noreferrer"
aria-label="Gitea"
className="font-mono text-sm text-[var(--color-text-label)] hover:text-[var(--color-text)]"
>
[gitea]
</a>
<a
href="https://www.linkedin.com/in/tyler-koenig"
target="_blank"
@@ -43,7 +62,7 @@ export default function Hero() {
[linkedin]
</a>
<a
href="mailto:tylerkoenig96@gmail.com"
href="mailto:tyler@lerkolabs.com"
aria-label="Email"
className="font-mono text-sm text-[var(--color-text-label)] hover:text-[var(--color-text)]"
>