word-games-theme 0.6.7 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0729dfba8dc6c5335074239cae6a6c006c932587cde285e27f600fa81edacf6d'
4
- data.tar.gz: b3ff4ff1d467d768cc01e3eae8510599612b99a3cf12517239b03525104aed98
3
+ metadata.gz: 5a0285bc5bc3a0b219a3e2df13bb22745f604dc02c18012f2c55ff6e846e4b2b
4
+ data.tar.gz: 5ea301c17bc3425d1cc29c18a904e304106691e81ff01e60b384de93616471ca
5
5
  SHA512:
6
- metadata.gz: 607c150da62f35009b0f2dd6272e23e8f9c5165211eb5c0e7db9b2df55c97f339dec12e86d1b257df704eb137a16b20f6983f9e86159768ccba50f0a1e46fc80
7
- data.tar.gz: 6c439e00f208679d5324c531c42a25b46f9f3928747354707743438d1963937638e54fba9c46c1d39713a006910b3043fab08ddc8aca4120a146d8e8c5ee84b2
6
+ metadata.gz: 8da2c8c850193cb50d244ffa95970ddefeac0c7a9a3c243ba5ba486e024408abfff871c251bafc5047a7ec65a42df7978d2a3230b61deff9937163a12e270bab
7
+ data.tar.gz: 96d2f870449c914e73e8b985883cde5f07cc686fac23639c4ad8cf593811e6ea167ac433f5a69f3dc7e6a398e5cf2baffdc913caa6eba2e3e3a3bd9aff9004a6
@@ -100,16 +100,7 @@
100
100
  style="background-color:#808080;">
101
101
  <input type="submit" value="Apply" class="btn-info text-white" style="background: #808080">
102
102
  </div>
103
- {% if page.layout == 'page2' %}
104
-
105
-
106
- <p class="m-0" style="font-size: 13px;">Solve wordle quickly using our wordle solver</p>
107
-
108
- {% endif %}
109
-
110
-
111
103
  </div>
112
-
113
104
  </form>
114
105
  </div>
115
106
  </div>
@@ -37,7 +37,6 @@
37
37
  </div>
38
38
 
39
39
  <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
40
-
41
40
  <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
42
41
  <input type="button" value="Advanced Filter" class="filterButton">
43
42
  <div class="angle-arrow2"></div>
@@ -84,9 +83,13 @@
84
83
  <input type="submit" value="Apply" class="btn-info text-white"
85
84
  style="background-color: {{CustomColor.inputButtonBg}};">
86
85
  </div>
87
- <p class="m-0" style="font-size:13px">Solve wordle quickly using our wordle solver</p>
88
86
  </div>
89
87
  </form>
88
+ {%- if page.letter == 5 -%}
89
+ <h2 class="m-0 mt-4 text-center" style="font-size:16px">
90
+ <a style="color:#000" href="/wordle-solver">Solve wordle quickly using our wordle solver</a>
91
+ </h2>
92
+ {%- endif -%}
90
93
  </div>
91
94
  </div>
92
95
  </div>
@@ -2,23 +2,28 @@
2
2
  <div class="row">
3
3
  <div class="col-md-10 mx-auto ws">
4
4
  <div style="font-size: 15px;" class="alert errMessage" role="alert"></div>
5
-
6
- <form name="verify">
5
+ <form name="verify" class="forms_data">
7
6
  <div class="form-group">
7
+
8
8
  <label for="greenLetters" class="my-1 p-0 wordleSolver-label">Enter green letters at correct
9
9
  position</label>
10
10
  <div class="col-md-6 p-0">
11
11
  <div class="d-flex">
12
12
  <input data-id="0" type="text" autocomplete="off" tabIndex="0"
13
- class="wordleSolver-field form-control px-5" maxlength="1" id="greenLetters">
13
+ class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
14
+ id="greenLetters">
14
15
  <input data-id="1" type="text" autocomplete="off" tabIndex="1"
15
- class="wordleSolver-field form-control px-5" maxlength="1" id="greenLetters">
16
+ class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
17
+ id="greenLetters">
16
18
  <input data-id="2" type="text" autocomplete="off" tabIndex="2"
17
- class="wordleSolver-field form-control px-5" maxlength="1" id="greenLetters">
19
+ class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
20
+ id="greenLetters">
18
21
  <input data-id="3" type="text" autocomplete="off" tabIndex="3"
19
- class="wordleSolver-field form-control px-5" maxlength="1" id="greenLetters">
22
+ class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
23
+ id="greenLetters">
20
24
  <input data-id="4" type="text" autocomplete="off" tabIndex="4"
