SOC - Cipher

Stack Overflow Challenge 🔗 - Chessboard Letter Cipher 🔗

<chess-cipher> uses the chessboard squares as pixels, creating one letter on a chess-board.

Code is at https://stackoverflow-challenges.github.io/cipher/index.html

AI was used to create secondary Web Component <source-viewer> (at the bottom of this page)

## Can you decode the cipher? AI can only deciper the simple ones! Can you decipher this letter? Hint: what are the moves? Hold down CTRL key and click a board/word/letter to show the encoded letter(s)

## Encoding 8 letter words Hover over a board to display the pieces on the big board above Hold down CTRL key and click a board/word/letter to show the encoded letter(s)

Encode: TREASURE,LOOKLEFT,SECRETED,DIGHERE!,TOMORROW

TREASURE

## The whole alfabet Click letters to write a word above

ABCDEFGHIJKLMNOPQRSTUVWXYZ

## ChatGPT has humor It can not decipher all letters correctly and translates the **eight letter** word TREASURE as:

## Source files Files below are the live source files used on this site. I tried to add some meaningful comments to these files.

A clean semantic HTML file

One BaseClass file defining base functions for all other Web Components For a quick start you could use (Google) Lit or any of its [61 alternatives](https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/)) as BaseClass.

Loads the origal **2020** Chessboard Web Component <chessmeister-board> Extend it creating a new <chessmeister-board-letter>, (mainly) removing old 2020 sh*

Main <chess-cipher-board> Web Component, displaying letters using Chess Piece postions

<eight-letter-words> converting (8 letter) code words to UI displaying 8 boards in <chess-cipher-board id="LETTERWORD" columns="8">TREASURE</chess-cipher-board>