word-games-theme 1.8.5 → 1.8.6

data/_includes/section/home.html

@@ -3,12 +3,12 @@
 {% assign dataToShow = site.data.[page.folderName][lang][file] %}
 {%- assign CustomColor = site.data.theme.colors -%}
 
+<!-- starting landingPage -->
 <div class="pageHeaderBg">
     <div class="container">
         <div class="pageHeading text-center" style="margin:22px 0px">
-            <h1 class="heading pb-0 mb-0">
+            <h1 class="heading pb-0 mb-3">
                 {{dataToShow.h1}}</h1>
-            <br>
             {%- if dataToShow.h2 != "" -%}
             <h2>
                 {{dataToShow.h2}}</h2>
@@ -18,50 +18,48 @@
     <div class="container-fluid" id="containerWd">
         <div class="serachSection">
             <div class="position-relative serachBox">
-                <form action="/result" id='form' method="GET">
+                <form action="{% if page.url == '/' %}/result{% else %}{{page.url}}/result{% endif %}" id='form'
+                    method="GET">
                     <div style="position: relative;">
                         <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
                             placeholder="Enter up to 15 letters?" class="txtBox" value='' name="search" maxlength="15"
                             required autocomplete="off">
-                        <span class="focus-border">
+                        <span class="d-none focus-border">
                             <i></i>
                         </span>
-
                         <div class="letter-close-button">
                             <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
                         </div>
                     </div>
-                    <input type="submit" style="background-color: {{CustomColor.inputButtonBg}};" class="serachBtn"
-                        id="serach" value="submit">
-
+                    <input
+                        style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
+                        type="submit" class="serachBtn" id="serach" value="">
                     <div class="dictonaryDropdown">
                         <select class="form-select select_dropDown2" name="dictionary"
                             aria-label="Default select example">
                             <option value="Dictionary">Dictionary</option>
-                            <option value="twl06">TWL06 (US, Canada, Thailand)</option>
-                            <option selected value="sowpods">SOWPODS (Uk and Others)</option>
-                            <option value="wwf">Enable (Words With Friends)</option>
+                            <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
+                            <option selected value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
+                            <option value="wwf" id="wwf">Enable (Words With Friends)</option>
                         </select>
                     </div>
-
                     <br>
                     <div class="wrapper_dropDown d-flex justify-content-end" style="gap:15px">
-                        <div class="advancedFilter" style="position: relative;">
+                        <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
                             <input type="button" value="Advanced Filter" class="filterButton">
                             <div class="angle-arrow2"></div>
                         </div>
                     </div>
+                    <div class="fillterWrapper hide">
+                        <div class="text-right times" style="cursor: pointer;">
+                            <img src="/assets/images/window-close.png" alt="window-close-icon" height="12px"
+                                width="12px">
 
-                    <div id="fillterWrapper" class="fillterWrapper">
-                        <div class="text-right times" style="cursor: pointer">
-                            <img loading="lazy" src="/assets/images/window-close.png" alt="window-close-icon"
-                                height="12px" width="12px">
                         </div>
                         <div class="startsWith">
-                            <label for="startsWith">Starts
-                                With</label>
-                            <br>
-                            <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
+                            <label for="startsWith">Starts With</label>
+                            <input autocomplete="off" type="text" id="startsWith" placeholder="Prefix" value=""
+                                name="prefix">
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
                                 title="Find words that start with these letters(AB-&gt; Able)">
                                 <i class="bi bi-question-circle"></i>
@@ -69,17 +67,17 @@
                         </div>
                         <div class="mustInclude">
                             <label for="mustInclude">Must Contains </label>
-                            <br>
-                            <input type="text" id="mustInclude" placeholder="Contains" name="contains">
+                            <input autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
+                                name="contains">
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
                                 title="Words that contain letters in this order(ab)">
                                 <i class="bi bi-question-circle"></i>
                             </div>
+
                         </div>
                         <div class="endsWith">
                             <label for="endsWith">End With</label>
-                            <br>
-                            <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
+                            <input autocomplete="off" type="text" id="endsWith" placeholder="Suffix" name="suffix">
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
                                 title="Filter for words that ends with these letters">
                                 <i class="bi bi-question-circle"></i>
@@ -88,29 +86,33 @@
                         <div class="exculdeWith">
                             <label for="exculdeWith">Exculde</label>
                             <br>
