🕸Fergus Duniho wrote on Sat, Dec 30, 2023 02:00 AM UTC:
I'm done working on this for tonight. Instead of using CSS flex with a fork of betzaNew.js, I used CSS grid with the official betzaNew.js to make the piece table appear alongside the board. To reference the idiagram div, I put a wrapper div around the whole idiagram code with an id of wrapper. Since its display value is inherit, I gave its surrounding div a display of grid. It doesn't work as fluidly as the flex version, but it may be good enough if you aren't switching screen sizes to test it.
The Rules section and the Notes section were the same, and I divided the text between them. Compared with Frog Chess with Gryphon and Falcon, it appears that the Notes were duplicated, and the Rules were omitted.
I'm done working on this for tonight. Instead of using CSS flex with a fork of betzaNew.js, I used CSS grid with the official betzaNew.js to make the piece table appear alongside the board. To reference the idiagram div, I put a wrapper div around the whole idiagram code with an id of wrapper. Since its display value is inherit, I gave its surrounding div a display of grid. It doesn't work as fluidly as the flex version, but it may be good enough if you aren't switching screen sizes to test it.
The Rules section and the Notes section were the same, and I divided the text between them. Compared with Frog Chess with Gryphon and Falcon, it appears that the Notes were duplicated, and the Rules were omitted.