word-games-theme 1.1.8 → 1.2.1

data/assets/css/footer.css

@@ -325,3 +325,77 @@ hr {
     font-size: 1.4rem;
   }
 }
+
+
+
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+.drop-down-btn {
+  cursor: pointer;
+  outline: 0px;
+  border: 0px;
+  width: auto;
+  overflow: visible;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  background-color: transparent;
+  transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  color: rgb(26, 26, 26);
+}
+.drop-down-btn svg {
+  height: 22px;
+}
+.language-drop-down-menu {
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+  padding: 0;
+  flex-wrap: wrap;
+}
+.language-drop-down-item {
+  width: 50%;
+  padding: 10px 12px 1px 1px;
+  text-align: center;
+  font-size: 15px;
+  margin-bottom: 0;
+  list-style: none;
+}
+.language-drop-down-item a {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 9px 9px;
+  color: #11304e;
+  border-bottom: 1px solid rgb(224, 224, 224);
+}
+.language-drop-down-item a:hover {
+  background: rgb(238, 238, 238);
+  border-radius: 3px;
+}
+.language-drop-down-item a i {
+  margin: 0;
+}
+.active-lang {
+  background: rgb(238, 238, 238);
+  border-radius: 3px;
+}
+@media (max-width: 768px) {
+  .language-drop-down-item {
+    width: 100% !important;
+  }
+}
+.modal-header{
+  padding: 1.8rem;
+}
+.modal-title{
+  font-size: 2.28rem;
+}
+.close{
+  font-size: 3.8rem;
+}

data/assets/css/game.css

@@ -0,0 +1,106 @@
+/* create wordle screen css */
+.create-wordle{
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 20%);
+    margin-bottom: 150px;
+    padding:8rem 0;
+}
+.create-wordle .custom-word{
+    font-weight: 600;
+    text-transform: uppercase;
+      width: 60%;
+      height: 50px;
+      margin:18px auto;
+      text-align: center;
+      outline: none;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 40px;
+      color: #000;
+      font-size: 12px;
+      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+}
+.create-wordle .generate-word-game-link,.copy-btn{
+    background-color: #6aaa64;
+    border: #6aaa64;
+    color: #fff;
+    padding: 12px 15px;
+    width: 120px;
+    border-radius: 40px;
+    font-size: 12px;
+    font-weight: 600;
+}
+.create-wordle .generate-word-game-link:hover,.copy-btn:hover{
+    color:#fff !important
+}
+::placeholder{
+    font-weight: 400;
+    text-transform: capitalize ;
+}
+/* modal style */
+.close{
+    background-color: transparent;
+    border:none;
+    outline: none;
+}
+.times-icon{
+    font-size: 25px;
+}
+.modal-header .close{
+    margin: -1rem 0rem -1rem auto !important
+}
+.modal-dialog {
+    max-width: 450px !important; 
+    margin: 0rem auto !important; 
+    top: 60px !important;
+}
+
+/* wordle game play css */
+.game .game-container .game-board{
+    width: 350px;
+    height: auto;
+    margin: 0 auto;
+    margin-top: 3px;
+    display: flex;
+    flex-wrap: wrap;
+}
+.game .game-container .game-board .tile{
+    width: 55px;
+    height: 55px;
+    text-align: center;
+    border:2px solid #d3d6da;
+    border-radius: 5px;
+    color: #363535;
+    font-size: 28px;
+    font-weight: 700;
+    margin: 3px;
+    max-width: 64px;
+    text-transform: uppercase;
+}
+.game .game-container .game-keyboard{
+    display: flex;
+    flex-direction: column;
+    width: 50%;
+    margin:0rem auto
+}
+.game .game-container .game-keyboard-row{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+.game .game-container .game-keyboard-button {
+    align-items: center;
+    background-color: #edeff1;
+    border: 2px solid transparent;
+    border-radius: 4px;
+    color: inherit;
+    cursor: pointer;
+    display: flex;
+    font-size: 16px;
+    font-weight: 900;
+    justify-content: center;
+    margin: 3px;
+    min-height: 40px;
+    padding: 15px;
+    text-decoration: inherit;
+}
+

data/assets/css/style.css

@@ -333,9 +333,9 @@ display: none;
     display: block;
     margin-top: 10px;
   }
