add preview cards

content/index.css

@@ -26,7 +26,7 @@ body {
 	overflow-y: scroll;
 	max-width: 100ch;
 	padding: 0 1rem;
-	margin: 0 auto;
+	margin: 0 auto 2rem;
 	font-family: var(--font-family);
 	color: var(--text-color);
 	background-color: var(--background-color);
@@ -228,3 +228,20 @@ img {
 .web-button {
 	image-rendering: pixelated;
 }
+
+.card-gallery {
+	list-style: none;
+	padding-left: 0;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+}
+
+.card img {
+	width: 175px;
+	height: 125px;
+}
+
+.card p {
+	width: 175px;
+}

content/index.md

@@ -26,10 +26,6 @@ Sticker by [djuan](https://linktr.ee/mkiiisystem)!
 {% webButton '/a/button-nycki.png', 'nycki' %}
 {% webButton '/a/button-cohost-mykocalico.png', 'i was on cohost!', 'https://cohost.org/nycki' %}
 
-## blog
-
-[blog](/blog) | [feed.xml](/blog/feed.xml)
-
 ## cool people buttons go here
 
 {% webButton '/a/button-sofia.png', 'sofia-drawsmore', 'https://sofiadrawsmore.neocities.org/' %}
@@ -38,17 +34,22 @@ Sticker by [djuan](https://linktr.ee/mkiiisystem)!
 {% webButton '/a/button-alterae.webp', 'alterae', 'https://alterae.online/' %}
 {% webButton '/a/button-88by31.gif', '88 by 31', 'https://cyber.dabamos.de/88x31/' %}
 
-## creations
+## my stuff
 
-Stuff I've made!
+<ul class="card-gallery">
+<div class="card">
+<a href="/pyramids/"><img src="/a/card-pyramides-papyrium.jpg"></a>
 
-### Pyramides Papyrium
+**[Pyramides Papyrium](/pyramids/), 2025.** Foldable stackable colorblind-friendly game pieces!
 
-2025\. homeworlds pyramids, made from die-cut paper! [link](/pyramids/)
+</div>
+<div class="card">
+<a href="/zendo/"><img src="/a/card-graph-zendo.png"></a>
 
-### Graph Zendo
+**[Graph Zendo](/zendo/), 2020.** An open-ended logic game to play with friends or colleagues!
 
-2020\. a modded version of the excellent Zendo by Kory Heath. my version uses flowcharts. you can play this at work. [link](/zendo/)
+</div>
+</ul>
 
 ### Braceless Javascript
 2018\. a couple of short programs written in browser JavaScript, with the special restriction that I can't use any instructions that require curly braces, like 'if' or 'for'. instead, I replace these instructions with ternaries and lambdas, which makes this a functional programming exercise!
@@ -91,7 +92,8 @@ gci -file | %{ ffmpeg -i $_.fullname $($_.basename).mp3 }
 
 ## log
 
+- 2025-03-21. Did some cleanup, added preview images for Pyramides Papyrium and Graph Zendo.
 - 2023-12-14. Updated this website to use markdown, via pandoc and make.
 - 2024-09-15. Redid the build process in Eleventy.
 - 2024-09-26. Updated my 88x31 button.
-- 2024-09-27. Changed pronouns from she/they to they/them. I'd describe myself as genderfluid overall.
+- 2024-09-27. Changed pronouns from she/they to they/them. I'd describe myself as genderfluid overall.