feat: Add /colors-page

Might need some rework with json-data, but a quick addition so far.

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

src/pages/colors.astro

@@ -0,0 +1,18 @@
+---
+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>

src/pages/slashes.md

@@ -12,6 +12,9 @@ These are the rest of the [slash pages](https://slashpages.net/) on my website.
 
 [💼 carry](/carry) · what's in my inventory?
 
+[🌈 colors](/colors) · i like colors, here are some
+
+
 [🌐 contact](/contact) · ways to reach me across the cyberspace
 
 [📜 cv](/cv) · my resume