_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