SZA – Broken Clocks

Published March 30, 2018 · Updated December 4, 2024

with <strong>ScHoolboy Q</strong> and <strong>Ab-Soul</strong> for the “Broken Clocks” visual directed by SZA herself and <strong>Dave Free</strong>. Check out the video above and pick up <em>Ctrl</em> on <a href="https://geo.itunes.apple.com/us/album/ctrl/1239976329?mt=1&app=music">iTunes.</a></p> <div id='jp-relatedposts' class='jp-relatedposts' > <h3 class="jp-relatedposts-headline"><em>Related</em></h3> </div> <nav class="pagination group"> </nav> </div> <div class="clear"></div> </div> </div> </article> <div class="clear"></div> <p class="post-tags"><span>Tags:</span> <a href="https://inthrill.com/tag/sza-tag/" rel="tag">SZA</a></p> <div id="pro-related-posts-wrapper"><div class="czr-css-loader czr-mr-loader dark"><div></div><div></div><div></div></div></div> <section id="comments" class="themeform">  <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/sza-broken-clocks/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://inthrill.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='8505' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="cdd2aedd26" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="230"/></p></form> </div> <p class="akismet_comment_form_privacy_notice">This site uses Akismet to reduce spam. <a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">Learn how your comment data is processed.</a></p> </section> </div> </main> </div> </div> </div> </div> <footer id="footer"> <section class="container" id="footer-widgets"> <div class="container-inner"> <div class="hu-pad group"> <div class="footer-widget-1 grid one-third "> </div> <div class="footer-widget-2 grid one-third "> </div> <div class="footer-widget-3 grid one-third last"> </div> </div> </div> </section> <nav class="nav-container group" id="nav-footer" data-menu-id="footer-3" data-menu-scrollable="false"> <div class="nav-toggle"><i class="fas fa-bars"></i></div> <div class="nav-text"></div> <div class="nav-wrap"> <ul id="menu-footer-menu-2" class="nav container group"><li id="menu-item-29459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29459"><a href="https://inthrill.com/contact-us/">Contact Us</a></li> <li id="menu-item-29460" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29460"><a href="https://inthrill.com/privacy-policy-2/">Privacy Policy</a></li> <li id="menu-item-41342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41342"><a href="https://inthrill.com/guest-post-policy/">Guest Post Policy</a></li> <li id="menu-item-29483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29483"><a href="https://inthrill.com/partnerships/">Advertising Opportunities</a></li> </ul> </div> </nav> <section class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a> <div class="hu-pad group"> <div class="grid one-half"> <div id="copyright"> <p>inThrill © 2025. All Rights Reserved.</p> </div> </div> <div class="grid one-half last"> <ul class="social-links"><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Twitter" aria-label="Follow us on Twitter" href="http://twitter.com/inthrill" target="_blank" ><i class="fab fa-twitter"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Facebook" aria-label="Follow us on Facebook" href="http://facebook.com/inthrill/" target="_blank" ><i class="fab fa-facebook"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Instagram" aria-label="Follow us on Instagram" href="http://instagram.com/inthrillnet" target="_blank" ><i class="fab fa-instagram"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Youtube" aria-label="Follow us on Youtube" href="https://www.youtube.com/channel/UCXKiViejmZuDLKGvk7bx39Q" target="_blank" ><i class="fab fa-youtube"></i></a></li></ul> </div> </div> </div> </section> </footer> </div>  <script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script><script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/inthrill.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.4"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script><script src="https://inthrill.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script><script id="jetpack_related-posts-js-extra"> var related_posts_js_options = {"post_heading":"h4"}; </script><script type='text/javascript' src='https://inthrill.com/wp-content/boost-cache/static/d583f2bc1f.min.js'></script><script src="https://www.googletagmanager.com/gtag/js?id=GT-M6J6F77" id="google_gtagjs-js" async></script><script id="google_gtagjs-js-after"> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["inthrill.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-M6J6F77"); </script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2858030169185593&host=ca-host-pub-2644536267352236" crossorigin="anonymous"></script><script type="text/javascript"> jQuery( function($) { var _fireWhenCzrAppReady = function() { czrapp.proRelPostsRendered = $.Deferred(); var waypoint = new Waypoint({ element: document.getElementById('pro-related-posts-wrapper'), handler: function(direction) { if ( 'pending' == czrapp.proRelPostsRendered.state() ) { var $wrap = $('#pro-related-posts-wrapper'); $wrap.addClass('loading'); czrapp.doAjax( { action: "ha_inject_pro_related", // => Always get the option from the $_POSTED data in ajax related_post_id : 8505, pro_related_posts_opt : {"id":"pro_related_posts_czr_module","title":"","enable":true,"col_number":"3","display_heading":true,"heading_text":"You may also like...","freescroll":true,"ajax_enabled":true,"post_number":10,"order_by":"date","related_by":"tags"}, free_related_posts_opt : "tags", layout_class : "col-1c" } ).done( function( r ) { if ( r && r.data && r.data.html ) { if ( 'pending' == czrapp.proRelPostsRendered.state() ) { $.when( $('#pro-related-posts-wrapper').append( r.data.html ) ).done( function() { czrapp.proRelPostsRendered.resolve(); $wrap.find('.czr-css-loader').css('opacity', 0); _.delay( function() { $wrap.removeClass('loading').addClass('loaded'); }, 800 ); }); } } }); } }, offset: '110%' }); };//_fireWhenCzrAppReady if ( window.czrapp && czrapp.methods && czrapp.methods.ProHeaderSlid ) { _fireWhenCzrAppReady() } else { document.addEventListener('czrapp-is-ready', _fireWhenCzrAppReady ); } });//jQuery() </script><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script><script id="wfc-front-localized">var wfcFrontParams = {"effectsAndIconsSelectorCandidates":[],"wfcOptions":null};</script><script id="wfc-front-script">!function(){var e=wfcFrontParams.effectsAndIconsSelectorCandidates;var o,t,c,r,i=(r={},o=navigator.userAgent.toLowerCase(),(c={browser:(t=/(chrome)[ /]([\w.]+)/.exec(o)||/(webkit)[ /]([\w.]+)/.exec(o)||/(opera)(?:.*version|)[ /]([\w.]+)/.exec(o)||/(msie) ([\w.]+)/.exec(o)||o.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(o)||[])[1]||"",version:t[2]||"0"}).browser&&(r[c.browser]=!0,r.version=c.version),r.chrome?r.webkit=!0:r.webkit&&(r.safari=!0),r),s="",a=0;for(var n in i)a>0||(s=n,a++);var f=document.querySelectorAll("body");f&&f[0]&&f[0].classList.add(s||"");try{!function(){for(var o in e){var t=e[o];if(t.static_effect){if("inset"==t.static_effect&&!0===i.mozilla)continue;var c=document.querySelectorAll(t.static_effect_selector);c&&c.forEach(function(e,o){e.classList.add("font-effect-"+t.static_effect)})}}}()}catch(e){window.console&&console.log&&console.log("Font customizer error => could not apply effects",e)}}();</script><script>window.addEventListener( 'load', function() { document.querySelectorAll( 'link' ).forEach( function( e ) {'not all' === e.media && e.dataset.media && ( e.media = e.dataset.media, delete e.dataset.media );} ); var e = document.getElementById( 'jetpack-boost-critical-css' ); e && ( e.media = 'not all' ); } );</script><script id="ce4wp_form_submit-js-extra"> var ce4wp_form_submit_data = {"siteUrl":"https:\/\/inthrill.com","url":"https:\/\/inthrill.com\/wp-admin\/admin-ajax.php","nonce":"c3f04c9e48","listNonce":"3d1b0f86c3","activatedNonce":"8815863486"}; </script><script type='text/javascript' src='https://inthrill.com/wp-content/boost-cache/static/ff778606cf.min.js'></script><script src="https://inthrill.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script><script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script><script type='text/javascript' src='https://inthrill.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?m=1759724580'></script><script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/inthrill.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; </script><script src="https://inthrill.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.2" id="contact-form-7-js"></script><script src="https://inthrill.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script><script id="hu-front-scripts-js-extra"> var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":false,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":"","extLinksTargetExt":"1","extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":"","imgSmartLoadOpts":{"parentSelectors":[".container .content",".post-row",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100,"threshold":0}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","sbStickyUserSettings":{"desktop":false,"mobile":false},"sidebarOneWidth":"340","sidebarTwoWidth":"260","isWPMobile":"","menuStickyUserSettings":{"desktop":"stick_always","mobile":"stick_always"},"mobileSubmenuExpandOnClick":"1","submenuTogglerIcon":"<i class=\"fas fa-angle-down\"><\/i>","isDevMode":"","ajaxUrl":"https:\/\/inthrill.com\/?huajax=1","frontNonce":{"id":"HuFrontNonce","handle":"87489c426d"},"isWelcomeNoteOn":"","welcomeContent":"","i18n":{"collapsibleExpand":"Expand","collapsibleCollapse":"Collapse"},"deferFontAwesome":"","fontAwesomeUrl":"https:\/\/inthrill.com\/wp-content\/themes\/hueman-pro\/assets\/front\/css\/font-awesome.min.css?1.4.29","mainScriptUrl":"https:\/\/inthrill.com\/wp-content\/themes\/hueman-pro\/assets\/front\/js\/scripts.min.js?1.4.29","flexSliderNeeded":"","flexSliderOptions":{"is_rtl":false,"has_touch_support":true,"is_slideshow":false,"slideshow_speed":5000},"fitTextMap":{"single_post_title":{"selectors":".single h1.entry-title","minEm":1.375,"maxEm":2.62},"page_title":{"selectors":".page-title h1","minEm":1,"maxEm":1.3},"home_page_title":{"selectors":".home .page-title","minEm":1,"maxEm":1.2,"compression":2.5},"post_titles":{"selectors":".blog .post-title, .archive .post-title","minEm":1.375,"maxEm":1.475},"featured_post_titles":{"selectors":".featured .post-title","minEm":1.375,"maxEm":2.125},"comments":{"selectors":".commentlist li","minEm":0.8125,"maxEm":0.93,"compression":2.5},"entry":{"selectors":".entry","minEm":0.9375,"maxEm":1.125,"compression":2.5},"content_h1":{"selectors":".entry h1, .woocommerce div.product h1.product_title","minEm":1.7578125,"maxEm":2.671875},"content_h2":{"selectors":".entry h2","minEm":1.5234375,"maxEm":2.390625},"content_h3":{"selectors":".entry h3","minEm":1.40625,"maxEm":1.96875},"content_h4":{"selectors":".entry h4","minEm":1.2890625,"maxEm":1.6875},"content_h5":{"selectors":".entry h5","minEm":1.0546875,"maxEm":1.40625},"content_h6":{"selectors":".entry h6","minEm":0.9375,"maxEm":1.265625,"compression":2.5}},"userFontSize":"17","fitTextCompression":"1.5"}; </script><script type='text/javascript' src='https://inthrill.com/wp-content/boost-cache/static/9cb9a4058b.min.js'></script><script id="jetpack-stats-js-before"> _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"158006143\",\"post\":\"8505\",\"tz\":\"-5\",\"srv\":\"inthrill.com\",\"j\":\"1:15.0.2\"}") ]); _stq.push([ "clickTrackerInit", "158006143", "8505" ]); </script><script src="https://stats.wp.com/e-202543.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script><script defer type='text/javascript' src='https://inthrill.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?m=1753596407'></script><script id="appearing-animation-js" type="text/javascript"> /***** Modernizr cssanimation test ****/ /*! modernizr 3.4.0 (Custom Build) | MIT * * https://modernizr.com/download/?-cssanimations-setclasses !*/ !function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in S)if(S.hasOwnProperty(l)){if(e=[],n=S[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),C.push((o?"":"no-")+a.join("-"))}}function s(e){var n=_.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?_.className.baseVal=n:_.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function u(e,n){return function(){return e.apply(n,arguments)}}function f(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?u(o,t||n):o);return!1}function c(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(n,t,r){var o;if("getComputedStyle"in e){o=getComputedStyle.call(e,n,t);var s=e.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(s){var i=s.error?"error":"log";s[i].call(s,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!t&&n.currentStyle&&n.currentStyle[r];return o}function p(){var e=n.body;return e||(e=a(x?"svg":"body"),e.fake=!0),e}function m(e,t,r,o){var s,i,l,u,f="modernizr",c=a("div"),d=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:f+(r+1),c.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+f,(d.fake?d:c).appendChild(s),d.appendChild(c),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),c.id=f,d.fake&&(d.style.background="",d.style.overflow="hidden",u=_.style.overflow,_.style.overflow="hidden",_.appendChild(d)),i=t(c,e),d.fake?(d.parentNode.removeChild(d),_.style.overflow=u,_.offsetHeight):c.parentNode.removeChild(c),!!i}function y(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(c(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+c(n[o])+":"+r+")");return s=s.join(" or "),m("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==d(e,null,"position")})}return t}function v(e,n,o,s){function u(){c&&(delete N.style,delete N.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var f=y(e,o);if(!r(f,"undefined"))return f}for(var c,d,p,m,v,g=["modernizr","tspan","samp"];!N.style&&g.length;)c=!0,N.modElem=a(g.shift()),N.style=N.modElem.style;for(p=e.length,d=0;p>d;d++)if(m=e[d],v=N.style[m],i(m,"-")&&(m=l(m)),N.style[m]!==t){if(s||r(o,"undefined"))return u(),"pfx"==n?m:!0;try{N.style[m]=o}catch(h){}if(N.style[m]!=v)return u(),"pfx"==n?m:!0}return u(),!1}function g(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+P.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?v(a,n,o,s):(a=(e+" "+z.join(i+" ")+i).split(" "),f(a,n,t))}function h(e,n,r){return g(e,t,t,n,r)}var C=[],S=[],w={_version:"3.4.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){S.push({name:e,fn:n,options:t})},addAsyncTest:function(e){S.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var _=n.documentElement,x="svg"===_.nodeName.toLowerCase(),b="Moz O ms Webkit",P=w._config.usePrefixes?b.split(" "):[];w._cssomPrefixes=P;var z=w._config.usePrefixes?b.toLowerCase().split(" "):[];w._domPrefixes=z;var E={elem:a("modernizr")};Modernizr._q.push(function(){delete E.elem});var N={style:E.elem.style};Modernizr._q.unshift(function(){delete N.style}),w.testAllProps=g,w.testAllProps=h,Modernizr.addTest("cssanimations",h("animationName","a",!0)),o(),s(C),delete w.addTest,delete w.addAsyncTest;for(var T=0;T<Modernizr._q.length;T++)Modernizr._q[T]();e.Modernizr=Modernizr}(window,document); ( function() { var _fireWhenCzrAppReady = function() { jQuery( function($){ var animationEnd = 'webkitAnimationEnd animationend msAnimationEnd oAnimationEnd', wrapperSelector = '#grid-wrapper', animatableSelector = '.post-inner', animatableParentSelector = '.grid-item', $_container = $( wrapperSelector ); if ( !$_container.length ) return; var $_collection = $( animatableParentSelector, $_container ), $_featured_slider = $('#flexslider-featured'); //Wait for the featured slider ready if any //to avoid elements to be animated too early if ( $_featured_slider.length ) { $_featured_slider.on( 'featured-slider-ready', function() { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); }); } //wait for masonry init before animate else if ( $_container.hasClass( 'masonry' ) ) { $_container.on( 'masonry-init.hueman', function() { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); }); } else { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); } var _event = $_container.hasClass( 'masonry' ) ? 'masonry.hueman' : 'post-load'; //maybe animate infinite appended elements $('body').on( _event, function( e, response ) { if ( 'success' == response.type && response.collection && response.container ) { animateMe( response.collection, $( '#'+response.container ), //_container animatableSelector,//_to_animate_selector animatableParentSelector//_to_animate_parent_selector ); } } ); /* * params: * _collection : an object of the type { id : element [...] } || a jquery object (e.g. list of jquery elements) * _container : the jquery container element or the items to animate, or the selector * _to_animate_selector : item selector to animate * _to_animate_parent_selector : item to animate parent selector */ function animateMe( _collection, _container, _to_animate_selector, _to_animate_parent_selector, type ) { var $_container = $(_container), collection = null; //from array of jquery elements to collection ? //create an array of selectors if ( _collection instanceof jQuery || 'object' !== typeof _collection ) { collection = _.chain( $( _to_animate_parent_selector, $_container ) ) .map( function( _element ) { return '#' + $(_element).attr( 'id' ); }) //remove falsy .compact() //values the chain .value(); } else { collection = _collection; } if ( 'object' !== typeof collection ) { return; } type = type || 'advanced-animation';//simple-animation'; $( wrapperSelector ).addClass( type ); /* * see boxAnimation function in library/js/app.js in the theme you know */ var $allItems = _.size( collection ), startIndex = 0, shown = 0, index = 0, sequential = true; var _simpleAnimation = function( elementSelector ) { $( elementSelector, $_container).find( animatableSelector ).css( 'opacity' , 1 ); }; var _advancedAnimation = function( elementSelector ) { //store the collection index into the element to animate var $_to_animate = $( elementSelector + ' ' + _to_animate_selector , $_container); if ( $_to_animate.hasClass( 'end_animation' ) ) { return;//continue } $_to_animate.attr('data-collection-index', index ); new Waypoint({ element: $( elementSelector, $_container ), handler: function() { var element = $( _to_animate_selector, this.element), parent = $(this.element), currentIndex, isLast; //in case posts are per row the delay is based on the index in the row if ( parent.parent('[class*=grid-cols].row-fluid').length ) { currentIndex = parent.index(); isLast = parent.is(':last-child'); } else { currentIndex = element.attr('data-collection-index'); isLast = false } //testing purpose // element.attr('data-index', currentIndex ); var delay = (!sequential) ? index : ((startIndex !== 0) ? currentIndex - $allItems : currentIndex), delayAttr = parseInt(element.attr('data-delay')); if (isNaN(delayAttr)) delayAttr = 100; delay -= shown; var objTimeout = setTimeout(function() { //replace start_animation with an animation class //the animationEnd routine is needed only because //IS removes not visible nodes (in classical grid and classical blog) //and re-adds them when needed. In the latter case, a new animation //will be triggered, element.addClass('start_animation') .on( animationEnd, function(evt) { if ( element.get()[0] == evt.target ) { element.removeClass('start_animation') .addClass('end_animation'); element.parent(_to_animate_parent_selector).removeClass( 'infinite-doing-animation' ); } }) .parent(_to_animate_parent_selector).addClass( 'infinite-doing-animation' ); shown = isLast ? 0 : currentIndex; }, delay * delayAttr ); parent.data('objTimeout', objTimeout); this.destroy(); },//end handler offset: '150%'//might be tied to a fn() of matchMedia and user choosen grid type in the future }).context.refresh(); //end Waypoint index++; }; //Fire an animation _.each( collection, function( elementSelector ) { if ( 'simple-animation' == type ) { _simpleAnimation( elementSelector ); } else { _advancedAnimation( elementSelector ); } });//end each on the collection };//end animateMe });//jQuery };//_fireWhenCzrAppReady if ( window.czrapp && czrapp.ready && 'resolved' === czrapp.ready.state() ) { _fireWhenCzrAppReady(); } else { document.addEventListener('czrapp-is-ready', _fireWhenCzrAppReady ); } })(); </script></body> </html>