_includes/head/index.html in word-games-theme-1.8.2 vs _includes/head/index.html in word-games-theme-1.8.3
- old
+ new
@@ -1,57 +1,624 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign
+dataToShow = site.data.[page.folderName][lang][file] %}
<head>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta charset="UTF-8">
+ <meta
+ name="viewport"
+ content="width=device-width, initial-scale=1, shrink-to-fit=no"
+ />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta charset="UTF-8" />
{% include seo.html %}
- <link rel="canonical" href="{{site.url | append: page.url}}">
+ <link rel="canonical" href="{{site.url | append: page.url}}" />
{%- if site.keyboard -%}
<meta name="keywords" content="{{site.keyboard}}" />
{%- endif -%}
- <link rel="manifest" href="/manifest.json">
- <link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
- <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
- <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
- <link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
- <link rel="stylesheet" href="{{ '/assets/css/feature.css' | relative_url }}">
- <link rel="stylesheet" href="{{ '/assets/css/news.css' | relative_url }}">
- <link rel="stylesheet" href="{{ '/assets/css/wordGroup.css' | relative_url }}">
- <link rel="stylesheet" href="{{ '/assets/css/footer.css' | relative_url }}">
- {% include cssfile/links.html %}
+ <style>
+ .startsWith,
+ .mustInclude,
+ .endsWith,
+ .exculdeWith,
+ .inculdeWith,
+ .wordLength {
+ position: relative;
+ }
- <title>
- {%- unless page.layout == "home" -%}
- {{dataToShow.title }}
- {%- endunless -%}
- {{ page.title}}</title>
+ .filter-tooltip {
+ opacity: 0.5;
+ position: absolute;
+ top: 20px;
+ right: 10px;
+ font-size: 15px;
+ }
+ .tooltip-inner {
+ width: 140px !important;
+ margin: 0 auto;
+ }
+ .tooltip {
+ z-index: 99999;
+ font-size: 1rem;
+ }
+
+ .pageHeaderBg {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ background: url(/assets/images/bg_elements.png);
+ background-position: center;
+ background-size: cover;
+ margin-bottom: 20vh;
+ padding: 15px 0;
+ }
+
+ .result_navbar_section {
+ width: 100%;
+ padding: 0.8rem 9% !important;
+ position: sticky;
+ top: 0px;
+ z-index: 99999;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+
+ .pageHeading {
+ margin-bottom: 0.8rem;
+ /* padding-top: 1.5rem; */
+ }
+
+ .pageHeading > h1 {
+ font-size: 27px;
+ }
+
+ .pageHeading > .result_heading {
+ font-size: 22px;
+ font-weight: 600;
+ color: #000;
+ }
+
+ .table {
+ height: 5em;
+ overflow: auto;
+ }
+
+ .serachSection {
+ height: 50px;
+ position: relative;
+ }
+
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ input:-webkit-autofill:active {
+ transition: background-color 5000s ease-in-out 0s;
+ }
+
+ .resultPageTxtBox,
+ .resultPageSearchBtn {
+ height: 50px !important;
+ }
+
+ .resultPageDropdown2 {
+ height: 49px !important;
+ padding: 0 !important;
+ }
+
+ ::placeholder {
+ font-weight: 500;
+ }
+
+ .txtBox {
+ /* text-transform: uppercase; */
+ height: 70px;
+ border-radius: 8px;
+ border: solid 1px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ padding: 0;
+ width: 100%;
+ font-size: 15px;
+ font-weight: 700;
+ font-style: normal;
+ letter-spacing: normal;
+ color: var(--txtColor);
+ text-indent: 15px;
+ outline: none;
+ position: relative;
+ }
+
+ .txtBox ~ .focus-border:before,
+ .txtBox ~ .focus-border:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 0;
+ height: 2px;
+ background-color: #000;
+ transition: 0.5s;
+ transition-delay: 0.2s;
+ z-index: 9;
+ }
+
+ .txtBox ~ .focus-border:after {
+ top: auto;
+ bottom: 0;
+ right: auto;
+ left: 0;
+ transition-delay: 0.6s;
+ }
+
+ .txtBox:focus ~ .focus-border:before,
+ .txtBox:focus ~ .focus-border:after,
+ .has-content.txtBox ~ .focus-border:before,
+ .has-content.txtBox ~ .focus-border:after {
+ width: 100%;
+ transition: 0.5s;
+ transition-delay: 0.6s;
+ }
+
+ .txtBox:focus ~ .focus-border:after,
+ .has-content.txtBox ~ .focus-border:after {
+ transition-delay: 0.2s;
+ }
+
+ .txtBox:focus ~ .focus-border i:before,
+ .txtBox:focus ~ .focus-border i:after,
+ .has-content.txtBox ~ .focus-border i:before,
+ .has-content.txtBox ~ .focus-border i:after {
+ height: 100%;
+ transition: 0.2s;
+ }
+
+ .txtBox:focus ~ .focus-border i:after,
+ .has-conten.txtBox ~ .focus-border i:after {
+ transition-delay: 0.4s;
+ }
+
+ .txtBox ~ .focus-border i:before,
+ .txtBox ~ .focus-border i:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 2px;
+ height: 0;
+ background-color: #000;
+ transition: 0.5s;
+ }
+
+ .txtBox ~ .focus-border i:after {
+ left: auto;
+ right: 0;
+ top: auto;
+ bottom: 0;
+ transition-delay: 0.4s;
+ }
+
+ .txtBox::placeholder {
+ color: var(--txtColor);
+ opacity: 0.5;
+ font-weight: 500 !important;
+ text-transform: capitalize;
+ }
+
+ .txtBox::-ms-input-placeholder {
+ color: var(--txtColor);
+ opacity: 0.5;
+ font-weight: 500 !important;
+ }
+
+ .txtBox::-ms-input-placeholder {
+ color: var(--txtColor);
+ opacity: 0.5;
+ font-weight: 500 !important;
+ }
+
+ .serachBtn {
+ border-radius: 0px;
+ background: url(/assets/images/search.svg) no-repeat center center;
+ background-size: 35px 35px;
+ height: 70px;
+ width: 59px;
+ border: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ outline: none;
+ background-color: #000;
+ }
+
+ .advancedFilter .filterButton {
+ background: #f8f9fa;
+ box-shadow: 0 0 2px #343a4063;
+ width: 190px;
+ border-radius: 10px;
+ cursor: pointer;
+ border: none;
+ padding: 10px;
+ text-align: left;
+ color: #1c1107;
+ font-size: 13px;
+ font-weight: 600;
+ font-stretch: normal;
+ font-style: normal;
+ outline: none;
+ }
+
+ .angle-arrow2 {
+ background: url(/assets/images/angle-arrow-down.svg) no-repeat;
+ background-size: contain;
+ object-fit: cover;
+ width: 10px;
+ height: 10px;
+ font-weight: 900;
+ position: absolute;
+ top: 19px;
+ right: 9px;
+ margin: -3px 0;
+ cursor: pointer;
+ /* z-index: 9999; */
+ }
+
+ #select_dropDown {
+ background: #f8f9fa;
+ box-shadow: 0 0 2px #343a4063;
+ word-wrap: normal;
+ width: 190px;
+ border-radius: 10px;
+ cursor: pointer;
+ border: none;
+ padding: 10px;
+ text-align: left;
+ color: #1c1107;
+ font-size: 13px;
+ font-weight: 600;
+ font-stretch: normal;
+ font-style: normal;
+ outline: none;
+ }
+
+ .select_dropDown2 {
+ height: 69px;
+ position: absolute;
+ top: 0px;
+ font-size: 15px;
+ width: 142px;
+ overflow: hidden;
+ object-fit: cover;
+ right: 69px;
+ /* padding: 19px 0; */
+ border-bottom: 0 !important;
+ border-radius: 0;
+ border: none;
+ box-shadow: none;
+ background: white;
+ border-left: 1px solid rgba(0, 0, 0, 0.11);
+ border-top: 1px solid rgba(0, 0, 0, 0.11);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.11);
+ }
+
+ .select_dropDown2:focus {
+ outline: none;
+ }
+
+ .fillterWrapper {
+ display: none;
+ }
+
+ .fillterWrapper label {
+ margin: 0;
+ text-indent: 5px;
+ }
+
+ .fillterWrapper input {
+ border-radius: 10px;
+ border: solid 1px rgba(0, 0, 0, 0.11);
+ background-color: #fff;
+ font-size: 12px;
+ padding: 5px 12px;
+ /* text-indent: 15px; */
+ width: 100%;
+ outline: none;
+ box-shadow: none;
+ }
+
+ .btn-info:not(:disabled):not(.disabled).active:focus,
+ .btn-info:not(:disabled):not(.disabled):active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ box-shadow: unset;
+ border-color: rgba(0, 0, 0, 0.1);
+ }
+
+ .fillterWrapper input:hover {
+ border-color: rgba(0, 0, 0, 0.1);
+ }
+
+ .fillterWrapper input:focus {
+ box-shadow: unset;
+ }
+
+ .fillterWrapper input:active {
+ box-shadow: unset;
+ }
+
+ .actives {
+ z-index: 999;
+ top: 90px;
+ background: #fff;
+ box-shadow: 0 0 5px rgb(0 0 0 / 40%);
+ padding: 15px 15px;
+ border-radius: 15px;
+ height: auto;
+ position: absolute;
+ right: -16px;
+ margin: 1rem 0;
+ flex-direction: column;
+ width: 240px;
+ display: inline-flex !important;
+ gap: 5px;
+ }
+
+ .errorMsg {
+ text-align: center;
+ font-size: 20px;
+ color: red;
+ font-weight: 800;
+ }
+
+ #containerWd {
+ width: 700px !important;
+ padding: 0px;
+ }
+
+ .mobile_bars {
+ cursor: pointer;
+ position: absolute;
+ top: 0px;
+ margin: 0 40px;
+ }
+
+ #open_list_bar {
+ position: fixed;
+ top: 0px;
+ left: -100%;
+ z-index: 999;
+ height: 100vh;
+ transition: all 0.5s ease-in-out;
+ list-style: none;
+ box-shadow: 0 0 5px grey;
+ background: #f8f9fa;
+ overflow-y: scroll;
+ }
+
+ .cat_title {
+ color: #000;
+ font-weight: 900;
+ font-size: 14px;
+ position: relative;
+ left: 10px;
+ top: 3px;
+ }
+
+ .close_bar_btn {
+ position: absolute;
+ right: 8px;
+ font-size: 28px;
+ top: 15px;
+ cursor: pointer;
+ }
+
+ .cat_bar_logo_link {
+ padding: 0 15px;
+ }
+
+ .cat_bar_logo_link .cat_bar_img {
+ width: 30px;
+ }
+
+ .list_cat_heading {
+ /* margin: 0 0 15px; */
+ padding: 8px 15px;
+ background-color: gray;
+ color: #fff;
+ font-size: 13px;
+ }
+
+ .list_cat_name {
+ /* margin:0 0 15px; */
+ padding: 8px 15px;
+ font-size: 12px;
+ border-bottom: 1px solid rgb(209, 213, 219);
+ }
+
+ .list_cat_name:active {
+ color: #000 !important;
+ }
+
+ .list_cat_name:hover {
+ background-color: #e9ecef;
+ }
+
+ @media (max-width: 500px) {
+ #select_dropDown {
+ top: 150px !important;
+ right: -15px !important;
+ }
+ }
+
+ @media (max-width: 768px) {
+ .pageHeaderBg {
+ background: unset;
+ }
+
+ .nav_menu_bar {
+ display: none;
+ }
+
+ .mobile_bars {
+ display: block;
+ position: absolute;
+ top: 5px;
+ margin: 0;
+ }
+
+ .result_navbar_section {
+ padding: 1.2rem 15px !important;
+ }
+
+ .pageHeading {
+ margin-bottom: 1rem;
+ }
+
+ .pageHeading > h2 {
+ font-size: 1.4rem;
+ }
+
+ .pageHeading > .result_heading {
+ font-size: 1.8rem;
+ padding-left: 25px;
+ }
+
+ .wrapper_dropDown {
+ align-items: flex-end;
+ flex-direction: column;
+ gap: 0 !important;
+ /* margin:0 !important */
+ }
+
+ .txtBox {
+ height: 50px !important;
+ }
+
+ .serachBtn {
+ height: 50px !important;
+ width: 40px !important;
+ }
+
+ .advancedFilter .filterButton {
+ top: 60px;
+ }
+
+ .select_dropDown2 {
+ height: 50px;
+ width: 30%;
+ right: 40px;
+ padding: 9.5px 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
+ }
+
+ #select_dropDown {
+ display: none;
+ background: white;
+ position: absolute;
+ top: 149px;
+ right: 0px;
+ border-radius: 0;
+ padding: 7.5px;
+ z-index: 9999999999;
+ width: 50%;
+ }
+
+ .pageHeading h1 {
+ font-size: 2rem;
+ }
+
+ #containerWd {
+ width: 100% !important;
+ padding: 0px 15px;
+ }
+
+ .actives {
+ top: 102px;
+ display: flex;
+ right: -5px;
+ }
+
+ .fillterWrapper input {
+ width: 100%;
+ margin-bottom: 10px;
+ }
+ }
+
+ @media (max-width: 992px) {
+ .navbar-nav .nav-item {
+ padding: 0px !important;
+ }
+
+ .feature {
+ padding: 15px;
+ background-color: #b641da;
+ margin-left: 0;
+ margin-top: 5rem;
+ margin-bottom: 0;
+ color: white;
+ text-align: center;
+ width: 100%;
+ }
+
+ .features_data .card-body {
+ border-radius: 10px;
+ background-color: #f7f7f7;
+ box-shadow: 0 0 5px rgb(0 0 0 / 20%);
+ margin: 20px 0;
+ }
+
+ .title,
+ .description {
+ width: 100% !important;
+ text-align: center;
+ }
+ }
+ </style>
+
+ <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+ <link rel="manifest" href="/manifest.json" />
+ <link rel="shortcut icon" href="{{ site.favicon | relative_url }}" />
+ <link rel="stylesheet" href="{{ '/assets/css/footer.css' | relative_url }}" />
+
+ {%- if page.layout=="default" -%}
+ <link rel="preload" as="style" href="/assets/css/featurePage.css" />
+ <link rel="stylesheet" href="/assets/css/featurePage.css" />
+ {%- else -%}
+ <link rel="preload" as="style" href="/assets/css/resultPage.css" />
+ <link rel="stylesheet" href="/assets/css/resultPage.css" />
+ {% endif %} {% include cssfile/links.html %}
+
+ <title>
+ {%- unless page.layout == "home" -%} {{dataToShow.title }} {%- endunless -%}
+ {{ page.title}}
+ </title>
+
<script type="application/ld+json">
- {
+ {
"@context": "http://schema.org",
- "@type": "Organization",
- "url": "{{site.siteurl}}",
- "logo": "{{site.siteurl}}{{site.favicon}}"
- }
+ "@type": "Organization",
+ "url": "{{site.siteurl}}",
+ "logo": "{{site.siteurl}}{{site.favicon}}"
+ }
</script>
<script type="application/ld+json">
- {
+ {
"@context": "http://schema.org",
"@type": "WebSite",
"name": "{{site.name}}",
"alternateName": "{{site.alternateName}}",
- "url": "{{site.siteurl}}"}
+ "url": "{{site.siteurl}}"
+ }
</script>
- {%- if dataToShow.faqList -%}
- {%- if dataToShow.faqList.first.Question !='' -%}
+ {%- if dataToShow.faqList -%} {%- if dataToShow.faqList.first.Question !=''
+ -%}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FAQPage",
"mainEntity": [
@@ -75,24 +642,20 @@
{%- endif -%}
{%- endfor -%}
]
}
</script>
- {%- endif -%}
- {%- endif -%}
+ {%- endif -%} {%- endif -%} {%- if page.tool -%} {%- include
+ Rating/structureddata.html -%} {%- endif -%} {%- include google-analytics.html
+ -%}
- {%- if page.tool -%}
- {%- include Rating/structureddata.html -%}
- {%- endif -%}
-
- {%- include google-analytics.html -%}
-
<script>
- if ('serviceWorker' in navigator) {
- window.addEventListener('load', () => {
- navigator.serviceWorker.register('/serviceworker.js')
- .then((reg) => console.log('Success: ', reg.scope))
- .catch((err) => console.log('Failure: ', err));
- })
+ if ("serviceWorker" in navigator) {
+ window.addEventListener("load", () => {
+ navigator.serviceWorker
+ .register("/serviceworker.js")
+ .then((reg) => console.log("Success: ", reg.scope))
+ .catch((err) => console.log("Failure: ", err));
+ });
}
</script>
-</head>
\ No newline at end of file
+</head>