---
import SectionContainer from "../components/SectionContainer.astro";
import appearances from "../data/appearances.json";
---

<SectionContainer title="appearances" description="where i’ve shared insights or participated">
  <main class="flex flex-col flex-1 gap-2 mt-4">
    <h1 class="text-3xl font-extrabold">[ colors i like ]</h1>
    <ul class="blog">
      <li>
        <svg width="20" height="20" style="display: inline; justify-content: center; align-items: center;">
          <rect width="20" height="20" style="fill:#ffffa6;stroke-width:3;stroke:rgb(0,0,0)" />
        </svg>
        Pastel Yellow - <code>#ffffa6</code>
      </li>
    </ul>
  </main>
</SectionContainer>