word-games-theme 0.1.3 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -66,7 +66,7 @@
66
66
  </script>
67
67
 
68
68
  {%- if dataToShow.faqList -%}
69
- {%- if dataToShow.faqList.first.question !='' -%}
69
+ {%- if dataToShow.faqList.first.Question !='' -%}
70
70
  <script type="application/ld+json">
71
71
  {
72
72
  "@context": "http://schema.org",
@@ -3,7 +3,6 @@
3
3
  {% assign dataToShow = site.data.[page.folderName][lang][file] %}
4
4
 
5
5
  <!-- start commonPage as LandingPage -->
6
-
7
6
  <div class="container" id="containerWd">
8
7
  <section class="sticky_nav">
9
8
  <div class="pageHeading text-center pt-5">
@@ -13,30 +12,31 @@
13
12
  <div class="serachSection2">
14
13
  <div class="position-relative serachBox">
15
14
  <form action="" id='form'>
16
- <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
17
- name="search" maxlength="15" required>
15
+ <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
16
+ maxlength="15" value required>
18
17
  <input type="submit" class="serachBtn" id="serach" value>
19
18
  <div class="dictonaryDropdown">
20
19
  <select class="form-select select_dropDown2" name="dictonary"
21
20
  aria-label="Default select example">
22
21
  <option selected value="">Dictonary</option>
23
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
24
- <option value="sowpods">SOWPODS (Uk and Others)</option>
25
- <option value="wwf">Enable (Words With Friends)</option>
22
+ <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
23
+ <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
24
+ <option value="wwf" id="wwf">Enable (Words With Friends)</option>
26
25
  </select>
27
26
  </div>
28
27
  {%- include filterWords/index.html -%}
29
-
30
- <div class="mt-3 wrapper_dropDown d-flex justify-content-end" style="gap:10px">
28
+ <div class="wrapper_dropDown mt-2 d-flex justify-content-end" style="gap:10px;">
31
29
  <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
30
+ <span class="filter_count" style="display: inline-block;"></span>
32
31
  <input type="button" value="Advanced Filter" class="filterButton">
33
32
  <div class="angle-arrow"></div>
34
33
  </div>
35
34
  <div id="sort-select">
36
35
  <select class="form-select sort-select" id="select_dropDown">
37
- <!-- <option selected="true" hidden>Sort by</option> -->
36
+ <option selected="true" hidden id="alpha" value="alpha">Sort by</option>
38
37
  <option id="alpha" value="alpha">A-Z</option>
39
- <option id="points" value="points">Z-A</option>
38
+ <option id="alpha" value="alpha">Z-A</option>
39
+ <option id="alpha" value="alpha">Points</option>
40
40
  </select>
41
41
  </div>
42
42
  </div>
@@ -44,34 +44,40 @@
44
44
  <i class="fas fa-times"></i>
45
45
  <div class="startsWith same">
46
46
  <label for="startsWith">Starts With</label>
47
- <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
47
+ <input type="text" class="filter_val" id="startsWith" placeholder="Prefix" value=""
48
+ name="prefix">
48
49
  </div>
49
50
  <div class="mustInclude same">
50
51
  <label for="mustInclude">Must Include </label>
51
- <input type="text" id="mustInclude" placeholder="Contains" name="contains">
52
+ <input type="text" class="filter_val" id="mustInclude" placeholder="Contains"
53
+ name="contains" value="">
52
54
  </div>
53
55
  <div class="endsWith same">
54
56
  <label for="endsWith">End With</label>
55
- <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
57
+ <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix"
58
+ value="">
56
59
  </div>
57
60
  <div class="wordLength same">
58
61
  <label for="wordLength">Word Length </label>
59
- <input type="text" id="wordLength" placeholder="Length" name="length">
62
+ <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
63
+ value="">
60
64
  </div>
61
65
 
62
66
  <div style="margin-top: 1.2rem;">
63
67
  <input type="submit" value="Apply" class="btn-info w-100 text-white"
64
- style="background: #BD67DD">
68
+ style="background: #808080">
65
69
  </div>
66
70
  </div>
71
+
67
72
  </form>
68
73
  </div>
69
74
  </div>
70
75
  </section>
76
+
77
+
71
78
  {% include section/wordGroup.html %}
72
79
  </div>
73
80
 
74
-
75
81
  <!-- close commonPage as LandingPage -->
76
82
  <link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
77
83
  <script>
@@ -84,36 +90,4 @@
84
90
  fillterWrapper.classList.add('hide')
85
91
  })
86
92
 
87
- </script>
88
-
89
-
90
- {% if page.url == "/result" %}
91
-
92
- <script src="/assets/js/wordScrabble.js"></script>
93
-
94
- {% elsif page.url == "/anagram-word-finder/result" %}
95
-
96
- <script src="/assets/js/wordScrabble.js"></script>
97
-
98
- {% elsif page.url == "/jumble-word-finder/result" %}
99
-
100
- <script src="/assets/js/wordScrabble.js"></script>
101
-
102
- {% elsif page.url == "/lexical-word-finder/result" %}
103
-
104
- <script src="/assets/js/wordScrabble.js"></script>
105
-
106
- {% elsif page.url == "/scrabble-word-finder-cheat/result" %}
107
-
108
- <script src="/assets/js/wordScrabble.js"></script>
109
-
110
- {% elsif page.url == "/words-with-friends-word-finder/result" %}
111
-
112
- <script src="/assets/js/wordScrabble.js"></script>
113
-
114
- {% else %}
115
-
116
- <script src="/assets/js/X-letter.js"></script>
117
- <script src="/assets/js/advancedFilter.js"></script>
118
-
119
- {% endif %}
93
+ </script>
@@ -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>
@@ -21,8 +21,8 @@
21
21
  <div class="row my-xl-0">
22
22
  {% for entry in dataToShow.faqList %}
23
23
  <div class="col-md-6 pt-5">
24
- <p class="meduim-text2 mb-0">{{entry.faqQuestion}}</p>
25
- <p class="meduim-text mb-0">{{entry.faqAnswer}}</p>
24
+ <p class="meduim-text2 mb-0">{{entry.Question}}</p>
25
+ <p class="meduim-text mb-0">{{entry.Answer}}</p>
26
26
  </div>
27
27
  {% endfor %}
28
28
  </div>
@@ -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>