word-games-theme 2.2.8 → 2.2.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30e478ba0e504317cb92af69cec1222c6f4d291fa08972e50e60bccab82a43cb
-  data.tar.gz: 06cdf1da408e7793b33a77059d68e565ccaffa90ea2bdd28fd8c89b183104253
+  metadata.gz: 9304bdd4b753f3f7514c7e63ec29a24b08a21e2ed6f5f81f82ab8b38e12d01af
+  data.tar.gz: 5dd0289e3a291968a56ea7a8e5a5bf570d0ed117b8632d516b8e80efd2db033c
 SHA512:
-  metadata.gz: b10d4292bd5361dc10052f3eb694a8eae07434d599ebdf0ed4736338a61928141e8946121d5a3e5b7356b8671e2c40e4408aaa53a5d7185167b9bf8d4ad18d6f
-  data.tar.gz: d5f520ceabf991c4b23ad0bc687a8b710c229814e0037bf12590cabefb2d71701feeb24818f044a26f78c7484f955d1723599f9fefe575f5cab2d16801803b6a
+  metadata.gz: 00067cd7f07c26bb31203025634dfd4efe84f27097222d07178a07fe261db7eef8699102dad38199e811d17d58f27f54950e382ec5cb1429cff23e61b2eed8b8
+  data.tar.gz: bc661f99237b2a91e0a8fdd4c4719ff794190d1dec410feeebb9ff91cd225005de86307ab8d2538ca8491d115972e544214608643b1b54ec21f59094237df39b

data/_includes/wordgames/xyzpages/xyz-words.html

@@ -14,14 +14,7 @@
             <div class="wordCount"><strong>
                     {{dataToShow.wordLength}}
                 </strong></div>
-            <div class="filterSortedIcons">
-                <div class="filter-icon" onclick="myFunction()">
-                    <i class="bi bi-filter"></i>
-                </div>
-                <div class="sortup-icon">
-                    <i class="bi bi-sort-up"></i>
-                </div>
-            </div>
+        
             <div class="d-none tab_link_wrapper" style="position: relative;">
                 <div id="tab-scroll" class="tab-scroll flex-row">
                     <input type="button" name="" id="prev" class="prev tabsBg noOutline cursorPointer" value=" "
@@ -48,8 +41,17 @@
             </div>
             <div class="wrapper_dropDown mt-3 d-flex justify-content-end" style="gap:10px;">
                 <div class="letter-length">
-                    <select class="form-select length-select">
+                    <select class="form-select length-select" onchange="Filtering(2)">
                         <option selected="true" hidden>Letter Length</option>
+                        {%- for scrabblewords in dataToShow.words-%}
+                        {%- for item in scrabblewords %}
+                        {%- if forloop.index == 1 -%}
+                            <option  class="tab_link cursorPointer" id="Tab_{{item.i}}" value="{{item.i}}">{{item.i}} Letter</option>
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- endfor -%}
+
+
                     </select>
                 </div>
                 <div id="sort-select">

data/_includes/wordgames/xyzpages/xyz.html

@@ -14,7 +14,6 @@
     }
 </style>
 <!-- start commonPage as LandingPage -->
-
 <section class="sticky_nav">
     <div class="pageHeading text-center pt-5">
         <h1 class="heading m-0 pb-0">
@@ -34,6 +33,21 @@
                     <input
                         style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
                         type="submit" class="serachBtn" id="serach" value>
+                        <div class="letter-close-button">
+                            <svg width="40px" height="40px" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                                <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                                <g id="SVGRepo_iconCarrier">
+                                    <path
+                                        d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z"
+                                        fill="#292D32"></path>
+                                </g>
+                            </svg>
+                        </div>
+                        <span class="d-none focus-border">
+                            <i></i>
+                        </span>
                     <div class="dictonaryDropdown">
                         <!-- <div class="dictonaryDropdown"> -->
                         <select class="form-select select_dropDown2" name="dictionary"
@@ -45,18 +59,17 @@
                         </select>
                         <!-- </div> -->
                     </div>
-                  
                 </div>
 
                 <div class="container">
                     {%- include wordgames/advanced-filter/advanced-filter.html -%}
                 </div>
-                <div class="container" id="containerWd">
-                    {% include wordgames/xyzpages/xyz-words.html %}
-                </div>
+
 
             </form>
         </div>
     </div>
 </section>
+<div class="container" id="containerWd">
+    {% include wordgames/xyzpages/xyz-words.html %}
 </div>

data/_includes/wordgames/xyzpages/xyzFooter.html

@@ -47,13 +47,14 @@
     </div>
 </div>
 
