word-games-theme 0.1.4 → 0.1.9

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.
@@ -14,48 +14,55 @@
14
14
  <div class="serachSection">
15
15
  <div class="position-relative serachBox">
16
16
  <form action="/result" id='form' method="GET">
17
- <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
18
- name="search" maxlength="15" required>
17
+ <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
18
+ maxlength="15" required>
19
19
  <input type="submit" class="serachBtn" id="serach" value>
20
+ <div class="dictonaryDropdown">
21
+ <select class="form-select select_dropDown2" name="dictonary"
22
+ aria-label="Default select example">
23
+ <option selected value="">Dictonary</option>
24
+ <option value="twl06">TWL06 (US, Canada, Thailand)</option>
25
+ <option value="sowpods">SOWPODS (Uk and Others)</option>
26
+ <option value="wwf">Enable (Words With Friends)</option>
27
+ </select>
28
+ </div>
20
29
 
21
30
  <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
22
- <div class="dictonaryDropdown">
23
- <select class="form-select" name="dictonary" id="select_dropDown"
24
- aria-label="Default select example">
25
- <option selected value="">Dictonary</option>
26
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
27
- <option value="sowpods">SOWPODS (Uk and Others)</option>
28
- <option value="wwf">Enable (Words With Friends)</option>
29
- </select>
30
- </div>
31
-
32
- <div class="advancedFilter" style="position: relative;">
31
+ <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
33
32
  <input type="button" value="Advanced Filter" class="filterButton">
34
33
  <div class="angle-arrow2"></div>
35
34
  </div>
36
35
  </div>
37
36
 
38
-
39
-
40
37
  <div class="fillterWrapper">
38
+ <i class="fas fa-times"></i>
41
39
  <div class="startsWith">
42
40
  <label for="startsWith">Starts With</label>
41
+ <br>
43
42
  <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
44
43
  </div>
45
44
  <div class="mustInclude">
46
45
  <label for="mustInclude">Must Include </label>
46
+ <br>
47
47
  <input type="text" id="mustInclude" placeholder="Contains" name="contains">
48
48
 
49
49
  </div>
50
50
  <div class="endsWith">
51
51
  <label for="endsWith">End With</label>
52
+ <br>
52
53
  <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
53
54
 
54
55
  </div>
55
56
  <div class="wordLength">
56
57
  <label for="wordLength">Word Length </label>
58
+ <br>
57
59
  <input type="text" id="wordLength" placeholder="Length" name="length">
60
+ <div style="margin-top: 1.2rem;">
61
+ <input type="submit" value="Apply" class="btn-info w-100 text-white"
62
+ style="background: #BD67DD">
63
+ </div>
58
64
  </div>
65
+
59
66
  </div>
60
67
  </form>
61
68
  </div>
@@ -63,6 +70,20 @@
63
70
  </div>
64
71
  </div>
65
72
 
66
- <script src="/assets/js/advancedFilter2.js"></script>
73
+ <script>
74
+ const advancedFilter = document.querySelector('.advancedFilter')
75
+ const fillterWrapper = document.querySelector('.fillterWrapper')
76
+ advancedFilter.addEventListener('click', () => {
77
+ fillterWrapper.classList.toggle('active')
78
+ fillterWrapper.classList.remove('hide')
79
+ })
80
+
81
+ const close = document.querySelector('.fa-times')
82
+ close.addEventListener('click', () => {
83
+ fillterWrapper.classList.remove('active')
84
+ fillterWrapper.classList.add('hide')
85
+ })
86
+
87
+ </script>
67
88
  <!-- close landingPage -->
68
89
  <!-- // page conditions -->
@@ -14,30 +14,28 @@
14
14
  <div class="serachSection">
15
15
  <div class="position-relative serachBox">
16
16
  <form action="{{page.url}}/result" id='form' method="GET">
17
- <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
18
- name="search" maxlength="15" required>
17
+ <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
18
+ maxlength="15" required>
19
19
  <input type="submit" class="serachBtn" id="serach" value>
20
+ <div class="dictonaryDropdown">
21
+ <select class="form-select select_dropDown2" name="dictonary"
22
+ aria-label="Default select example">
23
+ <option selected value="">Dictonary</option>
24
+ <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
25
+ <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
26
+ <option value="wwf" id="wwf">Enable (Words With Friends)</option>
27
+ </select>
28
+ </div>
20
29
 
21
30
  <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
22
- <div class="dictonaryDropdown">
23
- <select class="form-select" name="dictonary" id="select_dropDown"
24
- aria-label="Default select example">
25
- <option selected value="">Dictonary</option>
26
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
27
- <option value="sowpods">SOWPODS (Uk and Others)</option>
28
- <option value="wwf">Enable (Words With Friends)</option>
29
- </select>
30
- </div>
31
31
 
