_includes/section/commonPage.html in word-games-theme-1.4.2 vs _includes/section/commonPage.html in word-games-theme-1.4.3
- old
+ new
@@ -152,10 +152,75 @@
</section>
</div>
</nav>
<!-- </header> -->
+{%- if page.ezoicTest -%}
+
+<style>
+ .faux-image-wrapper {
+ margin-bottom: 10px;
+ position: relative;
+ padding-bottom: 100%;
+ /* Or height: 200px; */
+ }
+
+ .faux-image {
+ background: #dddddd;
+ border-radius: 4px;
+ height: 100%;
+ position: absolute;
+ width: 100%;
+ }
+
+ .faux-text {
+ background: #dddddd;
+ border-radius: 4px;
+ height: 20px;
+ margin-bottom: 5px;
+ }
+
+ .faux-text.short {
+ width: 75%;
+ }
+
+ .faux-text.short2 {
+ width: 50%;
+ }
+
+ .shimmer {
+ overflow: hidden;
+ position: relative;
+ }
+
+ .shimmer::before {
+ content: "";
+ position: absolute;
+ background: linear-gradient(90deg,
+ rgba(255, 255, 255, 0) 0%,
+ rgba(255, 255, 255, 0.4) 50%,
+ rgba(255, 255, 255, 0) 100%);
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ animation: shimmer 1s infinite;
+ }
+
+ @keyframes shimmer {
+ 0% {
+ transform: translateX(-100%);
+ }
+
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+</style>
+
+{%- endif -%}
+
+
<!-- Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
<div id="ezoic-pub-ad-placeholder-109"> </div>
<!-- End Ezoic - sidebar_floating_1 - sidebar_floating_1 -->
<!-- Ezoic - sidebar_floating_2 - sidebar_floating_2 -->
@@ -171,9 +236,21 @@
onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Home Page Search Result'});"></a>
{%- endif -%}
{% include section/wordGroup.html %}
+
+ {%- if page.ezoicTest -%}
+ <div class="placeholder_loading placeholder shimmer">
+ <div class="faux-image-wrapper">
+ <div class="faux-text"></div>
+ <div class="faux-text short"></div>
+ <div class="faux-text short2"></div>
+ </div>
+
+ </div>
+ {%- endif -%}
+
</div>
<!-- navbar close -->
<!-- header close -->
\ No newline at end of file