word-games-theme 1.0.0 → 1.0.3

data/_includes/howto.html

@@ -0,0 +1,63 @@
+<!-- how to section -->
+{%- if dataToShow.HOW_TO_CONTENT -%}
+<section class="how-to-section">
+    <div class="feature">
+        <h5 class="title">{{dataToShow.howto}}</h5>
+    </div>
+    <div class="container">
+        <div class="row pt-5 justify-content-center">
+            {% if site.MonumetricID %}
+            <div class="col-md-4 order-0 ">
+                {%- if dataToShow.HOW_TO_CONTENT.logoImageUrl -%}
+                <div class="how-to-img-wrapper ">
+                    <img class="how-to-leftimg" height="180px" width="300px"
+                        src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+                        alt="{{dataToShow.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}">
+                </div>
+                {%- endif -%}
+            </div>
+            <div class="col-md-4 order-1">
+                <div class="how-to-right">
+                    <h3 class="how-to-title">{{dataToShow.HOW_TO_CONTENT.heading | replace: "$variable",
+                        page.value}}</h3>
+                    <ol class="how-to-list">
+                        {% for data in dataToShow.HOW_TO_CONTENT.steps %}
+                        <li id="step{{forloop.index}}" class="how-to-list-item">
+                            <span>{{forloop.index}}.</span>{{data |
+                            replace: "$variable",
+                            page.value}}
+                        </li>
+                        {% endfor %}
+                    </ol>
+                </div>
+            </div>
+            {%- else -%}
+            <div class="col-md-6 order-0 ">
+                {%- if dataToShow.HOW_TO_CONTENT.logoImageUrl -%}
+                <div class="how-to-img-wrapper ">
+                    <img class="how-to-leftimg" height="180px" width="300px"
+                        src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+                        alt="{{dataToShow.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}">
+                </div>
+                {%- endif -%}
+            </div>
+            <div class="col-md-6 order-1">
+                <div class="how-to-right">
+                    <h3 class="how-to-title">{{dataToShow.HOW_TO_CONTENT.heading | replace: "$variable",
+                        page.value}}</h3>
+                    <ol class="how-to-list">
+                        {% for data in dataToShow.HOW_TO_CONTENT.steps %}
+                        <li id="step{{forloop.index}}" class="how-to-list-item">
+                            <span>{{forloop.index}}.</span>{{data |
+                            replace: "$variable",
+                            page.value}}
+                        </li>
+                        {% endfor %}
+                    </ol>
+                </div>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+</section>
+{%- endif -%}

data/_includes/script.html

@@ -15,4 +15,7 @@
 {%- for item in scriptData.jscdns -%}
 {{item}}
 {%- endfor -%}
+{%- endif -%}
+{%- if site.show_allow_ad_blocker_pop and site.MonumetricID -%}
+<script defer delay="../assets/js/adBlocker.js"></script>
 {%- endif -%}

data/_includes/section/commonPage.html

@@ -9,7 +9,7 @@
 <!-- <header class="container" id="resultHeader"> -->
 <!-- navigation startss -->
 <nav class="result_navbar_section navbar-expand-lg navbar-dark" style="background-color: #fff;">
-    <a href="/" title="{{dataToShow.tooltip}}" style="position: absolute; top:6px">
+    <a href="/" title="{{dataToShow.tooltip}}" style="position: absolute; top:5px">
         <img src="{{ site.favicon | relative_url }}" alt="{{site.name}}" style="width:35px; height:35px;">
     </a>
     <div class="container" id="containerWd">
@@ -19,11 +19,14 @@
                     {{dataToShow.h1}}</h1>
             </div>
             <div class="serachSection2">
-                <div class="position-relative serachBox">
+                <div class="position-relative serachBox mt-4">
                     <form action="" id='form'>
                         <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
                             placeholder="Enter up to 15 letters?" class="txtBox resultPageTxtBox" value='' name="search"
                             maxlength="15" value required autocomplete="off">
+                        <div class="letter-close-button-commonPage">
+                            <i class="ltr-cls-btn-commonPage bi bi-x-circle-fill"></i>
+                        </div>
                         <input
                             style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
                             type="submit" class="serachBtn resultPageSearchBtn" id="serach" value>

data/_includes/section/feature.html

@@ -19,8 +19,9 @@
         <div class="container">
             <!--class earlier= col-xl-9 col-lg-12-->
             <div class="row text-center features_data">
+                {% if site.MonumetricID %}
                 {% for entry in dataToShow.featureList %}
-                <div class="col-lg-6 col-md-6 my-3">
+                <div class="col-md-8 my-3 mx-auto">
                     <div class="card-body h-100">
                         <img src="{{ entry.fa_class }}" width="25px"></img>
                         <h5 class="card-title">
