word-games-theme 1.8.5 → 1.8.7

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,115 +18,122 @@
     <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">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Find words that start with these letters(AB-&gt; Able)">
+                            <label for="startsWith">Starts With</label>
+                            <input autocomplete="off" type="text" id="startsWith" placeholder="Prefix" value=""
+                                name="prefix">
+                            <div class="filter-tooltip" data-tip="Find words that start with these letters(AB-&gt; Able)">
                                 <i class="bi bi-question-circle"></i>
                             </div>
                         </div>
                         <div class="mustInclude">
                             <label for="mustInclude">Must Contains </label>
-                            <br>
-                            <input 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)">
+                            <input autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
+                                name="contains">
+                            <div class="filter-tooltip" 
+                            data-tip="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">
+                            data-tip="Filter for words that ends with these letters">
                                 <i class="bi bi-question-circle"></i>
                             </div>
                         </div>
                         <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">
+                            data-tip="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">
+                            data-tip="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"
-                                title="Filter for words with this length">
+                            data-tip="Filter for words with this length">
                                 <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 +141,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 +155,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 +164,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/aboutUs.html

@@ -0,0 +1,136 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign aboutData = site.data[folder][lang][file] %}
+
+<!DOCTYPE html>
+<html lang="{{aboutData.htmlLangAtt}}">
+{% include head/index.html %}
+
+<style>
+  .about-h1 {
+    line-height: 36px;
+    font-size: 30px;
+    font-stretch: 400;
+    font-weight: 600;
+    color: rgba(33, 33, 33, 1);
+    text-align: center;
+    margin: 0;
+  }
+  .about-h2 {
+    line-height: 30px;
+    font-stretch: 400;
+    font-weight: 300;
+    font-size: 20px;
+    color: rgba(33, 33, 33, 1);
+    text-align: center;
+    margin: 0;
+}
+p{
+  font-size: 15px;
+}
+
+  .feature-card-title,
+  .faq-question,
+  .feature-card-desc,
+  .faq-answer {
+    line-height: 24px;
+    font-size: 16px;
+    font-weight: 600;
+    color: rgb(33, 33, 33);
+    text-align: center;
+    margin: 0px;
+    padding: 12px 0px;
+  }
+
+  .feature-card-desc {
+    font-weight: 400;
+  }
+
+  .highlight_style {
+    color: #007bff !important;
+    font-weight: 900;
+    text-decoration: underline;
+  }
+
+  .highlight_style:hover {
+    text-decoration: underline !important;
+  }
+</style>
+
+<body>
+  {% include header/index.html %}
+  <div class="container py-5 about_layout">
+    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+    <div class="row">
+      <div class="col-md-9 mx-auto">
+        {%- endif -%}
+        <h1 class="about-h1 py-2">About us</h1>
+        <h2 class="about-h2"> Welcome to {{ page.companyName}}</h2>
+        <p class="about-para pt-4 text-left">We are here to help you. Ping us your queries at care@{{
+          page.companyName}}.{{page.domain}}</p>
+        <div>
+          {{content}}
+        </div>
+        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+      </div>
+    </div>
+    {%- endif -%}
+  </div>
+
+  {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
+  {% assign authors = "" | split: "," %}
+  {% for post in site.posts %}
+  {% if post.author %}
+  {% unless authors contains post.author %}
+  {% assign authors = authors | push: post.author %}
+  {% endunless %}
+  {% endif %}
+  {% endfor %}
+
+
+  <div class="container mt-4 mb-5">
+    <div class="row px-0 mx-auto text-center">
+      <div class="col-md-4 my-4">
+        <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
+          alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+        <div class="feature-card-title">Features</div>
+        <div class="feature-card-desc">Our website currently has
+          <a class="highlight_style" href="{{site.url}}/sitemap.xml">{{ site.pages |
+            size }} features</a>
+        </div>
+      </div>
+      <div class="col-md-4 my-4">
+        <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
+          alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+        <div class="feature-card-title">Languages Supported</div>
+        <div class="feature-card-desc">Our website currently supports 22 languages.</div>
+      </div>
+      <div class="col-md-4 my-4">
+        <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
+          alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+        <div class="feature-card-title">Blog Posts</div>
+        <div class="feature-card-desc">We currently have <a class="highlight_style" href="/blog">{{ site.posts | size }}
+            blog posts</a> on our website.</div>
+      </div>
+      <div class="col-md-4 my-4">
+        <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
+          alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+        <div class="feature-card-title">Authors</div>
+        <div class="feature-card-desc">We have <a class="highlight_style" href="/authors"> {{ authors.size }} authors
+          </a> on our website</div>
+      </div>
+      <div class="col-md-4 my-4">
+        <img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
+          alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
+        <div class="feature-card-title">Total Visitors</div>
+        <div id="visits" class="feature-card-desc">{{site.totalVisitors}}</div>
+      </div>
+    </div>
+  </div>
+
+  {% include footer/index.html %}
+  {% include script.html %}
+</body>
+
+</html>

data/_layouts/allAuthors.html

@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include authorpagehead/index.html %}
+<style>
+    body {
+        font-family: 'Font Awesome 5 Free' !important;
+    }
+
+    .authors-heading {
+        font-size: 50px;
+        font-weight: 900;
+    }
+
+    .authors-info {
+        padding: 32px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        text-align: center;
+        width: 100%;
+    }
+
+    .authors-info .authors-image img {
+        display: inline-block;
+        width: 200px;
+        height: 200px;
+        padding: 8px;
+        border: 5px solid #eee;
+        border-radius: 50%;
+        object-fit: cover;
+        user-select: none;
+    }
+
+    .authors-info .authors-name {
+        margin: 1rem;
+        font-size: 28px;
+        color: #000;
+        font-weight: 900;
+    }
+
+    .authors-info .authors-bio {
+        color: #121315;
+        font-size: 16px;
+    }
+
+    .authors-posts-count {
+        font-size: 24px;
+        font-weight: 400;
+        color: #000 !important;
+        text-decoration: underline !important;
+    }
+</style>
+
+<body>
+    {%- include header/blogHeader.html -%}
+    <section class="authors-list" style="margin-top:100px">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12">
+                    <h1 class="mb-4 text-center authors-heading">Our Authors</h1>
+                    <div class="row">
+                        {% assign minCommonAuthor = 1 %}
+                        {% assign sameAuthorCount = 0 %}
+
+                        {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
+
+                        {% assign seen_authors = '' %}
+                        {% for post in site.posts %}
+                        {% unless seen_authors contains post.author %}
+                        {% assign seen_authors = seen_authors | append: post.author | append: ',' %}
+                        <!-- Render your author here -->
+                        {%- include /authors/authors.html -%}
+                        {%- if authorName contains authorName -%}
+                        <div class=" col-md-4 mb-4">
+                            <div class="authors-info">
+                                <a class="authors-image"
+                                    href="/author/{{authorName | downcase  | replace: ' ' , '-' }}">
+                                    <img loading="lazy" src="{{image}}" alt="{{ authorName }}">
+                                </a>
+                                <a class="authors-name"
+                                    href="/author/{{authorName | downcase  | replace: ' ' , '-' }}">{{authorName |
+                                    capitalize }}</a>
+                                <a href="/blog" class="authors-posts-count">{{ site.posts | where: 'author', post.author
+                                    | size }} Posts</a>
+                                <p class="authors-bio mt-3">{{bio}}</p>
+                            </div>
+                        </div>
+                        {%- endif -%}
+                        {% endunless %}
+                        {% endfor %}
+
+
+                        {% for post in posts %}
+                        {%- include /authors/authors.html -%}
+                        {%- if post.author contains authorName -%}
+                        <div class="d-none col-md-4 mb-4">
+                            <div class="authors-info">
+                                <a class="authors-image"
+                                    href="/author/{{authorName | downcase  | replace: ' ' , '-' }}">
+                                    <img loading="lazy" src="{{image}}" alt="{{ authorName }}">
+                                </a>
+                                <a class="authors-name"
+                                    href="/author/{{authorName | downcase  | replace: ' ' , '-' }}">{{authorName |
+                                    capitalize }}</a>
+                                <a href="/blog" class="authors-posts-count">{{ site.posts | where: 'author', post.author
+                                    | size }} Posts</a>
+                                <p class="authors-bio mt-3">{{bio}}</p>
+                            </div>
+                        </div>
+                        {%- endif -%}
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% include section/count.html %}
+    </section>
+    {% include script.html %}
+</body>
+
+</html>

data/_layouts/allpages.html

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