-                            <input type="text" id="exculdeWith" placeholder="Exculde" value="" name="exculde">
+                            <input autocomplete="off" type="text" id="exculdeWith" placeholder="Exculde" value=""
+                                name="exculde">
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
                                 title="Only words that not contain the letters you enter here">
                                 <i class="bi bi-question-circle"></i>
                             </div>
                         </div>
+
                         <div class="inculdeWith">
-                            <label for="inculdeWith">Include</label>
+                            <label for="inculdeWith">Inculde</label>
                             <br>
-                            <input type="text" id="inculdeWith" placeholder="Include" value="" name="include">
+                            <input autocomplete="off" type="text" id="inculdeWith" placeholder="Inculde" value=""
+                                name="inculde">
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
                                 title="Only words that contain the letters you enter here">
                                 <i class="bi bi-question-circle"></i>
                             </div>
                         </div>
-                        <div class="wordLength">
+
+                        <div class="wordLength same">
                             <label for="wordLength">Word Length </label>
-                            <br>
-                            <input type="text" id="wordLength" placeholder="Length" name="length">
+                            <input autocomplete="off" type="text" class="filter_val" id="wordLength"
+                                placeholder="Length" name="length" value="">
                             <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: {{CustomColor.inputButtonBg}};">
-                                <input type="submit" value="Apply" class="btn-info  text-white"
+                                <input type="submit" value="Apply" class="btn-info text-white"
                                     style="background-color: {{CustomColor.inputButtonBg}};">
                             </div>
                             <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
@@ -118,15 +120,21 @@
                                 <i class="bi bi-question-circle"></i>
                             </div>
                         </div>
+
                     </div>
                 </form>
+                {%- if page.wordle == 'solver' -%}
+                <!-- Solve wordle quickly using our wordle solver -->
+                <label class="d-block m-0 mt-4 text-center" style="font-size:16px">
+                    <a onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Try Wordle Solver'});"
+                        class="trywordle" href="/wordle-solver">Try Wordle Solver</a>
+                </label>
+                {%- endif -%}
             </div>
         </div>
     </div>
 </div>
-
-
-
+<!-- close landingPage -->
 <script>
     const clearFilter = document.querySelector('.clearFilter')
     let startsWith = document.getElementById('startsWith')
@@ -134,16 +142,13 @@
     let endsWith = document.getElementById('endsWith')
     let wordLength = document.getElementById('wordLength')
 
-
-    clearFilter.addEventListener("click", (() => {
-        startsWith.value = ""
-        mustInclude.value = ""
-        endsWith.value = ""
-        exculdeWith.value = ""
-        inculdeWith.value = ''
-        wordLength.value = ""
-    }))
-
+    clearFilter.addEventListener('click', () => {
+        startsWith.value = ''
+        mustInclude.value = ''
+        endsWith.value = ''
+        exculdeWith.value = ''
+        wordLength.value = ''
+    })
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
@@ -151,14 +156,6 @@
         fillterWrapper.classList.remove('hide')
     })
 
-
-
-    // document.addEventListener('click', (event) => {
-    //     const withinBoundaries = event.composedPath().includes(advancedFilter)
-    //     if (!withinBoundaries) {
-    //         closeModal()
-    //     }
-    // })
     function closeModal() {
         fillterWrapper.classList.remove('actives')
         fillterWrapper.classList.add('hide')
@@ -168,5 +165,4 @@
     close.addEventListener('click', () => {
         closeModal()
     })
-
 </script>

data/_includes/section/wordGroup.html

@@ -2,26 +2,21 @@
     <div class="col-md-12">
         <div class="filters d-flex justify-content-between align-items-center">
             <div class="wordCount"></div>
-
             <div class="filterSortedIcons">
-                <div class="filter-icon" onclick="myFunction()" data-toggle="tooltip" data-placement="top"
-                    title="Filter">
+                <div class="filter-icon" onclick="myFunction()">
                     <i class="bi bi-filter"></i>
                 </div>
-                <div class="sortup-icon" data-toggle="tooltip" data-placement="top" title="Sort">
+                <div class="sortup-icon">
                     <i class="bi bi-sort-up"></i>
                 </div>
             </div>
         </div>
-
         {%- if page.noAdsRefresh -%}
         <div class="main-loader"></div>
         <div class="main" data-value="null"></div>
         {%- else -%}
         <div class="main"></div>
         {%- endif -%}
-
-
         <div class="errorMsg"></div>
     </div>
 </div>

data/_includes/section/xyzGroup.html

@@ -8,7 +8,7 @@
         box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
     }
 </style>
