---
layout: layouts/base.njk
title: Links
permalink: /links/
---

<h1 class="text-2xl font-bold mb-4">Links</h1>
<p class="text-gray-600 dark:text-gray-400 mb-6">A curated index of sites, references, and tools. Replace these with your own favorites or wire up a bookmarks feed.</p>

<section class="space-y-8">
  <div>
    <h2 class="text-lg font-semibold">Web Development</h2>
    <ul class="list-disc pl-6">
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://www.11ty.dev/">Eleventy</a> — Static site generator with a small, flexible core.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://playwright.dev/">Playwright</a> — Reliable end‑to‑end testing across browsers.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://web.dev/">web.dev</a> — Guides on performance and modern web APIs.</li>
    </ul>
  </div>

  <div>
    <h2 class="text-lg font-semibold">IndieWeb & Publishing</h2>
    <ul class="list-disc pl-6">
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://indieweb.org/">IndieWeb Wiki</a> — Build on your own domain with open standards.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://microformats.org/">microformats</a> — Semantic markup for people and posts.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://mehdix.ir/awesome-static-generators/">Awesome Static Generators</a> — Explore SSGs.</li>
    </ul>
  </div>

  <div>
    <h2 class="text-lg font-semibold">Design & Accessibility</h2>
    <ul class="list-disc pl-6">
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://www.a11yproject.com/">The A11Y Project</a> — Practical accessibility resources.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://type-scale.com/">Type Scale</a> — Visualize typographic scales.</li>
      <li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://colorandcontrast.com/">Color & Contrast</a> — Understand accessible color usage.</li>
    </ul>
  </div>
</section>