_includes/section/home.html in word-games-theme-0.1.9 vs _includes/section/home.html in word-games-theme-0.2.0
- old
+ new
@@ -1,89 +1,94 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-
-<!-- starting landingPage -->
-<div class="pageHeaderBg">
- <div class="container">
- <div class="pageHeading text-center">
- <h1 class="heading pb-3">
- {{dataToShow.h1}}</h1>
- </div>
- </div>
- <div class="container-fluid" id="containerWd">
- <div class="serachSection">
- <div class="position-relative serachBox">
- <form action="/result" id='form' method="GET">
- <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
- maxlength="15" required>
- <input type="submit" class="serachBtn" id="serach" value>
- <div class="dictonaryDropdown">
- <select class="form-select select_dropDown2" name="dictonary"
- aria-label="Default select example">
- <option selected value="">Dictonary</option>
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
- <option value="sowpods">SOWPODS (Uk and Others)</option>
- <option value="wwf">Enable (Words With Friends)</option>
- </select>
- </div>
-
- <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
- <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">
- <i class="fas fa-times"></i>
- <div class="startsWith">
- <label for="startsWith">Starts With</label>
- <br>
- <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
- </div>
- <div class="mustInclude">
- <label for="mustInclude">Must Include </label>
- <br>
- <input type="text" id="mustInclude" placeholder="Contains" name="contains">
-
- </div>
- <div class="endsWith">
- <label for="endsWith">End With</label>
- <br>
- <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
-
- </div>
- <div class="wordLength">
- <label for="wordLength">Word Length </label>
- <br>
- <input type="text" id="wordLength" placeholder="Length" name="length">
- <div style="margin-top: 1.2rem;">
- <input type="submit" value="Apply" class="btn-info w-100 text-white"
- style="background: #BD67DD">
- </div>
- </div>
-
- </div>
- </form>
- </div>
- </div>
- </div>
-</div>
-
-<script>
- const advancedFilter = document.querySelector('.advancedFilter')
- const fillterWrapper = document.querySelector('.fillterWrapper')
- advancedFilter.addEventListener('click', () => {
- fillterWrapper.classList.toggle('active')
- fillterWrapper.classList.remove('hide')
- })
-
- const close = document.querySelector('.fa-times')
- close.addEventListener('click', () => {
- fillterWrapper.classList.remove('active')
- fillterWrapper.classList.add('hide')
- })
-
-</script>
-<!-- close landingPage -->
-<!-- // page conditions -->
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+
+<!-- starting landingPage -->
+<div class="pageHeaderBg">
+ <div class="container">
+ <div class="pageHeading text-center">
+ <h1 class="heading pb-0 m-0">
+ {{dataToShow.h1}}</h1>
+ {%- if dataToShow.h2 -%}
+ <h2>
+ {{dataToShow.h2}}</h2>
+ {%- endif -%}
+ </div>
+ </div>
+ <div class="container-fluid" id="containerWd">
+ <div class="serachSection">
+ <div class="position-relative serachBox">
+ <form action="/result" id='form' method="GET">
+ <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
+ maxlength="15" required>
+ <input type="submit" class="serachBtn" id="serach" value>
+ <div class="dictonaryDropdown">
+ <select class="form-select select_dropDown2" name="dictonary"
+ aria-label="Default select example">
+ <option selected value="">Dictonary</option>
+ <option value="twl06">TWL06 (US, Canada, Thailand)</option>
+ <option value="sowpods">SOWPODS (Uk and Others)</option>
+ <option value="wwf">Enable (Words With Friends)</option>
+ </select>
+ </div>
+
+ <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
+ <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">
+ <div class="text-right times" style="cursor: pointer">
+ <img src="../../assets/images/window-close.png" alt="" width="15px">
+
+ </div>
+ <div class="startsWith">
+ <label for="startsWith">Starts With</label>
+ <br>
+ <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
+ </div>
+ <div class="mustInclude">
+ <label for="mustInclude">Must Include </label>
+ <br>
+ <input type="text" id="mustInclude" placeholder="Contains" name="contains">
+
+ </div>
+ <div class="endsWith">
+ <label for="endsWith">End With</label>
+ <br>
+ <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
+
+ </div>
+ <div class="wordLength">
+ <label for="wordLength">Word Length </label>
+ <br>
+ <input type="text" id="wordLength" placeholder="Length" name="length">
+ <div style="margin-top: 1.2rem;">
+ <input type="submit" value="Apply" class="btn-info w-100 text-white"
+ style="background: #BD67DD">
+ </div>
+ </div>
+
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+</div>
+
+<script>
+ const advancedFilter = document.querySelector('.advancedFilter')
+ const fillterWrapper = document.querySelector('.fillterWrapper')
+ advancedFilter.addEventListener('click', () => {
+ fillterWrapper.classList.toggle('active')
+ fillterWrapper.classList.remove('hide')
+ })
+
+ const close = document.querySelector('.times')
+ close.addEventListener('click', () => {
+ fillterWrapper.classList.remove('active')
+ fillterWrapper.classList.add('hide')
+ })
+
+</script>
\ No newline at end of file