downloadable carts

src/client/GamePage.tsx

@@ -155,6 +155,29 @@ export const GamePage = () => {
 					<Pico8Player consoleRef={picoRef} carts={game.carts} />
 				</div>
 			</div>
+			<div
+				className={css`
+					display: flex;
+					flex-wrap: wrap;
+				`}
+			>
+				{game.carts.map((cart) =>
+					"src" in cart ? (
+						<div
+							key={cart.name}
+							className={css`
+								display: flex;
+								flex-direction: column;
+							`}
+						>
+							<img src={cart.src} />
+							<a href={cart.src} download={`${cart.name}.p8.png`}>
+								Download
+							</a>
+						</div>
+					) : null,
+				)}
+			</div>
 			{/* <div>
 				<input onChange={(x) => setText(x.target.value)} />
 				<button