-<div class="row m-0 py-3" style="background-color: #000;">
+<div class="row m-0 py-3" style="background-color: white;">
     <div class="col-12">
         <div class="text-center px-md-5 px-0 footer__flexbox">
-            <p class="m-0 text-white">{{site.copyright_text}}</p>
-            <p class="m-0"><a class="footer__link" href="/privacy-policy">Privacy Policy</a>
+            <p  style="font-size:18px"
+             class="m-0 text-black">{{site.copyright_text}}</p>
+            <!-- <p class="m-0"><a class="footer__link" href="/privacy-policy">Privacy Policy</a>
                 <a class="footer__link" href="/terms-and-conditions">| Terms of Use</a>
-            </p>
+            </p> -->
         </div>
     </div>
 </div>

data/_layouts/wordgames-home.html

@@ -2,7 +2,6 @@
 <html lang="en">
 
 {%- include wordgames/head/head.html -%}
-
 <body>
     {%- include wordgames/header/header.html -%}
 
@@ -72,6 +71,7 @@
     {%- endif -%}
     <script defer src="/assets/js/theme.js"></script>
     <script defer src="/assets/js/wordgames-home.js"></script>
+
 </body>
 
 </html>

data/_layouts/wordgames-xyz.html

@@ -3,7 +3,7 @@
 {%- include wordgames/head/head.html -%}
 <style>
     .main_row {
-        background-color: #262626;
+        background-color: #000;
         color: var(--txtColor1);
         font-size: 12px;
     }
@@ -93,10 +93,8 @@
     <div class="wordgametheme-sidebar-right"></div>
     {%- endif -%}
 
-    
     {%- include wordgames/xyzpages/xyz.html -%}
 
-
     {% include wordgames/featurehighlights/featurehighlights.html %}
     {%- include wordgames/howto/howto.html -%}
 
@@ -112,14 +110,16 @@
 
     {%- include wordgames/rating/rating.html -%}
 
-    {%- include share/socialshare.html -%}
+    <!-- {%- include share/socialshare.html -%} -->
 
     {% include wordgames/adblocker/adblocker.html %}
 
-    {% include xyzpages/xyzFooter.html %}
+    {% include wordgames/xyzpages/xyzFooter.html %}
 
 
-    <script defer src="/assets/js/xyz.js"></script>
+    <script defer src="/assets/js/wordgames-xyz.js"></script>
+    <script defer src="/assets/js/theme.js"></script>
+    <script defer src="/assets/js/wordgames-home.js"></script>
   
     {%- include wordgames/scripts/scripts.html -%}
 </body>

data/assets/css/wordgames-home.css

@@ -37,6 +37,9 @@
   padding: 15px 0;
 }
 
