word-games-theme 1.2.2 → 1.2.3
Sign up to get free protection for your applications and to get access to all the features.
- 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) {
|