@@ -31,7 +32,23 @@
                     </div>
                 </div>
                 {% endfor %}
+                {%- else -%}
+                {% for entry in dataToShow.featureList %}
+                <div class="col-lg-4 col-md-6 my-3">
+                    <div class="card-body h-100">
+                        <img src="{{ entry.fa_class }}" width="25px"></img>
+                        <h5 class="card-title">
+                            {{ entry.feature_heading }}
+                        </h5>
+                        <p class="card-text" style="color: #a7a7a7;
+                        font-size: 14px;">{{ entry.feature_text}}</p>
+                    </div>
+                </div>
+                {% endfor %}
+                {% endif %}
             </div>
         </div>
     </div>
-</div>
+</div>
+
+{%- include howto.html -%}

data/_includes/section/home.html

@@ -27,6 +27,10 @@
                         <span class="focus-border">
                             <i></i>
                         </span>
+
+                        <div class="letter-close-button">
+                            <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
+                        </div>
                     </div>
                     <input style="border-radius: {{CustomColor.inputFieldBorder}}; 
                         background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach"
@@ -108,7 +112,6 @@
 </div>
 
 <script>
-
     const clearFilter = document.querySelector('.clearFilter')
     let startsWith = document.getElementById('startsWith')
     let mustInclude = document.getElementById('mustInclude')
@@ -128,13 +131,13 @@
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('active')
+        fillterWrapper.classList.toggle('actives')
         fillterWrapper.classList.remove('hide')
     })
 
     const close = document.querySelector('.times')
     close.addEventListener('click', () => {
-        fillterWrapper.classList.remove('active')
+        fillterWrapper.classList.remove('actives')
         fillterWrapper.classList.add('hide')
     })
 

data/_includes/section/home2.html

@@ -26,6 +26,9 @@
                         <span class="focus-border">
                             <i></i>
                         </span>
+                        <div class="letter-close-button">
+                            <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
+                        </div>
                     </div>
 
                     <input
@@ -118,13 +121,13 @@
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('active')
+        fillterWrapper.classList.toggle('actives')
         fillterWrapper.classList.remove('hide')
     })
 
     const close = document.querySelector('.times')
     close.addEventListener('click', () => {
-        fillterWrapper.classList.remove('active')
+        fillterWrapper.classList.remove('actives')
         fillterWrapper.classList.add('hide')
     })
 </script>

data/_includes/section/news.html

@@ -20,12 +20,21 @@
         <div class="container">
             <!--class earlier=col-xl-9 col-lg-12 -->
             <div class="row my-xl-0">
+                {% if site.MonumetricID %}
                 {% for entry in dataToShow.faqList %}
                 <div class="col-md-8 mx-auto pt-5">
+                    <p class="meduim-text2 text-center mb-0">{{entry.Question}}</p>
+                    <p class="meduim-text text-center mb-0">{{entry.Answer}}</p>
+                </div>
+                {% endfor %}
+                {%- else -%}
+                {% for entry in dataToShow.faqList %}
+                <div class="col-md-6 pt-5">
                     <p class="meduim-text2 mb-0">{{entry.Question}}</p>
                     <p class="meduim-text mb-0">{{entry.Answer}}</p>
                 </div>
                 {% endfor %}
+                {% endif %}
             </div>
         </div>
     </div>

data/_includes/section/recent_posts.html

@@ -3,6 +3,48 @@
         {%- if site.posts.size>0 -%}
         <h1 class="related_post_heading">Recent Posts</h1>
         {%- endif -%}
