word-games-theme 1.2.6 → 1.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 26dba4549d1dcf72b4e57eee04191d71fdb8c89bb6c2c034fd29ca2b36300108
-  data.tar.gz: 6bbecf9dc061dfc7c12ac7905ce4216188317dc2dd767f19f49815506d6dcb8d
+  metadata.gz: 9f747fbe9f2cf0c2712706aa223d8c7afdd6e727d73248a17df658ace18b05fb
+  data.tar.gz: e91d475c88fd3b95c69d863943b3a17d00fdd2bac9dd6e4858d6547089f54395
 SHA512:
-  metadata.gz: 6301443d8d46c7d0d99ee069639e0554a2b7fadf041ee69ef845c0f9f5a45cbc3304ce5a31752b1a132e0e774af7a0b543400040eb2d5099fb00cdd07fe4ed6c
-  data.tar.gz: 9067279c0bf55f1b567f4617638e52ae8c89807489087fba945afff4bb089648a3874941deb470568fd3ffc99df1458c591ab24d0ba3409a7398a14099717669
+  metadata.gz: b2ead3bd56ebb4de04d61404e385060742b7ece59819a15952df956f81cc6336e260d6c6885529a1897ea071fe9fda64704426e6ad8441dc7fdded7500015419
+  data.tar.gz: 2e9243a86ec7db0b052abe2c4e715be11b5080b6a084afe765b2257f1b146230e61a9bc9e439d0fef937293b0897e2828af5828cde579fd973b78ee0147c9f12

data/_includes/section/wordGroup.html

@@ -13,7 +13,6 @@
                 </div>
             </div>
         </div>
-
         <div class="main"></div>
         <div class="errorMsg"></div>
     </div>

data/_includes/word-game/word-game-generator-online.html

@@ -32,6 +32,7 @@
                 <div class="wordle-game-play-links">
                     <a style="font-size: 13px;" class="wordle-game-link"></a>
                     <br><br>
+                    <a id="wordle-play-button" class="btn game-play-btn mt-2">Play Game</a>
                     <button type="button" class="btn copy-btn mt-2">Copy Link</button>
                     <!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
                 </div>

data/_includes/word-game/word-game-play.html

@@ -1,20 +1,27 @@
 <div class="game">
     <div class="game-container">
         <div class="d-flex justify-content-center align-items-center">
-            <div style="padding-top:4px; cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
-                <i style="font-size:20px" class="bi bi-question-circle"></i>
+            <div class="pt-2" style="cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
+                <i style="font-size:18px" class="bi bi-question-circle"></i>
             </div>
             <h1 class="text-center font-weight-bolder mb-0 my-4">
                 <a class="word-generator-link" href="/word-game-generator-online"> Make your own wordle </a>
             </h1>
 
+            <div class="wordle-time pt-2" style="cursor: pointer;">
+                <i class="bi bi-stopwatch" style="font-size: 18px;"></i>
+            </div>
+
             <!-- <div data-toggle="modal" data-target="#exampleModal">
-                <i style="font-size:20px" class="bi bi-question-circle"></i>
+                <img src="/assets/images/timer.svg" alt="">
             </div> -->
 
         </div>
 
 
+        <div class="text-center" style="font-size: 14px;
+        color: #444;" id="wordle-running-timer"></div>
+
         <div class="alert-container hide">
             <span id="errorMsg"></span>
         </div>
@@ -106,6 +113,7 @@
                 <div class="result-content">
                     <span id="answer" style="font-size: 20px;">You guessed the word</span>
                     <div id="result-guess-word" class="guess-word"></div>
+                    <div style="font-size: 15px; margin-top: 15px;" id="game-result-time"></div>
                 </div>
                 <div class="wordle-game-play-links pt-4" style="padding:0 30px">
                     <a class="wordle-game-restart" href="/word-game-generator-online">

data/assets/css/game.css

@@ -11,7 +11,7 @@
     color:#404040;
     box-shadow: 0 0 1px rgba(0,0,0,0.1);
     border-radius: 4px;
-    margin: 0 25px;
+    margin: 0 15px;
     border:1px solid rgba(0,0,0,.1)
 }
 .create-wordle .custom-word{
@@ -39,6 +39,26 @@
     font-size: 12px;
     font-weight: 600;
 }
