word-games-theme 0.6.7 → 0.7.2

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 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