word-games-theme 0.3.8 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/_data/theme/colors.json +1 -1
  3. data/_data/xyzPagesData/en/unscramble-letters-jumble.json +284 -0
  4. data/_data/xyzPagesData/en/words-with-letters-cheat.json +161 -1
  5. data/_includes/section/commonPage.html +12 -3
  6. data/_includes/section/home.html +19 -2
  7. data/_includes/section/home2.html +16 -2
  8. data/_includes/section/xyzGroup.html +9 -8
  9. data/_includes/xyzpages/xyz.html +24 -13
  10. data/_includes/xyzpages/xyzFooter.html +62 -0
  11. data/_layouts/allpages.html +17 -0
  12. data/_layouts/xyzpages.html +72 -35
  13. data/assets/css/advancedFilter.css +3 -2
  14. data/assets/css/home.css +17 -0
  15. data/assets/images/star.png +0 -0
  16. data/assets/images/star.svg +1 -8
  17. data/assets/js/xyz.js +110 -0
  18. metadata +7 -2
data/_includes/section/commonPage.html CHANGED
@@ -74,9 +74,10 @@
74
74
  value="">
75
75
  </div>
76
76
 
77
- <div style="margin-top: 1.2rem;">
78
- <input type="submit" value="Apply" class="btn-info w-100 text-white"
79
- style="background: #808080">
77
+ <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
78
+ <input type="button" value="Clear" class="clearFilter btn-info text-white"
79
+ style="background-color:#808080;">
80
+ <input type="submit" value="Apply" class="btn-info text-white" style="background: #808080">
80
81
  </div>
81
82
  </div>
82
83
 
@@ -91,6 +92,14 @@
91
92
  <!-- close commonPage as LandingPage -->
92
93
  <link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
93
94
  <script>
95
+ const clearFilter = document.querySelector('.clearFilter')
96
+
97
+ clearFilter.addEventListener('click', () => {
98
+ startsWith.value = ''
99
+ mustInclude.value = ''
100
+ endsWith.value = ''
101
+ wordLength.value = ''
102
+ })
94
103
  const fillterWrapper = document.querySelector('.fillterWrapper')
