rzen
e873460465
- New "Why this exists" post; masthead "founded" links to it
- Post template: serif headline + date in masthead, "Filed under {category}" in footer
- Drop counts from footer Collections list
- Masonry component for home + sources grid; source badges link to /sources/#slug
- Theme toggle (settings page + cog) with dark-mode-aware tokens
- Six new themed find lists; cluster-finds skill
37 lines
793 B
Plaintext
37 lines
793 B
Plaintext
---
|
|
import { sourceSlug } from '../lib/sources';
|
|
|
|
interface Props {
|
|
source: string;
|
|
prefix?: string;
|
|
}
|
|
const { source, prefix = 'via' } = Astro.props;
|
|
const href = `/sources/#${sourceSlug(source)}`;
|
|
---
|
|
|
|
<span class="source-badge">
|
|
{prefix} <a href={href} class="name">{source}</a>
|
|
</span>
|
|
|
|
<style>
|
|
.source-badge {
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
gap: 0.3rem;
|
|
font-family: ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', sans-serif;
|
|
font-size: 0.72rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.04em;
|
|
color: var(--muted);
|
|
}
|
|
.source-badge .name {
|
|
color: var(--accent);
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
font-weight: 600;
|
|
}
|
|
.source-badge .name:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|