1jQuery(document).ready(function($) { 2 function onScrollInit(items, trigger) { 3 items.each(function() { 4 var osElement = $(this), 5 osAnimationClass = osElement.attr('data-dwd-animation'), 6 osAnimationDelay = osElement.attr('data-dwd-animation-delay'); 7 8 osElement.css({ 9 '-webkit-animation-delay': osAnimationDelay, 10 '-moz-animation-delay': osAnimationDelay, 11 'animation-delay': osAnimationDelay 12 }); 13 var osTrigger = (trigger) ? trigger : osElement; 14 osTrigger.waypoint({ 15 offset: '75%', 16 handler: function() { 17 osElement.addClass('animated').addClass(osAnimationClass); 18 } 19 }); 20 osTrigger.waypoint({ 21 offset: 'bottom-in-view', 22 handler: function() { 23 osElement.addClass('animated').addClass(osAnimationClass); 24 } 25 }); 26 }); 27 } 28 onScrollInit($('.dwd-animation')); 29 30 function onScrollViewPort(items, trigger) { 31 items.each(function() { 32 var osElement = $(this); 33 var osTrigger = (trigger) ? trigger : osElement; 34 35 osTrigger.waypoint({ 36 offset: '75%', 37 handler: function() { 38 osElement.addClass('dwd-viewport-visible'); 39 } 40 }); 41 osTrigger.waypoint({ 42 offset: 'bottom-in-view', 43 handler: function() { 44 osElement.addClass('dwd-viewport-visible'); 45 } 46 }); 47 }); 48 } 49 onScrollViewPort($('.dwd-waypoint-kensburn')); 50 51 var ScrollingFade = $(".dwd-animation-scroll-fade").waypoint({ 52 handler: function(direction) { 53 var ScrollTimelineIn = anime.timeline({ 54 duration: 600 55 }); 56 var ScrollTimelineOut = anime.timeline({ 57 duration: 600 58 }); 59 var main = this.element, 60 title = this.element.querySelector('.et_pb_module_header'), 61 divider = this.element.querySelector('.dwd-divider'), 62 subhead = this.element.querySelector('.et_pb_fullwidth_header_subhead'), 63 bgtext = this.element.querySelector('.dwd-background-text'), 64 icon = this.element.querySelector('.header-logo'), 65 headericon = this.element.querySelector('.header-image img'), 66 description = this.element.querySelector('.et_pb_header_content_wrapper'), 67 btn = this.element.querySelector('.et_pb_button_wrapper'), 68 scroll = this.element.querySelector('.et_pb_fullwidth_header_scroll'); 69 if (direction === 'down') { 70 ScrollTimelineIn 71 .add({ 72 targets: title, 73 opacity: [0, 1], 74 scale: [0.9, 1], 75 translateY: [30, 0], 76 easing: 'easeInOutQuart', 77 offset: 20 78 }) 79 .add({ 80 targets: bgtext, 81 opacity: [0, 1], 82 scale: [0.9, 1], 83 translateY: [30, 0], 84 easing: 'easeInOutQuart', 85 offset: 50 86 }) 87 .add({ 88 targets: icon, 89 opacity: [0, 1], 90 scale: [0.9, 1], 91 translateY: [30, 0], 92 easing: 'easeInOutQuart', 93 offset: 100 94 }) 95 .add({ 96 targets: divider, 97 opacity: [0, 1], 98 scale: [0.9, 1], 99 translateY: [30, 0], 100 easing: 'easeInOutQuart', 101 offset: 150 102 }) 103 .add({ 104 targets: subhead, 105 opacity: [0, 1], 106 scale: [0.9, 1], 107 translateY: [30, 0], 108 easing: 'easeInOutQuart', 109 offset: 155 110 }) 111 .add({ 112 targets: description, 113 opacity: [0, 1], 114 scale: [0.9, 1], 115 translateY: [30, 0], 116 easing: 'easeInOutQuart', 117 offset: 200 118 }) 119 .add({ 120 targets: headericon, 121 opacity: [0, 1], 122 scale: [0.9, 1], 123 translateY: [30, 0], 124 easing: 'easeInOutQuart', 125 offset: 220 126 }) 127 .add({ 128 targets: btn, 129 opacity: [0, 1], 130 scale: [0.9, 1], 131 translateY: [30, 0], 132 easing: 'easeInOutQuart', 133 offset: 300 134 }).add({ 135 targets: scroll, 136 opacity: [0, 1], 137 scale: [0.9, 1], 138 translateY: [30, 0], 139 easing: 'easeInOutQuart', 140 offset: 400 141 }); 142 } else { 143 ScrollTimelineOut 144 .add({ 145 targets: btn, 146 opacity: [1, 0], 147 scale: [1, 0.9], 148 translateY: [0, 30], 149 easing: 'easeInOutQuart' 150 }) 151 .add({ 152 targets: description, 153 opacity: [1, 0], 154 scale: [1, 0.9], 155 translateY: [0, 30], 156 easing: 'easeInOutQuart', 157 offset: 50 158 }) 159 .add({ 160 targets: headericon, 161 opacity: [1, 0], 162 scale: [1, 0.9], 163 translateY: [0, 30], 164 easing: 'easeInOutQuart', 165 offset: 80 166 }) 167 .add({ 168 targets: subhead, 169 opacity: [1, 0], 170 scale: [1, 0.9], 171 translateY: [0, 30], 172 easing: 'easeInOutQuart', 173 offset: 100 174 }) 175 .add({ 176 targets: divider, 177 opacity: [1, 0], 178 scale: [1, 0.9], 179 translateY: [0, 30], 180 easing: 'easeInOutQuart', 181 offset: 150 182 }) 183 .add({ 184 targets: icon, 185 opacity: [1, 0], 186 scale: [1, 0.9], 187 translateY: [0, 30], 188 easing: 'easeInOutQuart', 189 offset: 155 190 }) 191 .add({ 192 targets: bgtext, 193 opacity: [1, 0], 194 scale: [1, 0.9], 195 translateY: [0, 30], 196 easing: 'easeInOutQuart', 197 offset: 200 198 }) 199 .add({ 200 targets: title, 201 opacity: [1, 0], 202 scale: [1, 0.9], 203 translateY: [0, 30], 204 easing: 'easeInOutQuart', 205 offset: 300 206 }) 207 } 208 }, 209 offset: '80%' 210 }); 211 212 var btn = $(".dwd-fwe .et_pb_button_wrapper .dwd-btn-hover"); 213 $(btn).hover(function() { 214 if ($(this).hasClass('animated')) { 215 $(this).removeClass('animated'); 216 } 217 if ($(this).hasClass('dwd-animation')) { 218 $(this).removeClass('dwd-animation'); 219 } 220 }); 221});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.