-<div class="row xyzPad" style="padding:60px .2rem 5rem .2rem">
+<div class="row xyzPad" style="padding:0px .2rem 5rem .2rem">
     <div class=" col-md-12">
         <div class="wordCount">
             <strong>

data/_includes/wordfinderstrategy/content.html

@@ -153,8 +153,4 @@
             </div>
         </div>
     </div>
-
-    <link rel="stylesheet" href="/assets/css/content.css">
-
-
-    {%- include Rating/rating.html -%}
+</div>

data/_includes/xyzpages/xyz.html

@@ -3,6 +3,16 @@
 {% assign dataToShow = site.data.[page.folderName][lang][file] %}
 
 {%- assign CustomColor = site.data.theme.colors -%}
+
+<style>
+    .sticky_nav {
+        position: sticky;
+        width: inherit;
+        top: 58px;
+        background-color: #fff;
+        z-index: 99;
+    }
+</style>
 <!-- start commonPage as LandingPage -->
 <div class="container" id="containerWd">
     <section class="sticky_nav">
@@ -14,7 +24,7 @@
                 {{dataToShow.h2}}</h2>
             {%- endif -%}
         </div>
-        <div class="serachSection2">
+        <div class="serachSection">
             <div class="position-relative serachBox">
                 <form action="{{page.url}}/result" id='form'>
                     <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
@@ -109,11 +119,5 @@
             </div>
         </div>
     </section>
-
-
     {% include section/xyzGroup.html %}
-
-</div>
-
-<link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
-<script src="/assets/js/xyz.js"></script>
+</div>

data/_layouts/allpages.html

@@ -8,7 +8,6 @@
 
     {{content}}
 
-
     {%- include footer/index.html -%}
 
     {%- include script.html -%}

data/_layouts/autogencontent.html

@@ -5,9 +5,6 @@
 <body>
     {%- include header/index.html -%}
 
-
-    <div id="ezoic-pub-ad-placeholder-109"> </div>
-    <div id="ezoic-pub-ad-placeholder-110"> </div>
     {{content}}
 
     {% include adBlocker/adBlocker.html %}

data/_layouts/default.html

@@ -6,26 +6,16 @@
 <body>
     {%- include header/index.html -%}
 
-
-    {% if page.url == '/' %}
-
     {% include section/home.html %}
 
-    {% else %}
-
-    {% include section/home2.html %}
-
-    {% endif %}
-
     {% include section/feature.html %}
 
     {%- if dataToShow.faqList -%}
     {%- if dataToShow.faqList.first.Question !='' -%}
-    {% include section/news.html %}
+    {% include section/faq.html %}
     {% endif %}
     {% endif %}
 
-
     {%- if page.letter -%}
     {%- include WordPointTables/table.html -%}
     {%- endif -%}

data/_layouts/disclaimer.html

@@ -6,6 +6,34 @@
 <html lang="{{disclaimerData.htmlLangAtt}}">
 {%- include head/index.html -%}
 
+<style>
+    .page-top-section {
+        font-size: 16px;
+        padding-top: 250px;
+        padding-bottom: 40px;
+        background: url(/assets/images/footer2-bg.webp);
+    }
+
+    .page-top-nav a {
+        color: #fff;
+        text-transform: uppercase;
+        padding: 0 15px;
+    }
+
+    .page-top-nav a:hover {
+        color: white !important;
+    }
+
+    .section-gap {
+        padding: 120px 0;
+        font-size: 25px;
+        color: #50668f;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 30px;
+    }
+</style>
+
 <body>
     {%- include header/index.html -%}
 

data/_layouts/page.html

@@ -2,51 +2,6 @@
 <html lang="en">
 {%- include head/index.html -%}
 
-<style>
-  .footer-container {
-    margin-top: 200px !important;
-  }
-
-  @media(max-width:768px) {
-
-    /* social icons style */
-    .social-icons {
-      position: relative !important;
-      width: 100% !important;
-      height: 0px;
-      display: flex;
-      top: 0;
-      font-size: 15px;
-      color: #fff;
-      flex-direction: row;
-      z-index: 0;
-      border-top-left-radius: 8px;
-      border-bottom-left-radius: 8px;
-      background: transparent !important;
-      box-shadow: none !important;
-      line-height: 30px;
-    }
-
-    .social-icons a {
-      padding: 50px;
-      color: #000 !important;
-      font-size: 2rem !important;
-    }
-
-    .social-icon {
-      margin: 0 !important;
-      color: gray;
-    }
-
-    .social-icon:hover {
-      color: black;
-    }
-
-    .social-icons a {
-      padding: 10px;
-    }
-  }
-</style>
 
 <body>
 

