word-games-theme 1.5.1 → 1.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/_data/footer/en/data.json +4 -4
  3. data/_data/wordgames/en/root.json +1 -7
  4. data/_includes/author_bio.html +3 -2
  5. data/_includes/authors/authors.html +4 -0
  6. data/_includes/autogenerated/content.html +8 -8
  7. data/_includes/custom-head.html +1 -5
  8. data/_includes/disqus_comments.html +4 -13
  9. data/_includes/footer/index.html +8 -5
  10. data/_includes/footer/unqFooter.html +7 -6
  11. data/_includes/head/index.html +0 -7
  12. data/_includes/header/blogHeader.html +2 -1
  13. data/_includes/header/index.html +6 -7
  14. data/_includes/howto.html +4 -7
  15. data/_includes/postbox.html +3 -2
  16. data/_includes/script.html +12 -5
  17. data/_includes/section/blog.html +2 -2
  18. data/_includes/section/commonPage.html +14 -11
  19. data/_includes/section/count.html +26 -16
  20. data/_includes/section/feature.html +6 -7
  21. data/_includes/section/home.html +4 -6
  22. data/_includes/section/news.html +2 -2
  23. data/_includes/section/recent_posts.html +13 -9
  24. data/_includes/section/related_categories_post.html +16 -23
  25. data/_includes/share/socialshare.html +1 -1
  26. data/_includes/word-game/word-game-generator-online.html +8 -7
  27. data/_includes/wordle-solver/wordle-solver.html +119 -60
  28. data/_layouts/blog.html +10 -12
  29. data/_layouts/post.html +13 -9
  30. data/assets/css/HomePageblog.css +27 -21
  31. data/assets/css/adBlocker.css +207 -199
  32. data/assets/css/advancedFilter.css +36 -14
  33. data/assets/css/blog.css +23 -94
  34. data/assets/css/content.css +12 -13
  35. data/assets/css/feature.css +10 -22
  36. data/assets/css/footer.css +34 -274
  37. data/assets/css/game.css +139 -93
  38. data/assets/css/home.css +164 -122
  39. data/assets/css/news.css +9 -23
  40. data/assets/css/style.css +84 -161
  41. data/assets/css/wordGroup.css +27 -27
  42. data/assets/css/wordsInCertainPosition.css +53 -42
  43. data/assets/images/Resume - Google Docs.pdf +0 -0
  44. data/assets/images/bg_elements.png +0 -0
  45. data/assets/images/howto.svg +1 -0
  46. data/assets/images/loading.gif +0 -0
  47. data/assets/images/pallavi.jpeg +0 -0
  48. data/assets/images/rating.webp +0 -0
  49. data/assets/images/window-close.png +0 -0
  50. data/assets/images/wordswithletters-logo.png +0 -0
  51. metadata +5 -3
  52. data/assets/css/about.css +0 -60
data/assets/css/home.css CHANGED
@@ -1,17 +1,18 @@
1
1
  .pageHeaderBg {
2
2
  width: 100%;
3
+ height: 100%;
3
4
  display: flex;
4
5
  flex-direction: column;
5
6
  justify-content: center;
6
7
  align-items: center;
7
- height: auto;
8
8
  background: url(../images/bg_elements.png);
9
9
  background-position: center;
10
10
  background-size: cover;
11
11
  margin-bottom: 20vh;
12
- padding:15px 0;
12
+ padding: 15px 0;
13
13
  }
