Files
portfolio/src/components/Hero.astro
T
lerko 6db5b36989 feat(design): external link colors, section dividers, nav scroll-spy
Dusty blue/violet link colors for external links (target="_blank") with
visited state. Both dark and light theme tokens. Mailto links included.

Section dividers via border-top on anchored sections. Scroll-margin-top
clears sticky nav on anchor jumps.

Nav scroll-spy highlights active section using IntersectionObserver +
scroll listener fallback for bottom-of-page edge case.
2026-05-26 20:43:56 -04:00

47 lines
1.2 KiB
Plaintext

<section class="mb-3lh">
<h1 class="text-xl font-bold mb-half-lh">Tyler Koenig</h1>
<p class="text-[var(--color-text-label)] mb-1lh">
Security Operations · Self-Hosted Infrastructure
</p>
<p class="text-[var(--color-text-label)] leading-relaxed mb-1lh">
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.
</p>
<nav class="flex flex-wrap items-center gap-x-2ch gap-y-half-lh text-[var(--color-text-label)]">
<a
href="https://github.com/lerko96"
target="_blank"
rel="noopener noreferrer"
class="underline"
>
GitHub
</a>
<a
href="https://gitea.lerkolabs.com/lerko"
target="_blank"
rel="noopener noreferrer"
class="underline"
>
Gitea
</a>
<a
href="https://www.linkedin.com/in/tyler-koenig"
target="_blank"
rel="noopener noreferrer"
class="underline"
>
LinkedIn
</a>
<a
href="mailto:tyler@lerkolabs.com"
target="_blank"
class="underline"
>
Email
</a>
</nav>
</section>