1/*----------------------------------------------------------------- 2 3Template Name: Agznko - Creative Agency and Portfolio Html Template 4Author: wordpressriver 5Author URI: https://themeforest.net/user/wordpressriver/portfolio 6Version: 1.0.0 7Description: Agznko - Creative Agency and Portfolio Html Template < 8 9------------------------------------------------------------------- 10CSS TABLE OF CONTENTS 11------------------------------------------------------------------- 12 1301. header 1402. animated text with swiper slider 1503. magnificPopup 1604. counter up 1705. wow animation 1806. nice select 1907. swiper slider 2008. search popup 2109. mousecursor 2209. preloader 23 24 25------------------------------------------------------------------*/ 26 27(function($) { 28 "use strict"; 29 30 $(document).ready( function() { 31 32 //>> Mobile Menu Js Start <<// 33 $('#mobile-menu').meanmenu({ 34 meanMenuContainer: '.mobile-menu', 35 meanScreenWidth: "1199", 36 meanExpand: ['<i class="far fa-plus"></i>'], 37 }); 38 39 //>> Sidebar Toggle Js Start <<// 40 $(".offcanvas__close,.offcanvas__overlay").on("click", function() { 41 $(".offcanvas__info").removeClass("info-open"); 42 $(".offcanvas__overlay").removeClass("overlay-open"); 43 }); 44 $(".sidebar__toggle").on("click", function() { 45 $(".offcanvas__info").addClass("info-open"); 46 $(".offcanvas__overlay").addClass("overlay-open"); 47 }); 48 49 //>> Body Overlay Js Start <<// 50 $(".body-overlay").on("click", function() { 51 $(".offcanvas__area").removeClass("offcanvas-opened"); 52 $(".df-search-area").removeClass("opened");; 53 $(".body-overlay").removeClass("opened"); 54 }); 55 56 //>> Sticky Header Js Start <<// 57 58 $(window).scroll(function() { 59 if ($(this).scrollTop() > 250) { 60 $("#header-sticky").addClass("sticky"); 61 } else { 62 $("#header-sticky").removeClass("sticky"); 63 } 64 }); 65 66 //>> Video Popup Start <<// 67 $(".img-popup").magnificPopup({ 68 type: "image", 69 gallery: { 70 enabled: true, 71 }, 72 }); 73 74 $('.video-popup').magnificPopup({ 75 type: 'iframe', 76 callbacks: { 77 } 78 }); 79 80 //>> Counterup Start <<// 81 $(".count").counterUp({ 82 delay: 15, 83 time: 4000, 84 }); 85 86 //>> Wow Animation Start <<// 87 new WOW().init(); 88 89 //>> Nice Select Start <<// 90 $('select').niceSelect(); 91 92 //>> Brand Slider Start <<// 93 if($('.brand-slider').length > 0) { 94 const brandSlider = new Swiper(".brand-slider", { 95 spaceBetween: 30, 96 speed: 2000, 97 loop: true, 98 autoplay: { 99 delay: 2000, 100 disableOnInteraction: false, 101 }, 102 breakpoints: { 103 1199: { 104 slidesPerView: 6, 105 }, 106 991: { 107 slidesPerView: 4, 108 }, 109 767: { 110 slidesPerView: 3, 111 }, 112 575: { 113 slidesPerView: 2, 114 }, 115 400: { 116 slidesPerView: 1, 117 }, 118 0: { 119 slidesPerView: 1, 120 }, 121 }, 122 }); 123 } 124 125 //>> Brand Slider Start <<// 126 if($('.testimonial-slider').length > 0) { 127 const testimonialSlider = new Swiper(".testimonial-slider", { 128 spaceBetween: 30, 129 speed: 2000, 130 loop: true, 131 autoplay: { 132 delay: 1000, 133 disableOnInteraction: false, 134 }, 135 breakpoints: { 136 991: { 137 slidesPerView: 2, 138 }, 139 767: { 140 slidesPerView: 2, 141 }, 142 575: { 143 slidesPerView: 1, 144 }, 145 0: { 146 slidesPerView: 1, 147 }, 148 }, 149 }); 150 } 151 152 if($('.testimonial-slider-2').length > 0) { 153 const testimonialSlider2 = new Swiper(".testimonial-slider-2", { 154 spaceBetween: 30, 155 speed: 2000,
156 loop: true, 157 autoplay: { 158 delay: 1000, 159 disableOnInteraction: false, 160 }, 161 pagination: { 162 el: ".dot", 163 clickable: true, 164 }, 165 breakpoints: { 166 1399: { 167 slidesPerView: 4, 168 }, 169 1199: { 170 slidesPerView: 3, 171 }, 172 991: { 173 slidesPerView: 2, 174 }, 175 767: { 176 slidesPerView: 2, 177 }, 178 575: { 179 slidesPerView: 1, 180 }, 181 0: { 182 slidesPerView: 1, 183 }, 184 }, 185 }); 186 } 187 188 //>> Portfolio Slider Start <<// 189 if($('.portfolio-slider').length > 0) { 190 const portfolioSLider = new Swiper(".portfolio-slider", { 191 spaceBetween: 24, 192 speed: 2000, 193 centeredSlides: true, 194 loop: true, 195 autoplay: { 196 delay: 1000, 197 disableOnInteraction: false, 198 }, 199 breakpoints: { 200 1199: { 201 slidesPerView: 5, 202 }, 203 991: { 204 slidesPerView: 3, 205 }, 206 767: { 207 slidesPerView: 2, 208 }, 209 575: { 210 slidesPerView: 2, 211 }, 212 0: { 213 slidesPerView: 1, 214 }, 215 }, 216 }); 217 } 218 219 //>> Project Hover Image Show Slider Start <<// 220 const portfolioBoxItems = document.querySelectorAll(".portfolio-box-items"); 221 222 function followImageCursor(event, portfolioBoxItems) { 223 const contentBox = portfolioBoxItems.getBoundingClientRect(); 224 const dx = event.clientX - contentBox.x; 225 const dy = event.clientY - contentBox.y; 226 portfolioBoxItems.children[2].style.transform = `translate(${dx}px, ${dy}px) rotate(0)`; 227 } 228 229 portfolioBoxItems.forEach((item, i) => { 230 item.addEventListener("mousemove", (event) => { 231 setInterval(followImageCursor(event, item), 1000); 232 }); 233 }); 234 235 //>> Search Popup Start <<// 236 const $searchWrap = $(".search-wrap"); 237 const $navSearch = $(".nav-search"); 238 const $searchClose = $("#search-close"); 239 240 $(".search-trigger").on("click", function (e) { 241 e.preventDefault(); 242 $searchWrap.animate({ opacity: "toggle" }, 500); 243 $navSearch.add($searchClose).addClass("open"); 244 }); 245 246 $(".search-close").on("click", function (e) { 247 e.preventDefault(); 248 $searchWrap.animate({ opacity: "toggle" }, 500); 249 $navSearch.add($searchClose).removeClass("open"); 250 }); 251 252 function closeSearch() { 253 $searchWrap.fadeOut(200); 254 $navSearch.add($searchClose).removeClass("open"); 255 } 256 257 $(document.body).on("click", function (e) { 258 closeSearch(); 259 }); 260 261 $(".search-trigger, .main-search-input").on("click", function (e) { 262 e.stopPropagation(); 263 }); 264 265 //>> Mouse Cursor Start <<// 266 function mousecursor() { 267 if ($("body")) { 268 const e = document.querySelector(".cursor-inner"), 269 t = document.querySelector(".cursor-outer"); 270 let n, 271 i = 0, 272 o = !1; 273 (window.onmousemove = function(s) { 274 o || 275 (t.style.transform = 276 "translate(" + s.clientX + "px, " + s.clientY + "px)"), 277 (e.style.transform = 278 "translate(" + s.clientX + "px, " + s.clientY + "px)"), 279 (n = s.clientY), 280 (i = s.clientX); 281 }), 282 $("body").on("mouseenter", "a, .cursor-pointer", function() { 283 e.classList.add("cursor-hover"), t.classList.add("cursor-hover"); 284 }), 285 $("body").on("mouseleave", "a, .cursor-pointer", function() { 286 ($(this).is("a") && $(this).closest(".cursor-pointer").length) || 287 (e.classList.remove("cursor-hover"), 288 t.classList.remove("cursor-hover")); 289 }), 290 (e.style.visibility = "visible"), 291 (t.style.visibility = "visible"); 292 } 293 } 294 $(function() { 295 mousecursor(); 296 }); 297 298 //>> Back To Top Slider Start <<// 299 $(window).scroll(function () { 300 if ($(this).scrollTop() > 20) { 301 $("#back-top").addClass("show"); 302 } else { 303 $("#back-top").removeClass("show"); 304 } 305 }); 306 $("#back-top").click(function () { 307 $("html, body").animate({ scrollTop: 0 }, 800); 308 return false;
309 }); 310 311 312 313 }); // End Document Ready Function 314 315 316 317 function loader() { 318 $(window).on('load', function() { 319 // Animate loader off screen 320 $(".preloader").addClass('loaded'); 321 $(".preloader").delay(600).fadeOut(); 322 }); 323 } 324 325 loader(); 326 327 328})(jQuery); // End jQuery 329
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.