word-games-theme 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/css/game.css +5 -5
- data/assets/js/game.js +14 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: fe53b08aaeecab25708795fd7f96f81cc9fd4cb0dcf2e7e436f7d79ca3e196c5
|
|
4
|
+
data.tar.gz: d16ff1381d5bf4f43487f438627571ee62628190ff74912254daa6a750775e3e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: df2e127d5cd69e7d480d2e89710373391704e1a19cb41aa647e0daf1af3d8f9833a45e92ef861fca1034ba9490a4e3fa154a14d1051f6def96ede2ab64ff33a3
|
|
7
|
+
data.tar.gz: 9d7b858097c6a813b320df5b0d0857e22f42dde87e5124909db0915adf7ba5b12ed3d18fab45d06bff09104bac4a58e4727a3af8e477e990f818e4378c0bea2d
|
data/assets/css/game.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
.word-generator-link{
|
|
8
8
|
font-size: 18px;
|
|
9
9
|
background: #f8f9fa;
|
|
10
|
-
padding:
|
|
10
|
+
padding: 5px 15px;
|
|
11
11
|
color:#404040;
|
|
12
12
|
box-shadow: 0 0 1px rgba(0,0,0,0.1);
|
|
13
13
|
border-radius: 4px;
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
display: flex;
|
|
84
84
|
justify-content: center;
|
|
85
85
|
align-items: center;
|
|
86
|
-
width:
|
|
87
|
-
height:
|
|
86
|
+
width: 55px;
|
|
87
|
+
height: 55px;
|
|
88
88
|
text-align: center;
|
|
89
89
|
border:2px solid #dee1e9;
|
|
90
90
|
border-radius: 5px;
|
|
@@ -121,9 +121,9 @@
|
|
|
121
121
|
font-size: 16px;
|
|
122
122
|
font-weight: 900;
|
|
123
123
|
justify-content: center;
|
|
124
|
-
margin:
|
|
124
|
+
margin: 3px;
|
|
125
125
|
min-height: 40px;
|
|
126
|
-
padding:
|
|
126
|
+
padding: 14px;
|
|
127
127
|
text-decoration: inherit;
|
|
128
128
|
|
|
129
129
|
}
|
data/assets/js/game.js
CHANGED
|
@@ -125,6 +125,20 @@ const handleSubmit = () => {
|
|
|
125
125
|
const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
|
|
126
126
|
let reEvaluate = []
|
|
127
127
|
allTiles.map((tile, index) => {
|
|
128
|
+
|
|
129
|
+
if (targetWord !== guessWord) {
|
|
130
|
+
setTimeout(() => {
|
|
131
|
+
tile.classList.add("flip")
|
|
132
|
+
}, (index * ANIMATION_DURATION) / 2)
|
|
133
|
+
|
|
134
|
+
tile.addEventListener(
|
|
135
|
+
"transitionend",
|
|
136
|
+
() => {
|
|
137
|
+
tile.classList.remove("flip")
|
|
138
|
+
})
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
|
|
128
142
|
let letter = tile.dataset.letter
|
|
129
143
|
let key = keyboard.querySelector(`[data-key="${letter}"i]`)
|
|
130
144
|
if (targetWord[index] === letter) {
|