+        {% if site.MonumetricID %}
+        <div class="row">
+            <div class="col-lg-8 mx-auto">
+                <div class="row">
+                    {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
+                    {% for post in posts limit: 6%}
+                    {%- include /authors/authors.html -%}
+                    <div class="col-lg-6 col-md-6 mb-4 card-group">
+                        <div class="card h-100">
+                            <a href="{{ post.url }}">
+                                <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%"
+                                    loading="lazy" alt="">
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                            <div class="card-footer bg-white">
+                                <div class="wrapfooter">
+                                    {% if post.author %}
+                                    <span class="meta-footer-thumb">
+                                        <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
+                                    </span>
+                                    {% endif %}
+                                    <span class="author-meta">
+                                        <span class="post-name">
+                                            <a target="_blank" href="/blog">{{authorName}}</a>
+                                        </span><br>
+                                        <span class="post-date">{{post.date | date_to_string }}</span>
+                                    </span>
+                                    <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+                                            title="Read Story">Read More</a></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+        {%- else -%}
         <div class="row">
             {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
             {% for post in posts limit: 6%}
@@ -39,5 +81,6 @@
             </div>
             {% endfor %}
         </div>
+        {% endif %}
     </div>
 </div>

data/_includes/wordle-solver/wordle-solver.html

@@ -50,7 +50,7 @@
                 </div>
                 <div class="form-group">
                     <label for="greyLetters" class="my-1 p-0 wordleSolver-label">Enter letters in grey below</label>
-                    <div class="col-md-6 p-0 wrapper">
+                    <div class="col-md-6 p-0 wrapper_div">
                         <div class="d-flex">
                             <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
                                 id="eleven" value="" autocomplete="off" tabIndex="10" onkeyup="move(this,'twelve')">

data/_layouts/autogencontent.html

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

data/_layouts/blog.html

@@ -62,6 +62,7 @@
     </section>
     <!-- {%- include section/alertbar.html -%} -->
 
+    {% include adBlocker/adBlocker.html %}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
     {% include script.html %}
     <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>

data/_layouts/default.html

@@ -19,6 +19,8 @@
 
     {% include section/feature.html %}
 
+
+
     {%- if dataToShow.faqList -%}
     {%- if dataToShow.faqList.first.Question !='' -%}
     {% include section/news.html %}
@@ -30,6 +32,7 @@
     {%- include WordPointTables/table.html -%}
     {%- endif -%}
 
+    {% include adBlocker/adBlocker.html %}
     {%- include share/socialshare.html -%}
     {%- include Rating/rating.html -%}
 
@@ -53,11 +56,33 @@
     {%- include footer/index.html -%}
 
     {%- include script.html -%}
+
+
+    {%- if page.language -%}
     <script>
+        const select_dropDown2 = document.querySelector(".select_dropDown2")
+        select_dropDown2[0].style.display = "none"
+        select_dropDown2[1].style.display = "none"
+        select_dropDown2[2].style.display = "none"
+        select_dropDown2[3].style.display = "none"
+    </script>
+    {%- endif -%}
+
+
+    <script>
+        let letterCloseButton = document.querySelector('.letter-close-button')
         let txtBox = document.querySelector('.txtBox')
         let focusBorder = document.querySelector('.focus-border')
         txtBox.focus()
+
         txtBox.addEventListener('input', (e) => {
+            if (e.target.value === "") {
+                letterCloseButton.classList.remove("close_ltr_icon")
+            }
+            else {
+                letterCloseButton.classList.add("close_ltr_icon")
+            }
+
             focusBorder.classList.remove("focus-border")
             e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
             let rangeOfBlankTile = '{{ page.blanktilerange }}'
@@ -73,6 +98,11 @@
                 e.target.value = e.target.value.replace(/\?$/, '')
             }
         })
+
+        letterCloseButton.addEventListener("click", () => {
+            txtBox.value = ""
+            letterCloseButton.classList.remove("close_ltr_icon")
+        })
     </script>
 </body>
 

data/_layouts/other-lang-scrabble.html

@@ -0,0 +1,170 @@
+<!-- {% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign homeData= site.data[folder][lang][file] %} -->
+
+<!-- <!DOCTYPE html>
+<html lang="en">
+
+{%- include head/index.html -%}
+
+<body>
+    <link rel="stylesheet" href="../assets/css/wordScrabble.css">
+    {%- include header/index.html -%}
+
+    {%- if homeData.h1 or homeData.h2 -%}
+    <div class="tools_headings">
+        <div class="container">
+            <div class="pageHeading text-center">
+                <h1 class="heading pb-0 m-0">{{homeData.h1}}</h1>
+                {%- if homeData.h2 != '' -%}
+                <h2>{{homeData.h2}}</h2>
+                {%- endif -%}
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+
+    <div class="tools-feature">
+        <div class="container" id="containerWd">
+            <section class="result_sticky_nav">
+                <div class="serachSection2">
+                    <div class="position-relative serachBox">
+                        <form action="" id='form'>
+                            <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
+                                placeholder="Enter up to 15 letters?" class="txtBox resultPageTxtBox" value='' name="search"
+                                maxlength="15" value required autocomplete="off">
+                            <input
+                                style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
+                                type="submit" class="serachBtn resultPageSearchBtn" id="serach" value>
+                            {%- include filterWords/index.html -%}
+                            <div class="wrapper_dropDown mt-3 d-flex justify-content-end" style="gap:10px;">
+                                <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
+                                    <span class="filter_count" style="display: none;"></span>
+                                    <input type="button" value="Advanced Filter" class="filterButton">
+                                    <div class="angle-arrow"></div>
+                                </div>
+                                <div id="sort-select">
+                                    <select class="form-select sort-select" id="select_dropDown">
+                                        <option selected="true" hidden id="alpha" value="alpha">Sort by</option>
+                                        <option id="alpha" value="alpha">A-Z</option>
+                                        <option id="alpha" value="alpha">Z-A</option>
+                                      <option id="alpha" value="alpha">Points</option> -->
+<!-- </select>
+</div>
+</div>
+<div class="fillterWrapper hide">
+    <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 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" 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" 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 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" id="applyfilter">
+    </div>
+</div>
+</form>
+</div>
+</div>
+</section>
+</div>
+<div class="container" id="containerWd">
+    {% include section/wordGroup.html %}
+</div>
+close commonPage as LandingPage -->
+<!-- <link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
+
+</div> -->
+
+<!-- {% include section/feature.html %}
+
+{%- if dataToShow.faqList -%}
+{%- if dataToShow.faqList.first.Question !='' -%}
+{% include section/news.html %}
+{% endif %}
+{% endif %} -->
+
+
+<!-- {%- include Rating/rating.html -%}
+
+{%- assign langen = "en" -%}
+{%- if site.data[folder][langen][file].categories -%}
+{% assign categories= site.data[folder][langen][file].categories %}
+{%- else -%}
+{% assign categories= page.categories %}
+{%- endif -%}
+{%- if site.data[folder][langen][file].tags -%}
+{% assign tags= site.data[folder][langen][file].tags %}
+{%- else -%}
+{% assign tags= page.tags %}
+{%- endif -%}
+{%- if categories.size> 0 or tags.size>0-%}
+{%- include section/related_categories_post.html -%}
+{%- else -%}
+{%- include section/recent_posts.html -%}
+{% endif %}
+
+
+{%- include footer/index.html -%}
+
+{%- include script.html -%}
+<script>
+    const clearFilter = document.querySelector('.clearFilter')
+
+    clearFilter.addEventListener('click', () => {
+        startsWith.value = ''
+        mustInclude.value = ''
+        endsWith.value = ''
+        exculdeWith.value = ''
+        inculdeWith.value = ''
+        wordLength.value = ''
+        document.getElementById("applyfilter").click();
+    })
+    const fillterWrapper = document.querySelector('.fillterWrapper')
+    function myFunction() {
+        fillterWrapper.classList.toggle('hide')
+    }
+    const close = document.querySelector('.times')
+    close.addEventListener('click', () => {
+        fillterWrapper.classList.add('hide')
+    })
+
+</script>
+<script src="../assets/js/other-lang-wordScrabble.js" crossorigin></script>
+</body>
+
+</html>  -->

data/_layouts/page.html

@@ -58,10 +58,13 @@
   {%- include script.html -%}
 
 
-
-  {%- if page.tool != 'words-that-start-with-the-letters' -%}
+  {%- if page.language -%}
+  <script data-language="{{page.language}}" src="../assets/js/other-lang-wordScrabble.js" crossorigin></script>
+  {%- elsif page.tool != 'words-that-start-with-the-letters' -%}
   <script data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble.js"></script>
   {%- endif -%}
+
+
 </body>
 
 </html>

data/_layouts/post.html

@@ -130,6 +130,7 @@
             </div>
         </div>
     </section>
+    {% include adBlocker/adBlocker.html %}
     {%- include section/count.html -%}
     <!-- {%- include section/alertbar.html -%} -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />

data/_layouts/tools.html

@@ -36,6 +36,7 @@
     {% endif %}
     {% endif %}
 
+    {% include adBlocker/adBlocker.html %}
 
     {%- include Rating/rating.html -%}
 

data/_layouts/wordMeaning.html

@@ -120,7 +120,8 @@
             <div class="container p-0" id="defintions" style="margin-top: 100px;">
                 <h3><b>Defintion(s)</b></h3>
                 <br>
-                <span id="loaderMeaning" style="font-size: 20px">Loading &nbsp; </span><div class="spinner-border" id="loaderMeaning1"></div>
+                <span id="loaderMeaning" style="font-size: 20px">Loading &nbsp; </span>
+                <div class="spinner-border" id="loaderMeaning1"></div>
                 <h2 id="err" style="display: none;">No Definition Found!</h2>
                 <h4 id="noun" style="display: none;"><b>Noun</b></h4>
                 <h4 id="verb" style="display: none;"><b>Verb</b></h4>
@@ -147,6 +148,8 @@
     {%- include section/recent_posts.html -%}
     {% endif %}
 
+
+    {% include adBlocker/adBlocker.html %}
     {%- include footer/index.html -%}
 
     {%- include script.html -%}

data/_layouts/xyzpages.html

@@ -91,6 +91,8 @@
 
     {%- include share/socialshare.html -%}
 
+    {% include adBlocker/adBlocker.html %}
+
     {% include xyzpages/xyzFooter.html %}
 
     {%- include script.html -%}