+.pageHeading{
+  position: relative;
+}
 .pageHeading h1 {
   font-size: 43px;
   font-weight: 600;

data/assets/js/wordgames-xyz.js

@@ -0,0 +1,203 @@
+let main = document.querySelector('.main')
+let tab_container = document.querySelector('.tab_container')
+var sortValue
+var sortBool = false
+var theSelect = document.getElementById('select_dropDown')
+let lengthSelect = document.querySelector(".length-select");
+
+// Add Filtering
+let sections = {}
+function Filtering(id) {
+    id = lengthSelect.value
+    main.innerHTML += ``
+    var section = document.querySelectorAll('.allGroupWords')
+    var sort_val = "alpha";
+    Array.prototype.forEach.call(section, function (e) {
+        if (document.body.clientWidth > 991) {
+            sections[e.id] = e.offsetTop - 10
+        } else {
+            sections[e.id] = e.offsetTop - 10
+        }
+    })
+    console.log(sort_val + '_' + id);
+    document.documentElement.scrollTop = sections[sort_val + '_' + id] + 5
+}
+
+
+
+// sorting for words
+theSelect.addEventListener("change", () => {
+    sortValue = theSelect[theSelect.selectedIndex].text;
+    let list_word = document.getElementsByClassName("list_word")
+    let data = []
+    Array.from(list_word).forEach(item => {
+        item.removeChild(item.lastElementChild);
+        data.push(item.innerHTML.replace(/\s/g, ''))
+    })
+    if (sortValue == "Z-A") {
+        sortBool = "Z-A";
+        sortby(sortBool, data);
+    } else if (sortValue == "Points") {
+        sortBool = "Points";
+        sortPointsby(sortBool, data);
+    } else {
+        sortBool = "A-Z";
+        sortby(sortBool, data);
+    }
+});
+
+// sort by aplhabets
+function sortby(sortValue, data) {
+    if (sortValue === "Z-A") {
+        appendData(sortValue, data.reverse())
+    }
+    else if (sortValue === "A-Z") {
+        appendData(sortValue, data.sort())
+    }
+}
+// sorting by points
+function sortPointsby(sortValue, data) {
+    if (sortValue === "Points") {
+        let newArray = [];
+        data.map((item) => {
+            if (item.length === 1) {
+                ok = false;
+            } else {
+                let ScrabbleLetterScore = ScrabbleScore();
+                let points = 0;
+                let word = item.replace(/<\/?[^>]+>/gi, '')
+                for (let i = 0; i < word.length; i++) {
+                    points += ScrabbleLetterScore[word[i]] || 0;
+                }
+                const value = {
+                    words: item,
+                    points: points,
+                };
+                newArray.push(value);
+            }
+        });
+        newArray.sort(function (a, b) {
+            return b.points - a.points;
+        });
+        appendData(sortValue, newArray)
+    }
+}
+
+function appendData(sortValue, data) {
+    main.innerHTML = "";
+    let newWordsLength = 0;
+    for (let i = 15; i > 0; i--) {
+        let newdata
+        if (sortValue === "Points") {
+            newdata = data.filter((item) => item.words.replace(/<\/?[^>]+>/gi, '').length === i)
+        } else {
+            newdata = data.filter((item) => item.replace(/<\/?[^>]+>/gi, '').length === i)
+        }
+        if (newdata.length === 0) {
+            main.innerHTML += "";
+        } else {
+            newWordsLength += newdata.length;
+            const result = newdata.map((item) => {
+                let ScrabbleLetterScore = ScrabbleScore();
+                let points = 0;
+                let word
+                if (sortValue === "Points") {
+                    word = item.words.replace(/<\/?[^>]+>/gi, '')
+                    item = item.words
+                } else {
+                    word = item.replace(/<\/?[^>]+>/gi, '')
+                }
+                for (let i = 0; i < word.length; i++) {
+                    points += ScrabbleLetterScore[word[i]] || 0; // for unknown characters
+                }
+                return `
+        <a class="anchor__style" title="Lookup ${item.replace(/<\/?[^>]+>/gi, '')} in Dictionary" target="_blank"
+        href="/word-meaning?search=${item.replace(/<\/?[^>]+>/gi, '')}">
+        <li class="list_word">
+        ${item}
+        <span class="points" value="${points}" style="position:relative; top:4px; font-size:12px">${points}</span>
+        </li>
+    </a>
+`});
+
+            main.innerHTML += `
+      <div class="allGroupWords wordlistContainer" id="alpha_${i}">
+      <div class="wordListHeading">
+      <h3 class="lead">${i} Letter Words</h3>
+      </div>
+      <div class="wordList">
+      <ul class="ul list-unstyled">
+        ${result.join('')}
+        </ul>
+      </div>
+      </div>
+      `
+        }
+    }
+}
+// Scrabble Point Array
+const ScrabbleScore = () => {
+    let twl06_sowpods = {
+        a: 1,
+        e: 1,
+        i: 1,
+        o: 1,
+        u: 1,
+        l: 1,
+        n: 1,
+        r: 1,
+        s: 1,
+        t: 1,
+        d: 2,
+        g: 2,
+        b: 3,
+        c: 3,
+        m: 3,
+        p: 3,
+        f: 4,
+        h: 4,
+        v: 4,
+        w: 4,
+        y: 4,
+        k: 5,
+        j: 8,
+        x: 8,
+        q: 10,
+        z: 10,
+    };
+
+    let wwfScore = {
+        a: 1,
+        b: 4,
+        c: 4,
+        d: 2,
+        e: 1,
+        f: 4,
+        g: 3,
+        h: 3,
+        i: 1,
+        j: 10,
+        k: 5,
+        l: 2,
+        m: 4,
+        n: 2,
+        o: 1,
+        p: 4,
+        q: 10,
+        r: 1,
+        s: 1,
+        t: 1,
+        u: 2,
+        v: 5,
+        w: 4,
+        x: 8,
+        y: 3,
+        z: 10,
+    };
+
+    // if (dictonary === "wwf") {
+    //   return wwfScore;
+    // } else {
+    return twl06_sowpods;
+    // }
+};

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.2.8
+  version: 2.2.9
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-25 00:00:00.000000000 Z
+date: 2023-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -384,6 +384,7 @@ files:
 - assets/js/wordgames-home.js
 - assets/js/wordgames-result.js
 - assets/js/wordgames-xletter.js
+- assets/js/wordgames-xyz.js
 - assets/js/wordleSolver.js
 - assets/js/wordleSolverResult.js
 - assets/js/words-in-certain-positions.js