add dpl

justfile

@@ -109,7 +109,8 @@ build-mgba-wasm:
 
 build-combo-rom-site:
     just _build-rom "examples/combo" "AGBGAMES"
-    gzip -9 -c examples/target/examples/combo.gba > website/agb/src/app/combo.gba.gz
+    mkdir -p website/agb/src/roms
+    gzip -9 -c examples/target/examples/combo.gba > website/agb/src/roms/combo.gba.gz
 
 
 setup-app-build: build-mgba-wasm build-combo-rom-site build-website-backtrace

website/agb/src/app/showcase/[game]/page.tsx

@@ -18,7 +18,7 @@ export async function generateStaticParams() {
   }));
 }
 
-export function getGame(slug: string) {
+function getGame(slug: string) {
   const game = Games.find((game) => slugify(game.name) === slug);
   if (!game) {
     throw new Error("Not valid game name, this should never happen");

website/agb/src/app/showcase/data/tapir/dungeon/dungeon.tsx

@@ -0,0 +1,30 @@
+import { ShowcaseGame, shuffle } from "@/app/showcase/games";
+import d1 from "./the-dungeon-puzzlers-lament-0.png";
+import d2 from "./the-dungeon-puzzlers-lament-1.png";
+
+const Screenshots = [d1, d2];
+
+export const Dungeon: ShowcaseGame = {
+  name: "The Dungeon Puzzler's Lament",
+  developers: shuffle(["Corwin Kuiper", "Gwilym Inzani"]),
+  screenshots: Screenshots,
+  description: (
+    <>
+      <p>
+        Get through as many levels as possible in this space themed, dice
+        rolling roguelike.
+      </p>
+      <p>
+        Build up powerful combos to defeat enemies which keep getting stronger.
+        Slowly acquire more dice and upgrade them in order to handle the
+        increasing strength of the enemies you face.
+      </p>
+
+      <p>
+        Hyperspace Roll was influenced by great games such as Slay the Spire,
+        FTL and the board game Escape: The Curse of the Temple.
+      </p>
+    </>
+  ),
+  itch: new URL("https://setsquare.itch.io/dungeon-puzzlers-lament"),
+};

website/agb/src/app/showcase/data/tapir/hyperspace/hyperspace.tsx

@@ -26,5 +26,5 @@ export const Hyperspace: ShowcaseGame = {
       </p>
     </>
   ),
-  itch: new URL("https://lostimmortal.itch.io/the-purple-night"),
+  itch: new URL("https://lostimmortal.itch.io/hyperspace-roll"),
 };

website/agb/src/app/showcase/games.tsx

@@ -3,6 +3,7 @@ import { ReactNode } from "react";
 import { HatWiz } from "./data/tapir/hatwiz/hatwiz";
 import { Purple } from "./data/tapir/purple/purple";
 import { Hyperspace } from "./data/tapir/hyperspace/hyperspace";
+import { Dungeon } from "./data/tapir/dungeon/dungeon";
 
 export interface ShowcaseGame {
   name: string;
@@ -25,4 +26,9 @@ export function shuffle<T>(a: T[]) {
   return a;
 }
 
-export const Games: ShowcaseGame[] = [HatWiz, Purple, Hyperspace];
+export const Games: ShowcaseGame[] = shuffle([
+  HatWiz,
+  Purple,
+  Hyperspace,
+  Dungeon,
+]);

website/agb/src/app/showcase/page.tsx

@@ -5,7 +5,7 @@ import { slugify } from "@/sluggify";
 import { GameDisplay, GameGrid, GameImage } from "./styles";
 
 export const metadata: Metadata = {
-  title: "Games made with agb",
+  title: "Showcase - agb",
 };
 
 export default function ColourPickerPage() {

website/agb/src/app/showcase/styles.tsx

@@ -5,9 +5,10 @@ import styled from "styled-components";
 import Image from "next/image";
 
 export const GameGrid = styled.div`
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 600px);
   justify-content: center;
+  gap: 48px;
 `;
 
 export const GameImage = styled(Image)`