_includes/head/index.html in word-games-theme-1.8.4 vs _includes/head/index.html in word-games-theme-1.8.5

- old
+ new

@@ -1,624 +1,57 @@ -{% 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 }}"> - <style> - .startsWith, - .mustInclude, - .endsWith, - .exculdeWith, - .inculdeWith, - .wordLength { - position: relative; - } + {% include cssfile/links.html %} - .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> + {%- 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": [ @@ -642,20 +75,24 @@ {%- endif -%} {%- endfor -%} ] } </script> - {%- endif -%} {%- endif -%} {%- if page.tool -%} {%- include - Rating/structureddata.html -%} {%- endif -%} {%- include google-analytics.html - -%} + {%- endif -%} + {%- endif -%} + {%- 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> +</head> \ No newline at end of file