commonPage.html in word-games-theme-0.6.7

- old
+ new

@@ -52,35 +52,64 @@
                         <div class="text-right times" style="cursor: pointer; margin-top:-15px;">
                             <img src="../../assets/images/window-close.png" alt="" width="15px">
 
                         </div>
                         <div class="startsWith same">
-                            <label for="startsWith">Starts With</label>
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Filter for words that starts with these letters" for="startsWith">Starts
+                                With</label>
                             <input type="text" class="filter_val" id="startsWith" placeholder="Prefix" value=""
                                 name="prefix">
                         </div>
                         <div class="mustInclude same">
-                            <label for="mustInclude">Must Include </label>
+                            <label for="mustInclude" data-toggle="tooltip" data-placement="top"
+                                title=" Words that contain letters in this order(ab)">Must Contains </label>
                             <input type="text" class="filter_val" id="mustInclude" placeholder="Contains"
                                 name="contains" value="">
                         </div>
                         <div class="endsWith same">
-                            <label for="endsWith">End With</label>
+                            <label for="endsWith" data-toggle="tooltip" data-placement="top"
+                                title="Filter for words that ends with these letters">End With</label>
                             <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix"
                                 value="">
                         </div>
+                        <div class="exculdeWith same">
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Only words that not contain the letters you enter here"
+                                for="exculdeWith">Exculde</label>
+                            <br>
+                            <input type="text" class="filter_val" id="exculdeWith" placeholder="Exculde" value=""
+                                name="exculde">
+                        </div>
+                        <div class="inculdeWith same">
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Only words that contain the letters you enter here"
+                                for="inculdeWith">Include</label>
+                            <br>
+                            <input type="text" class="filter_val" id="inculdeWith" placeholder="Include" value=""
+                                name="include">
+                        </div>
                         <div class="wordLength same">
-                            <label for="wordLength">Word Length </label>
+                            <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length"
+                                for="wordLength">Word Length </label>
                             <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
                                 value="">
                         </div>
 
                         <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
                             <input type="button" value="Clear" class="clearFilter btn-info  text-white"
                                 style="background-color:#808080;">
                             <input type="submit" value="Apply" class="btn-info  text-white" style="background: #808080">
                         </div>
+                        {% if page.layout == 'page2' %}
+
+
+                        <p class="m-0" style="font-size: 13px;">Solve wordle quickly using our wordle solver</p>
+
+                        {% endif %}
+
+
                     </div>
 
                 </form>
             </div>
         </div>
@@ -96,9 +125,11 @@
 
     clearFilter.addEventListener('click', () => {
         startsWith.value = ''
         mustInclude.value = ''
         endsWith.value = ''
+        exculdeWith.value = ''
+        inculdeWith.value = ''
         wordLength.value = ''
     })
     const fillterWrapper = document.querySelector('.fillterWrapper')
     function myFunction() {
         fillterWrapper.classList.toggle('hide')
\ No newline at end of file