+
+.game-play-btn{
+    display: block;
+    margin: 5px auto;
+    background-color: #6aaa64;
+    border: #6aaa64;
+    color: #fff;
+    padding: 12px 15px;
+    width: 120px;
+    border-radius: 40px;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.game-play-btn:hover{
+    color:#fff !important
+}
+
+
+
 .create-wordle .generate-word-game-link:hover,.copy-btn:hover{
     color:#fff !important
 }
@@ -80,6 +100,7 @@
     justify-content: center;
 }
 .game .game-container .game-board .tile{
+    caret-color: transparent;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -96,6 +117,9 @@
     text-transform: uppercase;
     transition: transform 240ms linear;
 }
+.game .game-container .game-board .tile:focus-visible{
+    outline: none !important;
+}
 .popAni{
     animation: popAni 495ms ease-in-out;
 }

data/assets/images/timer.svg

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 352.214 352.214" style="enable-background:new 0 0 352.214 352.214;" xml:space="preserve">
+<g>
+	<path d="M306.78,134.119c3.26-1.166,6.216-3.137,8.555-5.791l0.369-0.418c7.539-8.551,6.717-21.641-1.834-29.181l-45.647-40.251
+		c-3.779-3.333-8.634-5.168-13.669-5.168c-5.935,0-11.589,2.552-15.509,6.997l-0.376,0.425c-1.853,2.101-3.229,4.506-4.095,7.084
+		c-10.61-4.573-21.856-7.938-33.566-9.927V42h6.393c11.363,0,20.607-9.245,20.607-20.607v-0.785C228.008,9.245,218.764,0,207.4,0
+		h-62.785c-11.363,0-20.607,9.245-20.607,20.607v0.785c0,11.363,9.244,20.607,20.607,20.607h7.393v15.756
+		C81.705,69.301,27.894,130.48,27.894,204c0,81.726,66.488,148.214,148.213,148.214c81.726,0,148.214-66.488,148.214-148.214
+		C324.32,178.746,317.965,154.951,306.78,134.119z M176.106,316.214c-61.874,0-112.213-50.339-112.213-112.214
+		S114.232,91.786,176.106,91.786c61.875,0,112.214,50.339,112.214,112.214S237.981,316.214,176.106,316.214z"/>
+	<path d="M191.008,177.583V133c0-8.284-6.716-15-15-15c-8.284,0-15,6.716-15,15v44.697c-8.778,5.186-14.683,14.742-14.683,25.656
+		c0,16.422,13.359,29.783,29.781,29.783c16.422,0,29.782-13.36,29.782-29.783C205.889,192.358,199.895,182.742,191.008,177.583z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

data/assets/js/createWordle.js

@@ -3,6 +3,10 @@ let generateLinkButton = document.querySelector(".generate-word-game-link")
 let wordleGameLink = document.querySelector(".wordle-game-link")
 let copy_btn = document.querySelector(".copy-btn")
 
+
+let wordlePlayButton = document.querySelector("#wordle-play-button")
+
+
 let form = document.querySelector('#create-wordle-form')
 let openPopup = document.querySelector(".open-popup")
 
@@ -43,6 +47,7 @@ const createWordle = (e) => {
             openPopup.click()
             copy_btn.innerHTML = "Copy"
             copy_btn.style.background = "dodgerblue"
+            wordlePlayButton.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
             wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`)
             wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value.toLocaleLowerCase())}`
         }

data/assets/js/game.js

@@ -26,6 +26,52 @@ document.querySelector(".relatedPosts").style.display = "none"
 document.querySelector(".footer-section").style.display = "none"
 document.querySelector(".rating-tool").style.display = "none"
 
+let wordleTime = document.querySelector(".wordle-time")
+let gameResultTime = document.querySelector("#game-result-time")
+let wordleRunningTimer = document.querySelector("#wordle-running-timer")
+// wordleRunningTimer.innerHTML = "00:00"
+
+let second = 0
+let minutes = 0
+let clear
+let bool = false
+function startTime() {
+    second++
+    if (second == 59) {
+        minutes++
+        second = 0
+    }
+    min = checkTime(minutes)
+    sec = checkTime(second)
+
+    console.log(min + ":" + sec)
+
+    wordleRunningTimer.innerText = min + ":" + sec
+    gameResultTime.innerHTML = "Your game ended :" + " " + min + ":" + sec
+
+    clear = setTimeout(function () {
+        startTime()
+    }, 1000)
+}
+function expriyTime() {
+    clearInterval(clear)
+}
+function checkTime(i) {
+    if (i < 10) {
+        i = '0' + i
+    }
+    return i
+}
+
+// wordleTime.addEventListener("click", (() => {
+//     if (bool) {
+//         bool = false
+//         wordleRunningTimer.style.display = "block"
+//     } else {
+//         bool = true
+//         wordleRunningTimer.style.display = "none"
+//     }
+// }))
 
 let dictionary
 let attempt = 0