21
- class="wordleSolver-field form-control px-5" maxlength="1" id="greenLetters">
25
+ class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
26
+ id="greenLetters">
22
27
  </div>
23
28
  </div>
24
29
  </div>
@@ -27,48 +32,57 @@
27
32
  <div class="col-md-6 p-0">
28
33
  <div class="d-flex">
29
34
  <input type="text" autocomplete="off" tabIndex="1"
30
- class="wordleSolver-field form-control px-5" maxlength="1" id="yellowLetters"
31
- tabIndex="5">
32
- <input type="text" autocomplete="off" class="wordleSolver-field form-control px-5"
33
- maxlength="1" id="yellowLetters" tabIndex="6">
34
- <input type="text" autocomplete="off" class="wordleSolver-field form-control px-5"
35
- maxlength="1" id="yellowLetters" tabIndex="7">
36
- <input type="text" autocomplete="off" class="wordleSolver-field form-control px-5"
37
- maxlength="1" id="yellowLetters" tabIndex="8">
38
- <input type="text" autocomplete="off" class="wordleSolver-field form-control px-5"
39
- maxlength="1" id="yellowLetters" tabIndex="9">
35
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
36
+ id="yellowLetters" tabIndex="5">
37
+ <input type="text" autocomplete="off"
38
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
39
+ id="yellowLetters" tabIndex="6">
40
+ <input type="text" autocomplete="off"
41
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
42
+ id="yellowLetters" tabIndex="7">
43
+ <input type="text" autocomplete="off"
44
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
45
+ id="yellowLetters" tabIndex="8">
46
+ <input type="text" autocomplete="off"
47
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
48
+ id="yellowLetters" tabIndex="9">
40
49
  </div>
41
50
  </div>
42
51
  </div>
43
52
  <div class="form-group">
44
53
  <label for="greyLetters" class="my-1 p-0 wordleSolver-label">Enter letters in grey below</label>
45
- <div class="col-md-6 p-0">
54
+ <div class="col-md-6 p-0 wrapper">
46
55
  <div class="d-flex">
47
- <input type="text" class="wordleSolver-field form-control px-5" maxlength="1"
56
+ <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
48
57
  id="greyLetters" value="" autocomplete="off" tabIndex="10">
49
- <input type="text" class="wordleSolver-field form-control px-5" maxlength="1"
58
+ <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
50
59
  id="greyLetters" value="" autocomplete="off" tabIndex="11">
51
- <input type="text" class="wordleSolver-field form-control px-5" maxlength="1"
60
+ <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
52
61
  id="greyLetters" value="" autocomplete="off" tabIndex="12">
53
- <input type="text" class="wordleSolver-field form-control px-5" maxlength="1"
62
+ <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
54
63
  id="greyLetters" value="" autocomplete="off" tabIndex="13">
55
- <input type="text" class="wordleSolver-field form-control px-5" maxlength="1"
64
+ <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
56
65
  id="greyLetters" value="" autocomplete="off" tabIndex="14">
57
66
  </div>
58
67
  <div class="d-flex mt-2">
59
68
  <input type="text" autocomplete="off" tabIndex="15"
60
- class="wordleSolver-field form-control px-5" maxlength="1" id="greyLetters">
69
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
61
70
  <input type="text" autocomplete="off" tabIndex="16"
62
- class="wordleSolver-field form-control px-5" maxlength="1" id="greyLetters">
71
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
63
72
  <input type="text" autocomplete="off" tabIndex="17"
64
- class="wordleSolver-field form-control px-5" maxlength="1" id="greyLetters">
73
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
65
74
  <input type="text" autocomplete="off" tabIndex="18"
66
- class="wordleSolver-field form-control px-5" maxlength="1" id="greyLetters">
75
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
67
76
  <input type="text" autocomplete="off" tabIndex="19"
68
- class="wordleSolver-field form-control px-5" maxlength="1" id="greyLetters">
77
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
69
78
  </div>
70
79
  </div>
80
+
81
+
71
82
  </div>
83
+ <button type="button" data-toggle="tooltip" data-placement="top" title="Add more greyletters fields"
84
+ id="addMore"><i class="bi bi-plus"></i>
85
+ </button>
72
86
  <div class="form-group text-right">
73
87
  <div class="col-md-4 p-0" style="margin: 0 0 0 auto;">
74
88
  <button type="submit" id="wordlesolver_submit" class="btn wordlesolver-btn mt-3">Update</button>
@@ -85,11 +99,12 @@
85
99
  </div>
86
100
  </div>
87
101
 
102
+
88
103
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
89
104
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
90
105
  <script>