32
- <div class="advancedFilter" style="position: relative;">
32
+ <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
33
33
  <input type="button" value="Advanced Filter" class="filterButton">
34
34
  <div class="angle-arrow2"></div>
35
35
  </div>
36
36
  </div>
37
-
38
-
39
-
40
- <div class="fillterWrapper">
37
+ <div class="fillterWrapper hide">
38
+ <i class="fas fa-times"></i>
41
39
  <div class="startsWith">
42
40
  <label for="startsWith">Starts With</label>
43
41
  <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
@@ -52,9 +50,16 @@
52
50
  <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
53
51
 
54
52
  </div>
55
- <div class="wordLength">
53
+
54
+ <div class="wordLength same">
56
55
  <label for="wordLength">Word Length </label>
57
- <input type="text" id="wordLength" placeholder="Length" name="length">
56
+ <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
57
+ value="">
58
+ </div>
59
+
60
+ <div style="margin-top: 1.2rem;">
61
+ <input type="submit" value="Apply" class="btn-info w-100 text-white"
62
+ style="background: #BD67DD">
58
63
  </div>
59
64
  </div>
60
65
  </form>
@@ -63,31 +68,17 @@
63
68
  </div>
64
69
  </div>
65
70
  <!-- close landingPage -->
66
- <!-- // page conditions -->
67
-
68
-
69
- {% if page.url == "/anagram-word-finder" %}
70
-
71
- <script src="/assets/js/advancedFilter2.js"></script>
72
-
73
- {% elsif page.url == "/jumble-word-finder" %}
74
-
75
- <script src="/assets/js/advancedFilter2.js"></script>
76
-
77
- {% elsif page.url == "/lexical-word-finder" %}
78
-
79
- <script src="/assets/js/advancedFilter2.js"></script>
80
-
81
- {% elsif page.url == "/scrabble-word-finder-cheat" %}
82
-
83
- <script src="/assets/js/advancedFilter2.js"></script>
84
-
85
- {% elsif page.url == "/words-with-friends-word-finder" %}
86
-
87
- <script src="/assets/js/advancedFilter2.js"></script>
88
-
89
- {% else %}
90
-
91
- <script src="/assets/js/advancedFilter3.js"></script>
92
-
93
- {% endif %}
71
+ <script>
72
+ const advancedFilter = document.querySelector('.advancedFilter')
73
+ const fillterWrapper = document.querySelector('.fillterWrapper')
74
+ advancedFilter.addEventListener('click', () => {
75
+ fillterWrapper.classList.toggle('active')
76
+ fillterWrapper.classList.remove('hide')
77
+ })
78
+
79
+ const close = document.querySelector('.fa-times')
80
+ close.addEventListener('click', () => {
81
+ fillterWrapper.classList.remove('active')
82
+ fillterWrapper.classList.add('hide')
83
+ })
84
+ </script>
@@ -19,9 +19,18 @@
19
19
 
20
20
  {% include section/feature.html %}
21
21
 
22
- {% include section/blog.html %}
22
+
23
+ {%- if dataToShow.faqList -%}
24
+ {%- if dataToShow.faqList.first.Question !='' -%}
23
25
  {% include section/news.html %}
24
- {% include section/about.html %}
26
+ {% endif %}
27
+ {% endif %}
28
+
29
+ {%- if site.posts.size>0 -%}
30
+ {% include section/blog.html %}
31
+ {%- endif -%}
32
+
33
+
25
34
  {%- include share/socialshare.html -%}
26
35
  {%- include Rating/rating.html -%}
27
36
  {%- include footer/index.html -%}
data/_layouts/page.html CHANGED
@@ -1,14 +1,68 @@
1
1
  <html>
2
2
  {%- include head/index.html -%}
3
3
 
4
+ <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;
27
+ }
28
+
29
+ .social-icons a {
30
+ padding: 50px;
31
+ color: #000 !important;
32
+ font-size: 2rem !important;
33
+ }
34
+
35
+ .social-icon {
36
+ margin: 0 !important;
37
+ color: gray;
38
+ }
39
+
40
+ .social-icon:hover {
41
+ color: black;
42
+ }
43
+
44
+ .social-icons a {
45
+ padding: 10px;
46
+ }
47
+ }
48
+ </style>
49
+
4
50
  <body>
5
- {%- include header/index.html -%}
51
+ {%- include header/index.html -%}
52
+
53
+ {%- include section/commonPage.html -%}
54
+
55
+
56
+ {%- include share/socialshare.html -%}
57
+
58
+ {%- include footer/index.html -%}
59
+
6
60
 