-  .heading {
+  /* .heading {
     font-size: 40px;
-  }
+  } */
   /* .dropdown:hover .dropdown-menu {
     display: block;
   } */

data/assets/css/wordsInCertainPosition.css

@@ -19,7 +19,7 @@ small{
 }
 .forms_data {
     border: 1px solid rgba(0, 0, 0, 0.1);
-    padding: 0px 25px;
+    padding: 0px 15px;
     padding-top: 15px;
     text-align: center;
 }

data/assets/js/X-letter-test.js

@@ -136,14 +136,14 @@ getData(serachValue.toLowerCase())
 
 let quesMark = ''
 quesMark = "?"
-function logSubmit(event) {
 
+
+function logSubmit(event) {
   if (ablank) {
     if (!txtBox.value.includes("?")) {
       txtBox.value = txtBox.value + quesMark
     }
   }
-
   let selectedDictionary = document.querySelector('.select_dropDown2').value
   event.preventDefault();
   if (history.pushState) {
@@ -164,6 +164,10 @@ function logSubmit(event) {
     includeValue = params.get('include')
     lengthValue = params.get('length')
     dictonary = params.get('dictionary')
+
+    gtag('event', 'page_view', {
+      page_location: window.location.pathname + location.search,
+    })
   }
   getData(txtBox.value.toLowerCase())
   addFilterCount()

data/assets/js/createWordle.js

@@ -0,0 +1,37 @@
+let customWord = document.querySelector(".custom-word")
+let generateLinkButton = document.querySelector(".generate-word-game-link")
+let wordleGameLink = document.querySelector(".wordle-game-link")
+let copy_btn = document.querySelector(".copy-btn")
+
+let form = document.querySelector('#create-wordle-form')
+let openPopup = document.querySelector(".open-popup")
+
+const createWordle = (e) => {
+    openPopup.click()
+    e.preventDefault();
+    copy_btn.innerHTML = "Copy"
+    copy_btn.style.background = "#6aaa64"
+    wordleGameLink.setAttribute("href", `/word-game-play?q=${btoa(customWord.value)}`)
+    wordleGameLink.innerHTML = `${window.location.protocol + "//" + window.location.hostname}/word-game-play?q=${btoa(customWord.value)}`
+}
+form.addEventListener('submit', createWordle);
+
+
+const copyToClipboard = (str) => {
+    try {
+        const el = document.createElement('textarea')
+        el.value = str
+        document.body.appendChild(el)
+        el.select()
+        document.execCommand('copy')
+        document.body.removeChild(el)
+        copy_btn.innerHTML = "Copied !"
+        copy_btn.style.background = "#444"
+        // copy_btn.setAttribute('data-tooltip', 'Copied !')
+    } catch (error) {
+        console.log(error)
+    }
+}
+copy_btn.addEventListener('click', () => {
+    copyToClipboard(wordleGameLink.innerHTML)
+})

data/assets/js/game.js

@@ -0,0 +1,39 @@
+const params = new URLSearchParams(window.location.search)
+let gameBoard = document.querySelector(".game-board")
+let serachValue = params.get('q')
+let decodeBase64 = atob(serachValue)
+let word = decodeBase64
+let gameOver = false;
+
+console.log(word.length)
+
+var height = 6;
+var width = 5;
+
+var row = 0;
+var col = 0;
+
+// for (let h = 0; h < height; h++) {
+for (let index = 0; index < word.length; index++) {
+    let tile = document.createElement("div");
+    tile.classList.add("tile");
+    tile.innerText = "";
+    let div = document.createElement("div");
+    div.classList.add("d-flex")
+    div.appendChild(tile)
+    gameBoard.appendChild(div);
+    console.log(tile)
+}
+// }
+function createTiles() {
+    for (let h = 0; h < height; h++) {
+        for (let w = 0; w < width; w++) {
+            let tile = document.createElement("div");
+            tile.id = h.toString() + "-" + w.toString();
+            tile.classList.add("tile");
+            tile.innerText = "";
+            gameBoard.appendChild(tile);
+        }
+    }
+}
+// createTiles();

data/assets/js/wordScrabble-test.js

@@ -171,6 +171,10 @@ if (lengthValue === '1') {
       includeValue = params.get('include')
       lengthValue = params.get('length')
       dictonary = params.get('dictionary')
+
+      gtag('event', 'page_view', {
+        page_location: window.location.pathname + location.search,
+      })
     }
     getData(txtBox.value.toLowerCase())
     addFilterCount()
@@ -181,9 +185,6 @@ if (lengthValue === '1') {
   selectedDictionary.addEventListener("change", ((e) => {
     logSubmit(e)
   }))
-
-
-
   applyBtn.addEventListener('submit', logSubmit)
   form.addEventListener('submit', logSubmit);
 }

data/assets/js/words-starting-with.js

@@ -120,6 +120,10 @@ if (lengthValue === '1') {
       includeValue = params.get('include')
       lengthValue = params.get('length')
       dictonary = params.get('dictionary')
+
+      gtag('event', 'page_view', {
+        page_location: window.location.pathname + location.search,
+      })
     }
     getData(txtBox.value.toLowerCase())
     addFilterCount()

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 1.1.8
+  version: 1.2.1
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-05 00:00:00.000000000 Z
+date: 2022-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -76,6 +76,9 @@ files:
 - _data/header/en/data.json
 - _data/theme/colors.json
 - _data/wordfinderstrategy/en/how-to-use-5-letter-word-finder-to-score-high-in-scrabble-words-with-friends.json
+- _data/wordgames/ar/four_letter_word_finder.json
+- _data/wordgames/da/four_letter_word_finder.json
+- _data/wordgames/de/four_letter_word_finder.json
 - _data/wordgames/en/4_letter_words_with_these_letters_and_a_blank.json
 - _data/wordgames/en/anagram_word_finder.json
 - _data/wordgames/en/eight_letter_word_finder.json
@@ -102,8 +105,28 @@ files:
 - _data/wordgames/en/two_letter_word_finder.json
 - _data/wordgames/en/unscramble_letters_to_make_words.json
 - _data/wordgames/en/unscramble_words_and_jumble_solver.json
+- _data/wordgames/en/word-game-generator-online.json
+- _data/wordgames/en/word-game-play.json
 - _data/wordgames/en/word-meaning.json
 - _data/wordgames/en/words_with_friends_word_finder.json
+- _data/wordgames/es/four_letter_word_finder.json
+- _data/wordgames/fr/four_letter_word_finder.json
+- _data/wordgames/hi/four_letter_word_finder.json
+- _data/wordgames/id/four_letter_word_finder.json
+- _data/wordgames/it/four_letter_word_finder.json
+- _data/wordgames/ja/four_letter_word_finder.json
+- _data/wordgames/ko/four_letter_word_finder.json
+- _data/wordgames/nl/four_letter_word_finder.json
+- _data/wordgames/pl/four_letter_word_finder.json
+- _data/wordgames/pt/four_letter_word_finder.json
+- _data/wordgames/ru/four_letter_word_finder.json
+- _data/wordgames/sv/four_letter_word_finder.json
+- _data/wordgames/th/four_letter_word_finder.json
+- _data/wordgames/tr/four_letter_word_finder.json
+- _data/wordgames/uk/four_letter_word_finder.json
+- _data/wordgames/vi/four_letter_word_finder.json
+- _data/wordgames/zh-TW/four_letter_word_finder.json
+- _data/wordgames/zh/four_letter_word_finder.json
 - _data/wordleSolver/en/data.json
 - _data/xyzPagesData/en/unscramble-letters-jumble.json
 - _data/xyzPagesData/en/words-with-letters-cheat.json
@@ -129,6 +152,7 @@ files:
 - _includes/header/blogHeader.html
 - _includes/header/index.html
 - _includes/howto.html
+- _includes/languages/languages.html
 - _includes/paginationBlogPage.html
 - _includes/paginationPostPage.html
 - _includes/postauthorbio.html
@@ -149,6 +173,8 @@ files:
 - _includes/section/xyzGroup.html
 - _includes/seo.html
 - _includes/share/socialshare.html
+- _includes/word-game/word-game-generator-online.html
+- _includes/word-game/word-game-play.html
 - _includes/wordfinderstrategy/content.html
 - _includes/wordle-solver/wordle-solver.html
 - _includes/xyzpages/xyz.html
@@ -178,6 +204,7 @@ files:
 - assets/css/content.css
 - assets/css/feature.css
 - assets/css/footer.css
+- assets/css/game.css
 - assets/css/home.css
 - assets/css/news.css
 - assets/css/style.css
@@ -238,6 +265,7 @@ files:
 - assets/images/window-close.svg
 - assets/images/word-games-logo.svg
 - assets/images/word-games-logo.webp
+- assets/images/wordle.png
 - assets/images/wordswithletters-logo.png
 - assets/images/yellow_bg.png
 - assets/js/TopScroll.js
@@ -247,6 +275,8 @@ files:
 - assets/js/advancedFilter.js
 - assets/js/advancedFilter2.js
 - assets/js/advancedFilter3.js
+- assets/js/createWordle.js
+- assets/js/game.js
 - assets/js/leftNav.js
 - assets/js/other-lang-wordScrabble.js
 - assets/js/scrabbleDictonary.js