91
106
  $(document).on('keypress', 'input', function (e) {
92
- if (e.which === 8 || e.which === 9 || (e.which >= 65 && e.which <= 90) || e.which === 32) {
107
+ if (e.which === 32) {
93
108
  e.preventDefault();
94
109
  var $next = $('[tabIndex=' + (+this.tabIndex + 1) + ']');
95
110
 
@@ -9,6 +9,7 @@
9
9
  {%- include head/index.html -%}
10
10
 
11
11
  <body>
12
+ <link rel="stylesheet" href="{{ '../assets/css/wordleSolver.css' | relative_url }}">
12
13
  {%- include header/index.html -%}
13
14
 
14
15
 
@@ -23,7 +24,7 @@
23
24
  </div>
24
25
  {%- endif -%}
25
26
 
26
- <div class="wordleSolver-feature my-5">
27
+ <div class="wordleSolver-feature">
27
28
  {{content}}
28
29
  </div>
29
30
 
@@ -39,7 +40,7 @@
39
40
  {%- include footer/index.html -%}
40
41
  <link rel="stylesheet"
41
42
  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.5.0/font/bootstrap-icons.min.css" />
42
- <link rel="stylesheet" href="{{ '../assets/css/wordleSolver.css' | relative_url }}">
43
+
43
44
  <script defer src="../assets/js/wordleSolver.js"></script>
44
45
  <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
45
46
  {% include Monumetric/Monumetric.html %}
@@ -3,8 +3,15 @@
3
3
  flex-direction: column;
4
4
  justify-content: center;
5
5
  align-items: center;
6
- background: rgba(0, 0, 0, 0.1);
7
- padding: 15px 0px !important;
6
+ /* background: rgba(0, 0, 0, 0.1); */
7
+ /* padding: 15px 0px !important; */
8
+ }
9
+ .errMessage {
10
+ display: none;
11
+ }
12
+ .forms_data {
13
+ border: 1px solid rgba(0, 0, 0, 0.1);
14
+ padding: 25px;
8
15
  }
9
16
  .wordleSolver_headings {
10
17
  margin-top: 110px;
@@ -30,6 +37,14 @@
30
37
  box-shadow: unset !important;
31
38
  border-color: #ced4da !important;
32
39
  }
40
+ #addMore {
41
+ font-size: 25px;
42
+ background-color: transparent;
43
+ border: none;
44
+ width: 100%;
45
+ text-align: right;
46
+ padding-right: 2px;
47
+ }
33
48
 
34
49
  .wordlesolver-btn {
35
50
  padding: 8px 25px;
@@ -55,10 +70,11 @@
55
70
 
56
71
  .allfiveletterswords {
57
72
  background-color: white !important;
58
- width: auto;
73
+ width: 75%;
74
+ margin: 10px auto;
59
75
  height: auto;
60
76
  box-shadow: 0 0 2px rgb(0 0 0 / 20%);
61
- margin: 10px 0;
77
+ /* margin: 10px 0; */
62
78
  border-radius: 15px;
63
79
  }
64
80
  .allfiveletterswords > .wordListHeading {
@@ -71,6 +87,8 @@
71
87
 
72
88
  #wordleWordCount {
73
89
  font-size: 18px;
90
+ width: 75%;
91
+ margin: 10px auto;
74
92
  }
75
93
 
76
94
  .ws-fcs {
@@ -86,3 +104,10 @@
86
104
  color: #fff !important;
87
105
  background-color: #787c7e !important;
88
106
  }
107
+
108
+ @media (max-width: 768px) {
109
+ .allfiveletterswords,
110
+ #wordleWordCount {
111
+ width: 80%;
112
+ }
113
+ }
@@ -13,6 +13,30 @@ let wordlesolver_submit = document.getElementById('wordlesolver_submit')
13
13
  let newWordsLength = 0
14
14
 
15
15
  let errMessage = document.querySelector('.errMessage')
16
+ let wrapper = document.querySelector('.wrapper')
17
+ let addMore = document.querySelector('#addMore')
18
+
19
+ addMore.addEventListener('click', (e) => {
20
+ e.preventDefault()
21
+ let div = document.createElement('div')
22
+ div.classList.add('d-flex')
23
+ div.classList.add('mt-2')
24
+
25
+ for (let i = 20; i <= 24; i++) {
26
+ let input = document.createElement('input')
27
+ input.type = 'text'
28
+ input.setAttribute('maxlength', '1')
29
+ input.setAttribute('autocomplete', 'off')
30
+ if (i <= 24) {
31
+ input.setAttribute('tabIndex', i)
32
+ }
33
+ let classes = ['wordleSolver-field', 'greyLetters', 'form-control', 'px-5']
34
+ input.classList.add(...classes)
35
+ input.id = 'greyLetters'
36
+ div.append(input)
37
+ wrapper.append(div)
38
+ }
39
+ })
16
40
 
17
41
  const wordleSolver = async (value, value2, value3, greenWithIndex) => {
18
42
  try {
@@ -36,6 +60,8 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
36
60
  wordleSolvererrorMsg.classList.add('alert-danger')
37
61
  wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
38
62
  } else {
63
+ wordleSolvererrorMsg.classList.remove('alert-danger')
64
+ wordleSolvererrorMsg.innerHTML = ''
39
65
  wordleSolverData.innerHTML = ''
40
66
  newWordsLength = ''
41
67
  newWordsLength += data.length
@@ -86,52 +112,71 @@ const wordleSolver = async (value, value2, value3, greenWithIndex) => {
86
112
  }
87
113
  }
88
114
 
89
- let arr = []
90
- let greenWithIndex = []
91
115
  for (let g = 0; g < greenLetters.length; g++) {
92
116
  const elem = greenLetters[g]
93
117
  elem.addEventListener('input', (e) => {
94
118
  if (e.target.value) {
95
119
  e.target.classList.add('ws-fcs')
96
- arr.push(e.target.value)
97
- greenWithIndex.push({
98
- value: e.target.value,
99
- index: e.target.dataset.id,
100
- })
101
120
  } else {
102
121
  e.target.classList.remove('ws-fcs')
103
122
  }
104
123
  })
105
124
  }
106
-
107
- let arr2 = []
108
125
  for (let y = 0; y < yellowLetters.length; y++) {
109
126
  const elem = yellowLetters[y]
110
127
  elem.addEventListener('input', (e) => {
111
128
  if (e.target.value) {
112
129
  e.target.classList.add('ws-fcs2')
113
- arr2.push(e.target.value)
114
130
  } else {
115
131
  e.target.classList.remove('ws-fcs2')
116
132
  }
117
133
  })
118
134
  }
119
-
120
- let arr3 = []
121
135
  for (let e = 0; e < greyLetters.length; e++) {
122
136
  const elem = greyLetters[e]
123
137
  elem.addEventListener('input', (e) => {
124
138
  if (e.target.value) {
125
139
  e.target.classList.add('ws-fcs3')
126
- arr3.push(e.target.value)
127
140
  } else {
128
141
  e.target.classList.remove('ws-fcs3')
129
142
  }
130
143
  })
131
144
  }
132
145
 
146
+ const getLetters = (object) => {
147
+ let letters = []
148
+ if (typeof object === 'string') {
149
+ object = document.querySelectorAll(object)
150
+ }
151
+ for (let item of object) {
152
+ if (item.value.trim().length === 1) {
153
+ letters.push(item.value.toLowerCase())
154
+ }
155
+ }
156
+ return letters
157
+ }
158
+ const getIndexs = (object) => {
159
+ let index = []
160
+ if (typeof object === 'string') {
161
+ object = document.querySelectorAll(object)
162
+ }
163
+ for (let item of object) {
164
+ if (item.value.trim().length === 1) {
165
+ index.push({
166
+ value: item.value.toLowerCase(),
167
+ index: item.dataset.id,
168
+ })
169
+ }
170
+ }
171
+ return index
172
+ }
173
+
133
174
  function handleSubmit(e) {
134
175
  e.preventDefault()
176
+ let greenLetter = getLetters('.greenLetters')
177
+ let yellowLetters = getLetters('.yellowLetters')
178
+ let greyLetters = getLetters('.greyLetters')
179
+ let greenWithIndex = getIndexs('.greenWithIndex')
135
180
  if (
136
181
  greenLetters[0].value !== '' ||
137
182
  greenLetters[1].value !== '' ||
@@ -141,13 +186,14 @@ function handleSubmit(e) {
141
186
  ) {
142
187
  errMessage.innerHTML = ''
143
188
  errMessage.classList.remove('alert-danger')
144
- wordleSolver(arr, arr2, arr3, greenWithIndex)
189
+ errMessage.style.display = 'none'
190
+ wordleSolver(greenLetter, yellowLetters, greyLetters, greenWithIndex)
145
191
  } else {
146
192
  errMessage.innerHTML = 'You must enter at least 1 green letter'
147
193
  errMessage.classList.add('alert-danger')
194
+ errMessage.style.display = 'block'
148
195
  }
149
196
  }
150
-
151
197
  form.addEventListener('submit', handleSubmit)
152
198
 
153
199
  // Scrabble Point Array
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: word-games-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.7
4
+ version: 0.7.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - manpreet-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-01-16 00:00:00.000000000 Z
11
+ date: 2022-01-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll