---
layout: layouts/base.njk
title: Portfolio
permalink: /portfolio/
---

<h1 class="text-2xl font-bold mb-4">Portfolio</h1>
<p class="text-gray-600 dark:text-gray-400 mb-6">Showcase selected work. Replace with your own projects and case studies.</p>

<section class="space-y-8">
  <div>
    <h2 class="text-xl font-semibold">Static Blog Template</h2>
    <p class="text-gray-700 dark:text-gray-300">An Eleventy starter focused on accessibility, IndieWeb features, and reliable E2E tests.</p>
    <ul class="list-disc pl-5 text-gray-600 dark:text-gray-400 text-sm">
      <li>Accessible navigation and skip links</li>
      <li>Open Graph/Twitter meta defaults</li>
      <li>Playwright tests (responsive, a11y flows, search)</li>
    </ul>
  </div>

  <div>
    <h2 class="text-xl font-semibold">Design System Pages</h2>
    <p class="text-gray-700 dark:text-gray-300">A living style guide to keep typography and components consistent.</p>
  </div>

  <div class="bg-[var(--surface)] border rounded p-4">
    <p class="font-medium">Interested in working together?</p>
    <p class="text-sm text-gray-600 dark:text-gray-400">Add your services and contact details here.</p>
  </div>
</section>