95
104
  function myFunction() {
96
105
  fillterWrapper.classList.toggle('hide')
data/_includes/section/home.html CHANGED
@@ -69,8 +69,10 @@
69
69
  <label for="wordLength">Word Length </label>
70
70
  <br>
71
71
  <input type="text" id="wordLength" placeholder="Length" name="length">
72
- <div style="margin-top: 1.2rem;">
73
- <input type="submit" value="Apply" class="btn-info w-100 text-white"
72
+ <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
73
+ <input type="button" value="Clear" class="clearFilter btn-info text-white"
74
+ style="background-color: {{CustomColor.inputButtonBg}};">
75
+ <input type="submit" value="Apply" class="btn-info text-white"
74
76
  style="background-color: {{CustomColor.inputButtonBg}};">
75
77
 
76
78
  </div>
@@ -84,6 +86,21 @@
84
86
  </div>
85
87
 
86
88
  <script>
89
+
90
+ const clearFilter = document.querySelector('.clearFilter')
91
+ let startsWith = document.getElementById('startsWith')
92
+ let mustInclude = document.getElementById('mustInclude')
93
+ let endsWith = document.getElementById('endsWith')
94
+ let wordLength = document.getElementById('wordLength')
95
+
96
+
97
+ clearFilter.addEventListener("click", (() => {
98
+ startsWith.value = ""
99
+ mustInclude.value = ""
100
+ endsWith.value = ""
101
+ wordLength.value = ""
102
+ }))
103
+
87
104
  const advancedFilter = document.querySelector('.advancedFilter')
88
105
  const fillterWrapper = document.querySelector('.fillterWrapper')
89
106
  advancedFilter.addEventListener('click', () => {
data/_includes/section/home2.html CHANGED
@@ -68,8 +68,10 @@
68
68
  <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
69
69
  value="">
70
70
  </div>
71
- <div style="margin-top: 1.2rem;">
72
- <input type="submit" value="Apply" class="btn-info w-100 text-white"
71
+ <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
72
+ <input type="button" value="Clear" class="clearFilter btn-info text-white"
73
+ style="background-color: {{CustomColor.inputButtonBg}};">
74
+ <input type="submit" value="Apply" class="btn-info text-white"
73
75
  style="background-color: {{CustomColor.inputButtonBg}};">
74
76
  </div>
75
77
  </div>
@@ -82,6 +84,18 @@
82
84
 
83
85
  <!-- close landingPage -->
84
86
  <script>
87
+ const clearFilter = document.querySelector('.clearFilter')
88
+ let startsWith = document.getElementById('startsWith')
89
+ let mustInclude = document.getElementById('mustInclude')
90
+ let endsWith = document.getElementById('endsWith')
91
+ let wordLength = document.getElementById('wordLength')
92
+
93
+ clearFilter.addEventListener('click', () => {
94
+ startsWith.value = ''
95
+ mustInclude.value = ''
96
+ endsWith.value = ''
97
+ wordLength.value = ''
98
+ })
85
99
  const advancedFilter = document.querySelector('.advancedFilter')
86
100
  const fillterWrapper = document.querySelector('.fillterWrapper')
87
101
  advancedFilter.addEventListener('click', () => {
data/_includes/section/xyzGroup.html CHANGED
@@ -12,24 +12,24 @@
12
12
  <div class=" col-md-12">
13
13
  <div class="wordCount">
14
14
  <strong>
15
- {{dataToShow.wordLength}} words with letters c,h,e,a,t
15
+ {{dataToShow.wordLength}}
16
16
  </strong>
17
17
  </div>
18
18
  <div class="main">
19
19
  {%- for scrabblewords in dataToShow.words-%}
20
- <div class="allGroupWords wordlistContainer" id="alpha_6">
21
- {%- for item in scrabblewords %}
22
- {%- if forloop.index == 1 -%}
20
+ {%- for item in scrabblewords %}
21
+ {%- if forloop.index == 1 -%}
22
+ <div class="allGroupWords wordlistContainer" id="alpha_{{item.i}}">
23
23
  <div class="wordListHeading">
24
24
  <h3 class="lead">{{item.i}} Letter Words</h3>
25
25
  </div>
26
- {%- endif -%}
27
- {%- endfor -%}
26
+
28
27
  <div class="wordList">
29
28
  <ul class="ul list-unstyled">
30
29
  {%- for item in scrabblewords %}
30
+ {%- assign value = item.word -%}
31
31
  <a class="anchor__style" title="Lookup python in Dictionary" target="_blank"
32
- href="/word-meaning?search=phyton">
32
+ href="/word-meaning?search={{item.word}}">
33
33
  <li>{{item.word}}
34
34
  <span class="points" value="14" style="position:relative; top:4px; font-size:12px">
35
35
  {{item.points}}</span>
@@ -39,8 +39,9 @@
39
39
  </ul>
40
40
  </div>
41
41
  </div>
42
+ {%- endif -%}
43
+ {%- endfor -%}
42
44
  {%- endfor -%}
43
-
44
45
  </div>
45
46
  </div>
46
47
  </div>
data/_includes/xyzpages/xyz.html CHANGED
@@ -23,7 +23,7 @@
23
23
  <input
24
24
  style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
25
25
  type="submit" class="serachBtn" id="serach" value>
26
- <div class="dictonaryDropdown mt-4">
26
+ <div class="dictonaryDropdown">
27
27
  <select class="form-select select_dropDown2" name="dictonary"
28
28
  aria-label="Default select example">
29
29
  <option selected value="Dictonary">Dictonary</option>
@@ -33,6 +33,28 @@
33
33
  </select>
34
34
  </div>
35
35
 
36
+
37
+ <div class="tab_link_wrapper" style="position: relative;">
38
+ <div id="tab-scroll" class="tab-scroll flex-row">
39
+ <input type="button" name="" id="prev" class="prev tabsBg noOutline cursorPointer" value=" "
40
+ style="display: none;">
41
+ <div id="tab-container" class="search-container tab_container flex-row">
42
+ {%- for scrabblewords in dataToShow.words-%}
43
+ {%- for item in scrabblewords %}
44
+ {%- if forloop.index == 1 -%}
45
+ <input type="button" id="Tab_{{item.i}}" onclick="filterLinks({{item.i}})"
46
+ value="{{item.i}} Letter" class="tab_link cursorPointer">
47
+ {%- endif -%}
48
+ {%- endfor -%}
49
+ {%- endfor -%}
50
+ </div>
51
+ <input type="button" name="" id="next" class="next tabsBg noOutline cursorPointer" value=" "
52
+ style="display: none;">
53
+ </div>
54
+ </div>
55
+
56
+
57
+
36
58
  <div class="wrapper_dropDown mt-2 d-flex justify-content-end" style="gap:10px;">
37
59
  <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
38
60
  <span class="filter_count" style="display: none;"></span>
@@ -92,15 +114,4 @@
92
114
 
93
115
  <!-- close commonPage as LandingPage -->
94
116
  <link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
95
-
96
- <script>
97
- const fillterWrapper = document.querySelector('.fillterWrapper')
98
- function myFunction() {
99
- fillterWrapper.classList.toggle('hide')
100
- }
101
- const close = document.querySelector('.times')
102
- close.addEventListener('click', () => {
103
- fillterWrapper.classList.add('hide')
104
- })
105
-
106
- </script>
117
+ <script src="../../assets/js/xyz.js"></script>
data/_includes/xyzpages/xyzFooter.html ADDED
@@ -0,0 +1,62 @@
1
+ <style>
2
+ .inner-dropdown {
3
+ display: flex;
4
+ justify-content: space-evenly;
5
+ }
6
+
7
+ .inner-dropdown li {
8
+ list-style: none;
9
+ padding: 5px 0;
10
+ text-align: left;
11
+ }
12
+
13
+ .anchor_links {
14
+ text-decoration: none;
15
+ color: white;
16
+ }
17
+
18
+ .anchor_links:hover {
19
+ text-decoration: underline !important;
20
+ color: white;
21
+ }
22
+
23
+ @media(max-width:768px) {
24
+ .inner-dropdown {
25
+ flex-direction: column;
26
+ }
27
+ }
28
+ </style>
29
+ <div class="main_row row py-5 mx-0 mt-5">
30
+ <div class="col-md-11 mx-auto">
31
+ {%- if dataToShow.megaMenu -%}
32
+ <ul>
33
+ <div class="inner-dropdown">
34
+ {%- for item in dataToShow.megaMenu.dropdown -%}
35
+ <div class="catPad mb-4">
36
+ <li class="text-muted">{{item.categoryName}}</li>
37
+ <div> {%- for item in item.links -%}
38
+ <li>
39
+ <a class="anchor_links" href="{{item.url}}">
40
+ {{item.name}}</a>
41
+ </li>
42
+ {%- endfor -%}
43
+ </div>
44
+ </div>
45
+ {%- endfor -%}
46
+ </div>
47
+ </ul>
48
+ {%- endif -%}
49
+ </div>
50
+ </div>
51
+
52
+ <div class="row m-0 py-3" style="background-color: #000;">
53
+ <div class="col-12">
54
+ <div class="d-flex justify-content-between px-md-5 px-0 footer__flexbox">
55
+ <p class="m-0 text-white">{{site.copyright_text}}</p>
56
+ <p class="m-0"><a class="footer__link" href="/privacy-policy">Privacy Policy</a>
57
+ <a class="footer__link" href="/terms-and-conditions">| Terms of Use</a>
58
+ </p>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </div>
data/_layouts/allpages.html ADDED
@@ -0,0 +1,17 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ {%- include head/index.html -%}
5
+
6
+ <body>
7
+ {%- include header/index.html -%}
8
+
9
+ {{content}}
10
+
11
+
12
+ {%- include footer/index.html -%}
13
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
14
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
15
+ </body>
16
+
17
+ </html>
data/_layouts/xyzpages.html CHANGED
@@ -1,48 +1,85 @@
1
1
  <html>
2
2
  {%- include head/index.html -%}
3
-
4
3
  <style>
5
- .footer-container {
6
- margin-top: 200px !important;
7
- }
8
-
9
- @media(max-width:768px) {
10
-
11
- /* social icons style */
12
- .social-icons {
13
- position: relative !important;
14
- width: 100% !important;
15
- height: 0px;
16
- display: flex;
17
- top: 0;
18
- font-size: 15px;
19
- color: #fff;
20
- flex-direction: row;
21
- z-index: 0;
22
- border-top-left-radius: 8px;
23
- border-bottom-left-radius: 8px;
24
- background: transparent !important;
25
- box-shadow: none !important;
26
- line-height: 30px;
4
+ .main_row {
5
+ background-color: #262626;
6
+ color: var(--txtColor1);
7
+ font-size: 12px;
8
+ }
9
+
10
+ .footer__link {
11
+ color: var(--txtColor1) !important;
12
+ }
13
+
14
+ .footer__link:hover {
15
+ text-decoration: underline !important;
16
+ transition: all 0.5s linear;
17
+ }
18
+
19
+ .footer_subheading {
20
+ color: rgb(160, 160, 160);
21
+ }
22
+
23
+ .input_div {
24
+ background: #fff;
25
+ border: 1px solid rgba(0, 0, 0, 0.26);
26
+ padding: 4px 4px;
27
+ border-radius: 4px;
28
+ }
29
+
30
+ .input_div>.input__design {
31
+ border: none;
32
+ font-size: 0.7rem;
33
+ padding-left: 5px;
34
+ outline: none;
35
+ }
36
+
37
+ .my_btn {
38
+ border-radius: 5px;
39
+ padding: 4px 20px !important;
40
+ border: none;
41
+ color: #fff;
42
+ background: linear-gradient(90deg,
43
+ rgba(224, 23, 42, 0.9490196078431372),
44
+ var(--primary-color) 99%);
45
+ }
46
+
47
+ .s_link {
48
+ margin: 0 20px;
49
+ font-size: 1.3rem;
50
+ cursor: pointer;
51
+ background: linear-gradient(90deg,
52
+ rgba(224, 23, 42, 0.9490196078431372),
53
+ var(--primary-color));
54
+ background-clip: unset;
55
+ -webkit-background-clip: text;
56
+ -webkit-text-fill-color: transparent;
57
+ }
58
+
59
+ @media (max-width: 768px) {
60
+ .footer__flexbox {
61
+ flex-direction: column;
62
+ text-align: center;
63
+ }
64
+
65
+ .main_row {
66
+ text-align: center;
27
67
  }
28
68
 
29
- .social-icons a {
30
- padding: 50px;
31
- color: #000 !important;
32
- font-size: 2rem !important;
69
+ .input_div {
70
+ text-align: left;
33
71
  }
34
72
 
35
- .social-icon {
36
- margin: 0 !important;
37
- color: gray;
73
+ .my_btn {
74
+ width: 100%;
38
75
  }
39
76
 
40
- .social-icon:hover {
41
- color: black;
77
+ .usefull_links {
78
+ flex-direction: column;
42
79
  }
43
80
 
44
- .social-icons a {
45
- padding: 10px;
81
+ .decimal_links {
82
+ padding: 0 !important;
46
83
  }
47
84
  }
48
85
  </style>
@@ -54,7 +91,7 @@
54
91
 
55
92
  {%- include share/socialshare.html -%}
56
93
 
57
- {%- include footer/index.html -%}
94
+ {% include xyzpages/xyzFooter.html %}
58
95
 
59
96
  <script src=" https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
60
97
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
data/assets/css/advancedFilter.css CHANGED
@@ -37,10 +37,11 @@
37
37
  position: absolute;
38
38
  z-index: 999;
39
39
  top: 150px;
40
- right: 123px;
40
+ right: 140px;
41
41
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
42
42
  padding: 30px 15px;
43
43
  border-radius: 15px;
44
+ width: 240px;
44
45
  }
45
46
 
46
47
  .fa-times {
@@ -139,7 +140,7 @@ a {
139
140
  right: auto;
140
141
  position: fixed;
141
142
  left: 0;
142
- bottom: 40px;
143
+ bottom: 0px;
143
144
  top: unset;
144
145
  width: 100%;
145
146
  }
data/assets/css/home.css CHANGED
@@ -157,6 +157,23 @@ input:-webkit-autofill:active {
157
157
  text-indent: 15px;
158
158
  width: 190px;
159
159
  outline: none;
160
+ box-shadow: none;
161
+ }
162
+ .btn-info:not(:disabled):not(.disabled).active:focus,
163
+ .btn-info:not(:disabled):not(.disabled):active:focus,
164
+ .show > .btn-info.dropdown-toggle:focus {
165
+ box-shadow: unset;
166
+ border-color: rgba(0, 0, 0, 0.1);
167
+ }
168
+ .fillterWrapper input:hover {
169
+ border-color: rgba(0, 0, 0, 0.1);
170
+ }
171
+ .fillterWrapper input:focus {
172
+ box-shadow: unset;
173
+ }
174
+
175
+ .fillterWrapper input:active {
176
+ box-shadow: unset;
160
177
  }
161
178
  .active {
162
179
  z-index: 999;