---
import ProjectWall from '../../components/geek/ProjectWall.astro';
import Heatmap from '../../components/geek/Heatmap.astro';
import BaseLayout from '../../layouts/BaseLayout.astro';
import { t } from '../../i18n/ui';
import { openSourceCopy } from '../../lib/site-content';

const copy = await openSourceCopy('en');
---
<BaseLayout title="Open Source · wait4x" description="My open-source activity: repos, contributions, and this site's source">
  <h1 class="page-title">Open Source</h1>
  <p class="blurb">{copy.blurb}<a class="link" href={copy.repoUrl}>{copy.repoLabel}</a>{copy.blurbAfter}</p>
  <Heatmap labels={{
    title: t('heatmap_title', 'en'), summary: t('heatmap_summary', 'en'),
    less: t('heatmap_less', 'en'), more: t('heatmap_more', 'en'), note: t('heatmap_note', 'en'),
  }} />
  <ProjectWall limit={99} locale="en" pinned={copy.pinned} />
</BaseLayout>

<style>
  .page-title { font-size: var(--text-h1); color: var(--ink-1); }
  .blurb { margin-top: var(--space-3); margin-bottom: var(--space-5); font-size: 15px; color: var(--ink-2); line-height: 1.7; max-width: 640px; }
</style>