web/wordle-clone
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some QOL improvements:
All checks were successful
/ publish (push) Successful in 1m16s
Details

Browse source 
- Added subtle highliting of attempted letters
- Using correct backspace character
- Reduced header size a little
- Added a "define" button to show word definition
This commit is contained in:
Leon Mika 2025-01-26 10:19:06 +11:00
parent f9b1457dea
commit 5b79c43551
5 changed files with 95 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

9
site/index.html
View file

@ -21,7 +21,10 @@
<div data-playfield-target="topMessage">&nbsp;</div>
<div data-playfield-target="playfield"></div>
<button data-playfield-target="nextPuzzleButton" class="hide" data-action="playfield#loadNextPuzzle">Next Puzzle</button>
<div data-playfield-target="nextPuzzleButtons" class="hide">
<button class="secondary" data-action="playfield#loadDef">Define</button>
<button data-action="playfield#loadNextPuzzle">Next Puzzle</button>
</div>
</div>
<div class="keyboard" data-controller="keyboard"
data-keyboard-playfield-outlet=".playfield"
@ -54,7 +57,7 @@
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="l">l</button>
</div>
<div>
<button data-keyboard-target="key" data-action="keyboard#tapBackspace">&larr;</button>
<button data-keyboard-target="key" data-action="keyboard#tapBackspace"><strong>&#9003;</strong></button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="z">z</button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="x">x</button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="c">c</button>
@ -62,7 +65,7 @@
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="b">b</button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="n">n</button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="m">m</button>
<button data-keyboard-target="key" data-action="keyboard#tapEnter">&crarr;</button>
<button data-keyboard-target="key" data-action="keyboard#tapEnter"><strong>&crarr;</strong></button>
</div>
</div>