Started the main game display page.

pages/game/index.html

@@ -1,27 +1,23 @@
 <script>
-  let Games = new PaginateTable("/api/game");
+   let Games = new PaginateTable('/api/game');
 </script>
 
-<block class="bg-gray-300 dark:bg-gray-800">
-  <h1 id="page-title">Zed's Trash Ass Games</h1>
+<aside>
+  <h1 id="page-title">Games I've Made</h1>
 
-  <p>More fun than a barrel full of monkeys with syphilus.
-  </p>
-</block>
+  <p>I only started making games in 2025, and in that time I've made these.  All games are hand coded in C++ or another language and feature all hand crafted art by me unless stated otherwise.  You can find the code to all games in my <a href="https://git.zedshaw.games/games/">git repo</a>.</p>
+</aside>
 
-<hr class="h-10"/>
-<grid x-data="Games" class="grid-cols-2">
+<block x-data="Games">
   <template x-for="item in contents">
-    <shape class="xs">
-      <a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
-      <p x-text="item.description"></p>
-    </shape>
+    <grid class="two-panel">
+      <a data-testid="game-link" x-bind:href="`/game/${item.id}/${item.slug}/`">
+        <img x-bind:src="item.image" />
+      </a>
+      <block>
+        <h3 x-text="item.title"></h3>
+        <p x-text="item.description"></p>
+      </block>
+    </grid>
   </template>
-</grid>
-
-
-<block class="bg-gray-300 dark:bg-gray-800">
-  <h2>Read The Code</h2>
-  <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
-  <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
 </block>