data/_layouts/page2.html

@@ -2,58 +2,14 @@
 <html lang="en">
 {%- include head/index.html -%}
 
-<style>
-    @media(max-width:768px) {
-
-        /* social icons style */
-        .social-icons {
-            position: relative !important;
-            width: 100% !important;
-            height: 0px;
-            display: flex;
-            top: 0;
-            font-size: 15px;
-            color: #fff;
-            flex-direction: row;
-            z-index: 0;
-            border-top-left-radius: 8px;
-            border-bottom-left-radius: 8px;
-            background: transparent !important;
-            box-shadow: none !important;
-            line-height: 30px;
-        }
-
-        .social-icons a {
-            padding: 50px;
-            color: #000 !important;
-            font-size: 2rem !important;
-        }
-
-        .social-icon {
-            margin: 0 !important;
-            color: gray;
-        }
-
-        .social-icon:hover {
-            color: black;
-        }
-
-        .social-icons a {
-            padding: 10px;
-        }
-    }
-</style>
-
 <body>
 
     {%- include section/commonPage.html -%}
 
     {%- include share/socialshare.html -%}
 
-
     {%- include footer/index.html -%}
 
-
     {%- include script.html -%}
 
     {%- if site.MonumetricID -%}

data/_layouts/post.html

@@ -56,10 +56,11 @@
                                 {% assign url = page.url | relative_url | prepend: site.url %}
                                 {% for share in site.data.blog.share.platforms %}
                                 {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
-                                <li> <a href=" {{ link }}" data-toggle="tooltip"
+                                <li>
+                                    <a href=" {{ link }}" data-toggle="tooltip"
                                         onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
                                         data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
-                                        <i class="fa-fw {{ share.icon }}"></i>
+                                        <img style="width:18px;" src=" {{ share.icon }}"></img>
                                     </a>
                                 </li>
                                 {% endfor %}

data/_layouts/privacyPolicy.html

@@ -6,6 +6,33 @@
 <html lang="{{privacyData.htmlLangAtt}}">
 {%- include head/index.html -%}
 
+<style>
+    .page-top-section {
+        font-size: 16px;
+        padding-top: 250px;
+        padding-bottom: 40px;
+        background: url(/assets/images/footer2-bg.webp);
+    }
+
+    .page-top-nav a {
+        color: #fff;
+        text-transform: uppercase;
+        padding: 0 15px;
+    }
+
+    .page-top-nav a:hover {
+        color: white !important;
+    }
+
+    .section-gap {
+        padding: 120px 0;
+        font-size: 25px;
+        color: #50668f;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 30px;
+    }
+</style>
 
 <body>
     {%- include header/index.html -%}

data/_layouts/termAndCondition.html

@@ -6,6 +6,34 @@
 <html lang="{{termsData.htmlLangAtt}}">
 {%- include head/index.html -%}
 
+<style>
+    .page-top-section {
+        font-size: 16px;
+        padding-top: 250px;
+        padding-bottom: 40px;
+        background: url(/assets/images/footer2-bg.webp);
+    }
+
+    .page-top-nav a {
+        color: #fff;
+        text-transform: uppercase;
+        padding: 0 15px;
+    }
+
+    .page-top-nav a:hover {
+        color: white !important;
+    }
+
+    .section-gap {
+        padding: 120px 0;
+        font-size: 25px;
+        color: #50668f;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 30px;
+    }
+</style>
+
 <body>
     {%- include header/index.html -%}
     <!-- Start page-top section -->
@@ -413,12 +441,8 @@
     </section>
     <!-- End main body content -->
 
-
-
     {%- include footer/index.html -%}
-
     {%- include script.html -%}
-
 </body>
 
 </html>

data/_layouts/tools.html

@@ -3,10 +3,16 @@
 {% assign folder = page.folderName %}
 {% assign homeData= site.data[folder][lang][file] %}
 
+
 <!DOCTYPE html>
 <html lang="en">
 
 {%- include head/index.html -%}
+<style>
+    .tools_headings {
+        padding: 15px 0;
+    }
+</style>
 
 <body>
     {%- include header/index.html -%}
@@ -41,7 +47,7 @@
 
     {%- if dataToShow.faqList -%}
     {%- if dataToShow.faqList.first.Question !='' -%}
-    {% include section/news.html %}
+    {% include section/faq.html %}
     {% endif %}
     {% endif %}