lerko
6db5b36989
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.
36 lines
740 B
Plaintext
36 lines
740 B
Plaintext
---
|
|
import type { Project } from "@/data/projects";
|
|
|
|
interface Props {
|
|
project: Project;
|
|
}
|
|
|
|
const { project } = Astro.props;
|
|
---
|
|
|
|
<article class="mb-2lh">
|
|
<div class="flex items-baseline gap-1ch mb-half-lh">
|
|
<h3>
|
|
<a
|
|
href={project.githubUrl}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="font-semibold underline"
|
|
>
|
|
{project.title}
|
|
</a>
|
|
</h3>
|
|
{project.statusBadge && (
|
|
<span class="text-[var(--color-text-dim)]">({project.statusBadge})</span>
|
|
)}
|
|
</div>
|
|
|
|
<p class="text-[var(--color-text-label)] leading-relaxed mb-half-lh">
|
|
{project.description}
|
|
</p>
|
|
|
|
<p class="text-[var(--color-text-dim)]">
|
|
{project.tags.join(" · ")}
|
|
</p>
|
|
</article>
|