14
- .result_navbar_section{
14
+
15
+ .result_navbar_section {
15
16
  width: 100%;
16
17
  padding: .8rem 9% !important;
17
18
  position: sticky;
@@ -23,40 +24,49 @@
23
24
  -ms-flex-align: center;
24
25
  align-items: center;
25
26
  }
27
+
26
28
  .pageHeading {
27
29
  margin-bottom: 0.8rem;
28
30
  /* padding-top: 1.5rem; */
29
31
  }
30
- .pageHeading > h1 {
32
+
33
+ .pageHeading>h1 {
31
34
  font-size: 27px;
32
35
  }
33
- .pageHeading > .result_heading{
36
+
37
+ .pageHeading>.result_heading {
34
38
  font-size: 22px;
35
39
  font-weight: 600;
36
40
  color: #000;
37
41
  }
42
+
38
43
  .table {
39
44
  height: 5em;
40
45
  overflow: auto;
41
46
  }
47
+
42
48
  .serachSection {
43
49
  height: 50px;
44
50
  position: relative;
45
51
  }
52
+
46
53
  input:-webkit-autofill,
47
54
  input:-webkit-autofill:hover,
48
55
  input:-webkit-autofill:focus,
49
56
  input:-webkit-autofill:active {
50
57
  transition: background-color 5000s ease-in-out 0s;
51
58
  }
59
+
52
60
  .resultPageTxtBox,
53
61
  .resultPageSearchBtn {
54
62
  height: 50px !important;
55
63
  }
64
+
56
65
  .resultPageDropdown2 {
57
66
  height: 49px !important;
58
67
  padding: 0 !important;
59
68
  }
69
+
60
70
  .txtBox {
61
71
  /* text-transform: uppercase; */
62
72
  height: 70px;
@@ -77,79 +87,76 @@ input:-webkit-autofill:active {
77
87
 
78
88
  .txtBox~.focus-border:before,
79
89
  .txtBox~.focus-border:after {
80
- content: "";
81
- position: absolute;
82
- top: 0;
83
- right: 0;
84
- width: 0;
85
- height: 2px;
86
- background-color: #000;
87
- transition: .5s;
88
- transition-delay: 0.2s;
90
+ content: "";
91
+ position: absolute;
92
+ top: 0;
93
+ right: 0;
94
+ width: 0;
95
+ height: 2px;
96
+ background-color: #000;
97
+ transition: .5s;
98
+ transition-delay: 0.2s;
89
99
  z-index: 9;
90
100
  }
101
+
91
102
  .txtBox~.focus-border:after {
92
- top: auto;
93
- bottom: 0;
94
- right: auto;
95
- left: 0;
96
- transition-delay: 0.6s;
103
+ top: auto;
104
+ bottom: 0;
105
+ right: auto;
106
+ left: 0;
107
+ transition-delay: 0.6s;
97
108
  }
109
+
98
110
  .txtBox:focus~.focus-border:before,
99
111
  .txtBox:focus~.focus-border:after,
100
112
  .has-content.txtBox~.focus-border:before,
101
113
  .has-content.txtBox~.focus-border:after {
102
- width: 100%;
103
- transition: .5s;
104
- transition-delay: 0.6s;
114
+ width: 100%;
115
+ transition: .5s;
116
+ transition-delay: 0.6s;
105
117
  }
106
118
 
107
119
  .txtBox:focus~.focus-border:after,
108
120
  .has-content.txtBox~.focus-border:after {
109
- transition-delay: 0.2s;
121
+ transition-delay: 0.2s;
110
122
  }
111
123
 
112
124
  .txtBox:focus~.focus-border i:before,
113
125
  .txtBox:focus~.focus-border i:after,
114
126
  .has-content.txtBox~.focus-border i:before,
115
127
  .has-content.txtBox~.focus-border i:after {
116
- height: 100%;
117
- transition: 0.2s;
128
+ height: 100%;
129
+ transition: 0.2s;
118
130
  }
119
131
 
120
132
  .txtBox:focus~.focus-border i:after,
121
133
  .has-conten.txtBox~.focus-border i:after {
122
- transition-delay: 0.4s;
134
+ transition-delay: 0.4s;
123
135
  }
136
+
124
137
  .txtBox~.focus-border i:before,
125
138
  .txtBox~.focus-border i:after {
126
- content: "";
127
- position: absolute;
128
- top: 0;
129
- left: 0;
130
- width: 2px;
131
- height: 0;
132
- background-color: #000;
133
- transition: .5s;
139
+ content: "";
140
+ position: absolute;
141
+ top: 0;
142
+ left: 0;
143
+ width: 2px;
144
+ height: 0;
145
+ background-color: #000;
146
+ transition: .5s;
134
147
  }
135
148
 
136
149
  .txtBox~.focus-border i:after {
137
- left: auto;
138
- right: 0;
139
- top: auto;
140
- bottom: 0;
141
- transition-delay: 0.4s;
150
+ left: auto;
151
+ right: 0;
152
+ top: auto;
153
+ bottom: 0;
154
+ transition-delay: 0.4s;
142
155
  }
143
156
 
144
-
145
-
146
-
147
-
148
- /* ravi */
149
157
  .txtBox::placeholder {
150
- /* Chrome, Firefox, Opera, Safari 10.1+ */
151
158
  color: var(--txtColor);
152
- opacity: 0.5; /* Firefox */
159
+ opacity: 0.5;
153
160
  font-weight: 500 !important;
154
161
  text-transform: capitalize;
155
162
  }
@@ -167,7 +174,9 @@ input:-webkit-autofill:active {
167
174
  opacity: 0.5;
168
175
  font-weight: 500 !important;
169
176
  }
177
+
170
178
  .serachBtn {
179
+ border-radius: 0px;
171
180
  background: url(../images/search.svg) no-repeat center center;
172
181
  background-size: 35px 35px;
173
182
  height: 70px;
@@ -177,10 +186,11 @@ input:-webkit-autofill:active {
177
186
  top: 0px;
178
187
  right: 0px;
179
188
  outline: none;
180
- border-top-right-radius: 8px;
181
- border-bottom-right-radius: 8px;
189
+ /* border-top-right-radius: 8px;
190
+ border-bottom-right-radius: 8px; */
182
191
  background-color: #000;
183
192
  }
193
+
184
194
  .advancedFilter .filterButton {
185
195
  background: #f8f9fa;
186
196
  box-shadow: 0 0 2px #343a4063;
@@ -197,11 +207,13 @@ input:-webkit-autofill:active {
197
207
  font-style: normal;
198
208
  outline: none;
199
209
  }
210
+
200
211
  .angle-arrow2 {
201
212
  background: url(../images/angle-arrow-down.svg) no-repeat;
202
213
  background-size: contain;
214
+ object-fit: cover;
203
215
  width: 10px;
204
- height: 20px;
216
+ height: 10px;
205
217
  font-weight: 900;
206
218
  position: absolute;
207
219
  top: 19px;
@@ -210,6 +222,7 @@ input:-webkit-autofill:active {
210
222
  cursor: pointer;
211
223
  /* z-index: 9999; */
212
224
  }
225
+
213
226
  #select_dropDown {
214
227
  background: #f8f9fa;
215
228
  box-shadow: 0 0 2px #343a4063;
@@ -227,6 +240,7 @@ input:-webkit-autofill:active {
227
240
  font-style: normal;
228
241
  outline: none;
229
242
  }
243
+
230
244
  .select_dropDown2 {
231
245
  height: 69px;
232
246
  position: absolute;
@@ -246,16 +260,20 @@ input:-webkit-autofill:active {
246
260
  border-top: 1px solid rgba(0, 0, 0, 0.11);
247
261
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
248
262
  }
263
+
249
264
  .select_dropDown2:focus {
250
265
  outline: none;
251
266
  }
267
+
252
268
  .fillterWrapper {
253
269
  display: none;
254
270
  }
271
+
255
272
  .fillterWrapper label {
256
273
  margin: 0;
257
274
  text-indent: 12px;
258
275
  }
276
+
259
277
  .fillterWrapper input {
260
278
  border-radius: 10px;
261
279
  border: solid 1px rgba(0, 0, 0, 0.11);
@@ -267,15 +285,18 @@ input:-webkit-autofill:active {
267
285
  outline: none;
268
286
  box-shadow: none;
269
287
  }
288
+
270
289
  .btn-info:not(:disabled):not(.disabled).active:focus,
271
290
  .btn-info:not(:disabled):not(.disabled):active:focus,
272
- .show > .btn-info.dropdown-toggle:focus {
291
+ .show>.btn-info.dropdown-toggle:focus {
273
292
  box-shadow: unset;
274
293
  border-color: rgba(0, 0, 0, 0.1);
275
294
  }
295
+
276
296
  .fillterWrapper input:hover {
277
297
  border-color: rgba(0, 0, 0, 0.1);
278
298
  }
299
+
279
300
  .fillterWrapper input:focus {
280
301
  box-shadow: unset;
281
302
  }
@@ -283,6 +304,7 @@ input:-webkit-autofill:active {
283
304
  .fillterWrapper input:active {
284
305
  box-shadow: unset;
285
306
  }
307
+
286
308
  .actives {
287
309
  z-index: 999;
288
310
  top: 90px;
@@ -312,24 +334,16 @@ input:-webkit-autofill:active {
312
334
  padding: 0px;
313
335
  }
314
336
 
315
-
316
- @media (max-width: 500px) {
317
- #select_dropDown{
318
- top: 150px !important;
319
- right: -15px !important
320
- }
321
- }
322
-
323
- .mobile_bars{
337
+ .mobile_bars {
324
338
  cursor: pointer;
325
339
  position: absolute;
326
- top:0px;
327
- margin:0 40px
340
+ top: 0px;
341
+ margin: 0 40px
328
342
  }
329
343
 
330
- #open_list_bar{
344
+ #open_list_bar {
331
345
  position: fixed;
332
- top:0px;
346
+ top: 0px;
333
347
  left: -100%;
334
348
  z-index: 999;
335
349
  height: 100vh;
@@ -339,96 +353,119 @@ input:-webkit-autofill:active {
339
353
  background: #f8f9fa;
340
354
  overflow-y: scroll;
341
355
  }
342
- .cat_title{
356
+
357
+ .cat_title {
343
358
  color: #000;
344
- font-weight: 900;
345
- font-size: 14px;
346
- position: relative;
347
- left: 10px;
348
- top: 3px;
359
+ font-weight: 900;
360
+ font-size: 14px;
361
+ position: relative;
362
+ left: 10px;
363
+ top: 3px;
349
364
  }
350
- .close_bar_btn{
365
+
366
+ .close_bar_btn {
351
367
  position: absolute;
352
368
  right: 8px;
353
369
  font-size: 28px;
354
370
  top: 15px;
355
371
  cursor: pointer;
356
372
  }
357
- .cat_bar_logo_link{
358
- padding:0 15px;
373
+
374
+ .cat_bar_logo_link {
375
+ padding: 0 15px;
359
376
  }
360
- .cat_bar_logo_link .cat_bar_img{
377
+
378
+ .cat_bar_logo_link .cat_bar_img {
361
379
  width: 30px;
362
380
  }
363
- .list_cat_heading{
381
+
382
+ .list_cat_heading {
364
383
  /* margin: 0 0 15px; */
365
- padding:8px 15px;
384
+ padding: 8px 15px;
366
385
  background-color: gray;
367
386
  color: #fff;
368
387
  font-size: 13px;
369
388
  }
370
- .list_cat_name{
389
+
390
+ .list_cat_name {
371
391
  /* margin:0 0 15px; */
372
- padding:8px 15px;
392
+ padding: 8px 15px;
373
393
  font-size: 12px;
374
- border-bottom: 1px solid rgb(209,213,219)
394
+ border-bottom: 1px solid rgb(209, 213, 219)
375
395
  }
376
- .list_cat_name:active{
396
+
397
+ .list_cat_name:active {
377
398
  color: #000 !important
378
399
  }
379
- .list_cat_name:hover{
400
+
401
+ .list_cat_name:hover {
380
402
  background-color: #e9ecef;
381
403
  }
382
404
 
383
-
405
+ @media (max-width: 500px) {
406
+ #select_dropDown {
407
+ top: 150px !important;
408
+ right: -15px !important
409
+ }
410
+ }
384
411
 
385
412
  @media (max-width: 768px) {
386
- .nav_menu_bar{
413
+ .nav_menu_bar {
387
414
  display: none;
388
415
  }
389
- .mobile_bars{
416
+
417
+ .mobile_bars {
390
418
  display: block;
391
419
  position: absolute;
392
- top:5px;
393
- margin:0;
420
+ top: 5px;
421
+ margin: 0;
394
422
  }
395
-
396
- .result_navbar_section{
423
+
424
+ .result_navbar_section {
397
425
  padding: 1.2rem 15px !important;
398
- }
399
- .pageHeading{
400
- margin-bottom: 1rem;
401
- }
402
- .pageHeading > h2{
403
- font-size: 1.4rem;
404
- }
405
- .pageHeading > .result_heading{
406
- font-size: 1.8rem;
407
- padding-left: 25px;
408
- }
409
- .wrapper_dropDown {
410
- align-items: flex-end;
411
- flex-direction: column;
412
- gap: 0 !important;
413
- /* margin:0 !important */
414
- }
415
- .txtBox {
416
- height: 50px !important;
417
- }
418
- .serachBtn {
419
- height: 50px !important;
420
- width: 40px !important;
421
- }
422
- .advancedFilter .filterButton {
423
- top: 60px;
424
- }
425
- .select_dropDown2 {
426
- height: 50px;
427
- width: 30%;
428
- right: 40px;
429
- padding: 9.5px 0;
430
- border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
431
- }
426
+ }
427
+
428
+ .pageHeading {
429
+ margin-bottom: 1rem;
430
+ }
431
+
432
+ .pageHeading>h2 {
433
+ font-size: 1.4rem;
434
+ }
435
+
436
+ .pageHeading>.result_heading {
437
+ font-size: 1.8rem;
438
+ padding-left: 25px;
439
+ }
440
+
441
+ .wrapper_dropDown {
442
+ align-items: flex-end;
443
+ flex-direction: column;
444
+ gap: 0 !important;
445
+ /* margin:0 !important */
446
+ }
447
+
448
+ .txtBox {
449
+ height: 50px !important;
450
+ }
451
+
452
+ .serachBtn {
453
+ height: 50px !important;
454
+ width: 40px !important;
455
+ }
456
+
457
+ .advancedFilter .filterButton {
458
+ top: 60px;
459
+ }
460
+
461
+ .select_dropDown2 {
462
+ height: 50px;
463
+ width: 30%;
464
+ right: 40px;
465
+ padding: 9.5px 0;
466
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
467
+ }
468
+
432
469
  #select_dropDown {
433
470
  display: none;
434
471
  background: white;
@@ -440,25 +477,30 @@ padding:0 15px;
440
477
  z-index: 9999999999;
441
478
  width: 50%;
442
479
  }
480
+
443
481
  .pageHeading h1 {
444
482
  font-size: 2rem;
445
483
  }
484
+
446
485
  #containerWd {
447
486
  width: 100% !important;
448
487
  padding: 0px 15px;
449
488
  }
489
+
450
490
  .actives {
451
491
  top: 102px;
452
492
  display: flex;
453
493
  right: -5px;
454
494
  }
495
+
455
496
  .fillterWrapper input {
456
497
  width: 100%;
457
498
  margin-bottom: 10px;
458
499
  }
459
500
  }
501
+
460
502
  @media (max-width: 992px) {
461
503
  .navbar-nav .nav-item {
462
504
  padding: 0px !important;
463
505
  }
464
- }
506
+ }
data/assets/css/news.css CHANGED
@@ -1,25 +1,4 @@
1
- .rowHeight2 {
2
- /* position: relative;
3
- top: 300px;
4
- margin-bottom: 550px; */
5
- margin-top: 50px;
6
- margin-bottom: 120px;
7
- top: 0;
8
- }
9
- /*.news {
10
- margin-top: -120px;
11
- margin-left: 60px;
12
- color: #fff;
13
- }
14
- .news img {
15
- width: 420px;
16
- position: absolute;
17
- top: -200px;
18
- height: 700px;
19
- z-index: -1;
20
- left: -15px;
21
- }*/
22
- .news{
1
+ .news {
23
2
  padding: 15px;
24
3
  background-color: #29dec0;
25
4
  margin-left: 0;
@@ -28,6 +7,7 @@
28
7
  color: white;
29
8
  width: 100%;
30
9
  }
10
+
31
11
  .meduim-text2 {
32
12
  margin: 0 0 25px;
33
13
  font-size: 20px;
@@ -39,6 +19,7 @@
39
19
  cursor: pointer;
40
20
  padding-left: 48px;
41
21
  }
22
+
42
23
  .meduim-text {
43
24
  font-size: 14px;
44
25
  padding-left: 48px;
@@ -50,25 +31,30 @@
50
31
  height: auto;
51
32
  overflow: hidden;
52
33
  }
34
+
53
35
  @media (max-width: 768px) {
36
+
54
37
  .meduim-text,
55
38
  .meduim-text2 {
56
39
  padding-left: 0px;
57
40
  }
58
41
  }
42
+
59
43
  @media (max-width: 1125px) {
60
44
  .rowHeight2 {
61
45
  margin-top: 50px;
62
46
  margin-bottom: 120px;
63
47
  top: 0;
64
48
  }
49
+
65
50
  .news {
66
51
  padding: 15px;
67
52
  background-color: #29dec0;
68
53
  margin-left: 0;
69
54
  margin-top: 0;
70
55
  }
56
+
71
57
  .news img {
72
58
  display: none;
73
59
  }
74
- }
60
+ }