@@ -38,6 +84,10 @@ getData()
 
 const handleClick = (e) => {
     if (e.target.matches("[data-key]")) {
+        pressCount++;
+        if (pressCount == 1) {
+            startTime()
+        }
         pressKey(e.target.dataset.key)
         return
     }
@@ -50,7 +100,12 @@ const handleClick = (e) => {
         return
     }
 }
+let pressCount = 0;
 const handleKeyPress = (e) => {
+    pressCount++;
+    if (pressCount == 1) {
+        startTime()
+    }
     if (e.key === "Enter") {
         handleSubmit()
         return
@@ -59,7 +114,6 @@ const handleKeyPress = (e) => {
         deleteKey()
         return
     }
-
     if (e.key.match(/^[a-zA-Z]$/)) {
         pressKey(e.key)
         return
@@ -125,7 +179,6 @@ const handleSubmit = () => {
 const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
     let reEvaluate = []
     allTiles.map((tile, index) => {
-
         if (targetWord !== guessWord) {
             setTimeout(() => {
                 tile.classList.add("flip")
@@ -137,8 +190,6 @@ const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
                     tile.classList.remove("flip")
                 })
         }
-
-
         let letter = tile.dataset.letter
         let key = keyboard.querySelector(`[data-key="${letter}"i]`)
         if (targetWord[index] === letter) {
@@ -161,7 +212,6 @@ const evaluateTiles = (allTiles, matchedLettersCount, guessWord) => {
             tile.dataset.state = "wrong-word"
             key.dataset.state = "wrong-word"
         }
-
     })
     startAllEventListeners()
     gameOver(guessWord, allTiles)
@@ -186,6 +236,7 @@ const gameOver = (guessWord, tiles) => {
         })
     }
     if (guessWord === targetWord) {
+        expriyTime()
         // console.log(`Wordle guessed in ${attempt}/6!`)
         facebookSHareLink.setAttribute("href",
             `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${(serachValue)}&quote=
@@ -212,6 +263,7 @@ const gameOver = (guessWord, tiles) => {
     }
     const remainingTiles = gameBoard.querySelectorAll(":not([data-letter])")
     if (remainingTiles.length === 0) {
+        expriyTime()
         facebookSHareLink.setAttribute("href",
             `https://www.facebook.com/share.php?u=${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${(serachValue)}&quote=
          I guessed this wordle in ${attempt}/6 tries. Can you do better ? 

data/assets/js/wordScrabble-test.js

@@ -5,6 +5,7 @@ const getScript = document.currentScript
 let form = document.querySelector('#form')
 let wordCount = document.querySelector('.wordCount')
 let main = document.querySelector('.main')
+// let loader = document.querySelector(".main-loader")
 let errorMsg = document.querySelector('.errorMsg')
 let script = document.currentScript
 
@@ -359,6 +360,8 @@ function getWords(data) {
           `
           let tabs = document.getElementsByClassName('tab_link')
           tabs[0] ? tabs[0].classList.add('active-tab') : ''
+
+
           main.innerHTML += `
           <div class="allGroupWords wordlistContainer" id="alpha_${i}">
               <div class="wordListHeading">
@@ -371,6 +374,7 @@ function getWords(data) {
               </div>
           </div>
           `
+
         }
       }
     }
@@ -759,7 +763,7 @@ function Filtering(id) {
     }
   })
 
-  document.body.scrollTop = sections[sort_val + '_' + id] + 5
+  document.documentElement.scrollTop = sections[sort_val + '_' + id] + 5
 }
 
 // next && previous functionality

data/assets/js/wordScrabble.js

@@ -697,7 +697,7 @@ function Filtering(id) {
     }
   })
 
-  document.body.scrollTop = sections[sort_val + '_' + id] + 5
+  document.documentElement.scrollTop = sections[sort_val + '_' + id] + 5
 }
 
 // next && previous functionality

data/assets/js/xyz.js

@@ -59,7 +59,7 @@ function filterLinks(id) {
     }
   })
 
-  document.body.scrollTop = sections[sort_val + '_' + id] + 5
+  document.documentElement.scrollTop = sections[sort_val + '_' + id] + 5
 }
 
 // next && previous functionality

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 1.2.6
+  version: 1.2.7
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-21 00:00:00.000000000 Z
+date: 2022-04-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -262,6 +262,7 @@ files:
 - assets/images/star.png
 - assets/images/star.svg
 - assets/images/test.png
+- assets/images/timer.svg
 - assets/images/twitter-square.svg
 - assets/images/twitter.svg
 - assets/images/twitter2.svg