From eabee82fac90b971a40723d70a7c3baa9200fc03 Mon Sep 17 00:00:00 2001 From: skedwards88 Date: Sat, 7 Sep 2024 09:54:10 -0700 Subject: [PATCH 1/3] show images of more games --- src/components/MoreGames.js | 30 ++++++++++++++++++++---- src/images/moreGames/blobble.png | Bin 0 -> 62970 bytes src/images/moreGames/gribbles.png | Bin 0 -> 23128 bytes src/images/moreGames/lexlet.png | Bin 0 -> 57886 bytes src/images/moreGames/logicGrid.png | Bin 0 -> 57263 bytes src/images/moreGames/wordfall.png | Bin 0 -> 40126 bytes src/index.js | 1 + src/styles/LargeScreen.css | 12 ++++++++++ src/styles/MoreGames.css | 36 +++++++++++++++++++++++++++++ 9 files changed, 74 insertions(+), 5 deletions(-) create mode 100644 src/images/moreGames/blobble.png create mode 100644 src/images/moreGames/gribbles.png create mode 100644 src/images/moreGames/lexlet.png create mode 100644 src/images/moreGames/logicGrid.png create mode 100644 src/images/moreGames/wordfall.png create mode 100644 src/styles/MoreGames.css diff --git a/src/components/MoreGames.js b/src/components/MoreGames.js index d49622c..83269f8 100644 --- a/src/components/MoreGames.js +++ b/src/components/MoreGames.js @@ -1,16 +1,36 @@ import React from "react"; export default function MoreGames({setDisplay}) { + // To add a new game: + // - add it to the list here + // - add a screenshot under images/moreGames + // - reference the screenshot in src/styles/MoreGames.css + const games = { + lexlet: "https://lexlet.com", + blobble: "https://skedwards88.github.io/blobble/", + wordfall: "https://skedwards88.github.io/wordfall/", + gribbles: "https://skedwards88.github.io/gribbles/", + logicGrid: "https://skedwards88.github.io/logic-grid/", + }; + + const gameElements = Object.keys(games).map((game, index) => ( + + )); + return (
- {`Want more games? Check out `} - Lexlet - {" and "} - Blobble - {" or see all of our puzzle games "} + {`Want more games? Check these out, or see all of our puzzle games `} here {`. `} + +
{gameElements}