7
- {%- include section/commonPage.html -%}
61
+ <script src="/assets/js/wordScrabble.js"></script>
8
62
 
9
63
 
10
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
11
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
64
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
65
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
12
66
  </body>
13
67
 
14
68
  </html>
@@ -0,0 +1,61 @@
1
+ <html>
2
+ {%- include head/index.html -%}
3
+
4
+ <style>
5
+ @media(max-width:768px) {
6
+
7
+ /* social icons style */
8
+ .social-icons {
9
+ position: relative !important;
10
+ width: 100% !important;
11
+ height: 0px;
12
+ display: flex;
13
+ top: 0;
14
+ font-size: 15px;
15
+ color: #fff;
16
+ flex-direction: row;
17
+ z-index: 0;
18
+ border-top-left-radius: 8px;
19
+ border-bottom-left-radius: 8px;
20
+ background: transparent !important;
21
+ box-shadow: none !important;
22
+ line-height: 30px;
23
+ }
24
+
25
+ .social-icons a {
26
+ padding: 50px;
27
+ color: #000 !important;
28
+ font-size: 2rem !important;
29
+ }
30
+
31
+ .social-icon {
32
+ margin: 0 !important;
33
+ color: gray;
34
+ }
35
+
36
+ .social-icon:hover {
37
+ color: black;
38
+ }
39
+
40
+ .social-icons a {
41
+ padding: 10px;
42
+ }
43
+ }
44
+ </style>
45
+
46
+ <body>
47
+ {%- include header/index.html -%}
48
+
49
+ {%- include section/commonPage.html -%}
50
+
51
+ {%- include share/socialshare.html -%}
52
+
53
+ {%- include footer/index.html -%}
54
+
55
+
56
+ <script src="/assets/js/X-letter.js" data-letter="{{page.letter}}"></script>
57
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
58
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
59
+ </body>
60
+
61
+ </html>
data/assets/css/about.css CHANGED
@@ -31,7 +31,7 @@
31
31
  }
32
32
  @media (max-width: 1125px) {
33
33
  .rowHeight {
34
- margin: 0px -15px 0px -15px;
34
+ margin: 100px -15px 0px -15px;
35
35
  }
36
36
  .about {
37
37
  background: #b641da;
@@ -1,3 +1,20 @@
1
+ .tick {
2
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC)
3
+ no-repeat;
4
+ background-position: 95% 50%;
5
+ }
6
+ .filter_count {
7
+ width: 20px;
8
+ color: white;
9
+ height: 20px;
10
+ text-align: center;
11
+ background-color: #808080;
12
+ padding-top: 2px;
13
+ border-radius: 50%;
14
+ margin-right: 1px;
15
+ position: relative;
16
+ left: 150px;
17
+ }
1
18
  .Advancedbtn .filterButton {
2
19
  background: #f8f9fa;
3
20
  box-shadow: 0 0 3px #343a4063;
@@ -19,7 +36,7 @@
19
36
  background: #fff;
20
37
  position: absolute;
21
38
  z-index: 999;
22
- top: 155px;
39
+ top: 150px;
23
40
  right: 123px;
24
41
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
25
42
  padding: 30px 15px;
@@ -45,7 +62,7 @@
45
62
  .sticky_nav {
46
63
  position: sticky;
47
64
  width: inherit;
48
- top: 63px;
65
+ top: 58px;
49
66
  background-color: #fff;
50
67
  z-index: 99;
51
68
  }
@@ -90,7 +107,7 @@ a {
90
107
  padding: 3px;
91
108
  border: none;
92
109
  position: absolute;
93
- top: 12px;
110
+ top: 15px;
94
111
  right: 43px;
95
112
  }
96
113
  #prev {
@@ -101,7 +118,7 @@ a {
101
118
  padding: 3px;
102
119
  border: none;
103
120
  position: absolute;
104
- top: 12px;
121
+ top: 15px;
105
122
  left: 43px;
106
123
  }
107
124
 
@@ -114,16 +131,25 @@ a {
114
131
  .Advancedbtn .filterButton {
115
132
  position: fixed;
116
133
  bottom: 0;
117
- width: 100%;
118
- left: 0;
134
+ width: 50%;
135
+ left: 0px;
136
+ border-radius: 0;
119
137
  }
120
138
  .fillterWrapper {
121
139
  right: auto;
122
140
  position: fixed;
123
141
  left: 0;
124
- top: 215px;
142
+ bottom: 40px;
143
+ top: unset;
125
144
  width: 100%;
126
145
  }
146
+ .filter_count {
147
+ z-index: 999;
148
+ display: inline-block;
149
+ position: fixed;
150
+ left: 112px;
151
+ bottom: 8px;
152
+ }
127
153
  }
128
154
 
129
155
  @media (min-width: 576px) {