1(function ($) { 2 'use strict'; 3 4 // 6.EM MOBILE MENU 5 $('.mobile-menu nav').meanmenu({ 6 meanScreenWidth: "990", 7 meanMenuContainer: ".mobile-menu", 8 onePage: true, 9 }); 10 // top quearys menu 11 var emsmenu = $(".em-quearys-menu i.t-quearys"); 12 var emscmenu = $(".em-quearys-menu i.t-close"); 13 var emsinner = $(".em-quearys-inner"); 14 emsmenu.on('click', function () { 15 emsinner.addClass('em-s-open').fadeToggle(1000); 16 $(this).addClass('em-s-hidden'); 17 emscmenu.removeClass('em-s-hidden'); 18 }); 19 emscmenu.on('click', function () { 20 emsinner.removeClass('em-s-open').fadeToggle(1000); 21 $(this).addClass('em-s-hidden'); 22 emsmenu.removeClass('em-s-hidden'); 23 }); 24 // 6.HOME 2 HERO CAROUSEL 25 $('.em-slick-slider-new').slick({ 26 dots: false, 27 speed: 900, 28 arrows: true, 29 autoplay: true, 30 fade: false, 31 autoplaySpeed: 6000, 32 responsive: [{ 33 breakpoint: 769, 34 settings: { 35 arrows: false, 36 } 37 }] 38 }); 39 //* Parallaxmouse js 40 function parallaxMouse() { 41 if ($('#parallax').length) { 42 var scene = document.getElementById('parallax'); 43 var parallax = new Parallax(scene); 44 }; 45 }; 46 parallaxMouse(); 47 // 6.EM SLICK SLIDER 48 $('.em-slick-testi-description').slick({ 49 slidesToShow: 1, 50 slidesToScroll: 1, 51 arrows: false, 52 dots: true, 53 fade: true, 54 asNavFor: '.em-slick-testi-wraper' 55 }); 56 $('.em-slick-testi-wraper').slick({ 57 slidesToShow: 3, 58 slidesToScroll: 1, 59 asNavFor: '.em-slick-testi-description', 60 dots: false, 61 arrows: false, 62 centerMode: true, 63 focusOnSelect: true 64 }); 65 66 // 6.EM WOW ACTIVE JS 67 new WOW().init(); 68 // 6.EM NIVO SLIDER 69 $('#mainSlider').nivoSlider({ 70 directionNav: true, 71 animSpeed: 1000, 72 slices: 18, 73 autoplay: true, 74 randomStart: true, 75 pauseTime: 800000, 76 pauseOnHover: false, 77 controlNav: true, 78 prevText: '<i class="fa fa-angle-left nivo-prev-icon"></i>', 79 nextText: '<i class="fa fa-angle-right nivo-next-icon"></i>' 80 }); 81 // 6.SCROLLUP JS 82 $.scrollUp({ 83 scrollText: '<i class="fa fa-angle-up"></i>', 84 easingType: 'linear', 85 scrollSpeed: 900, 86 animation: 'fade' 87 }); 88 // VenuboX 89 $('.venobox').venobox({ 90 numeratio: true, 91 infinigall: true 92 93 }); 94 // 6.ONEPAGE MENU 95 var top_offset = $('.one_page').height() + 0; 96 $('.one_page .itplot_menu .nav_scroll').onePageNav({ 97 currentClass: 'current', 98 changeHash: false, 99 scrollSpeed: 1000, 100 scrollOffset: top_offset, 101 scrollThreshold: 0.5, 102 filter: '', 103 easing: 'swing', 104 }); 105 106 $(".nav_scroll li:first-child").addClass("current"); 107 /* sticky nav 1 */ 108 $('.one_page').scrollToFixed({ 109 preFixed: function () { 110 $(this).find('.scroll_fixed').addClass('prefix'); 111 }, 112 postFixed: function () { 113 $(this).find('.scroll_fixed').addClass('postfix').removeClass('prefix'); 114 } 115 }); 116 117 // 6.EM STIKY NAV 118 var headers1 = $('.trp_nav_area'); 119 $(window).on('scroll', function () { 120 121 if ($(window).scrollTop() > 200) { 122 headers1.addClass('hbg2'); 123 } else { 124 headers1.removeClass('hbg2'); 125 } 126 127 }); 128 129 // 6.EM COUNTARUP 130 $('.countr_text h1').counterUp({ 131 delay: 10, 132 time: 1000 133 }); 134 // 6.EM PORTFOLIO 135 $('.em_load').imagesLoaded(function () { 136 137 if ($.fn.isotope) { 138 139 var $portfolio = $('.em_load'); 140 141 $portfolio.isotope({ 142 143 itemSelector: '.grid-item', 144 145 filter: '*', 146 147 resizesContainer: true, 148 149 layoutMode: 'masonry', 150 151 transitionDuration: '0.8s' 152 153 }); 154 $('.filter_menu li').on('click', function () { 155 156 $('.filter_menu li').removeClass('current_menu_item'); 157 158 $(this).addClass('current_menu_item'); 159 160 var selector = $(this).attr('data-filter'); 161 162 $portfolio.isotope({ 163 164 filter: selector, 165 166 }); 167 168 }); 169 170 }; 171 172 }); 173 174var fn = { 175 176 /* 177 Launch 178 */ 179 180 Launch: function () { 181 fn.IntroCanvas(); 182 }, 183 184 /* 185 Intro Canvas 186 */ 187 188 IntroCanvas: function() { 189 190 const canvas = document.getElementById('intro__canvas'); 191 if(canvas) { 192 const ctx = canvas.getContext('2d'); 193 let width = canvas.width = canvas.offsetWidth; 194 let height = canvas.height = canvas.offsetHeight; 195 196 const colours = JSON.parse( canvas.getAttribute('data-colors') ); 197 198 const maxParticles = 200; 199 let particles = []; 200 201 // init client x and y values 202 let cx = width / 2; 203 let cy = height / 2; 204 205 /*window.addEventListener('mousemove', (e) => { 206 var bounds = canvas.getBoundingClientRect(); 207 208 cx = e.clientX - bounds.left; 209 cy = e.clientY - bounds.top; 210 });*/ 211 212 213 class Particle { 214 constructor(x, y, vx, vy, radius, colour) { 215 this.x = x; 216 this.y = y; 217 this.vx = vx; 218 this.vy = vy;
219 this.radius = radius; 220 this.colour = colour; 221 } 222 move() { 223 // Reset particle if it goes off screen 224 if (this.y > height || this.y < 0 || this.x > width || this.x < 0) { 225 this.reset(); 226 } 227 // Move particles with respect to velocity vectors 228 this.x += this.vx; 229 this.y += this.vy; 230 } 231 reset() { 232 this.x = cx; 233 this.y = cy; 234 this.vx = 2 + Math.random() * - 4; 235 this.vy = 2 + Math.random() * - 4; 236 this.radius = 1 + Math.random() * 3; 237 } 238 draw(ctx) { 239 ctx.beginPath(); 240 ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false); 241 ctx.fillStyle = this.colour; 242 ctx.fill(); 243 } 244 } 245 246 function initParticles() { 247 for (let i = 0; i < maxParticles; i++) { 248 setTimeout(createParticle, 10 * i, i); 249 } 250 } 251 252 function createParticle(i) { 253 let p = new Particle( 254 Math.floor(Math.random() * width), // x 255 Math.floor(Math.random() * height), // y 256 1.5 + Math.random() * - 3, // vx 257 1.5 + Math.random() * - 3, // vy 258 1 + Math.random(), // radius 259 colours[Math.floor(Math.random() * colours.length)] 260 ); 261 particles.push(p); 262 } 263 264 265 function loop() { 266 ctx.clearRect(0, 0, width, height); 267 for (let particle of particles) { 268 particle.move(); 269 particle.draw(ctx); 270 } 271 requestAnimationFrame(loop); 272 } 273 274 // Start animation 275 initParticles(); 276 loop(); 277 278
279 // Resize canvas - responsive 280 window.addEventListener('resize', resize); 281 function resize() { 282 width = canvas.width = window.innerWidth; 283 height = canvas.height = window.innerHeight; 284 } 285 } 286 }, 287 288 289 290}; 291 292fn.Launch(); 293 294 295 296 297 298 299 300 301 302 // 6.EM BLOG MASONARY 303 $('.bgimgload').imagesLoaded(function () { 304 if ($.fn.isotope) { 305 var $blogmassonary = $('.blog-messonary'); 306 $blogmassonary.isotope({ 307 itemSelector: '.grid-item', 308 filter: '*', 309 resizesContainer: true, 310 layoutMode: 'masonry', 311 transitionDuration: '0.8s' 312 }); 313 314 }; 315 }); 316 // Case Study || Style six 317 $('.case_study_six').owlCarousel({ 318 loop: true, 319 autoplay: true, 320 autoplayTimeout: 10000, 321 dots: true, 322 nav: false, 323 navText: ["<i class='flaticon-back-1'></i>", "<i class='fa fa-angle-right'></i>"], 324 responsive: { 325 0: { 326 items: 1 327 }, 328 768: { 329 items: 2 330 }, 331 992: { 332 items: 3 333 }, 334 1000: { 335 items: 3 336 }, 337 1920: { 338 items: 3 339 } 340 } 341 }) 342 343 // 6.TEAM CAROUSEL 344 $('.team_cursousel_slider').slick({ 345 dots: false, 346 speed: 900, 347 arrows: false, 348 autoplay: true, 349 fade: false, 350 slidesToShow: 3, 351 slidesToScroll: 1, 352 autoplaySpeed: 6000, 353 responsive: [ 354 { 355 breakpoint: 1920, 356 settings: { 357 slidesToShow: 3, 358 } 359 }, 360 { 361 breakpoint: 1400, 362 settings: { 363 slidesToShow: 3, 364 } 365 }, 366 367 368 { 369 breakpoint: 991, 370 settings: { 371 slidesToShow: 3, 372 } 373 }, 374 { 375 breakpoint: 768, 376 settings: { 377 slidesToShow: 2 378 } 379 }, 380 { 381 breakpoint: 600, 382 settings: { 383 arrows: false, 384 slidesToShow: 1 385 } 386 } 387 ] 388 }); 389 390 391 392 393 /* Brand Curousel */ 394 $('.brand_carousel').owlCarousel({ 395 loop: true, 396 autoplay: true, 397 autoplayTimeout: 4000, 398 dots: false, 399 nav: false, 400 navText: ["<i class='fa fa-long-arrow-left'></i>", "<i class='fa fa-long-arrow-right''></i>"], 401 responsive: { 402 0: { 403 items: 1 404 }, 405 768: { 406 items: 4 407 }, 408 992: { 409 items: 4 410 }, 411 1920: { 412 items: 6 413 } 414 } 415 }) 416 417 $('.single_gallery').owlCarousel({ 418 nav: true, 419 dots: false, 420 navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], 421 responsive: { 422 0: { 423 items: 1 424 }, 425 768: { 426 items: 1 427 }, 428 992: { 429 items: 1 430 }, 431 1920: { 432 items: 1 433 } 434 } 435 }) 436 $('.portfolio_gallery_post').owlCarousel({ 437 nav: true, 438 dots: false, 439 navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], 440 responsive: { 441 0: { 442 items: 1 443 }, 444 768: { 445 items: 1 446 }, 447 992: { 448 items: 1 449 }, 450 1920: { 451 items: 1 452 } 453 } 454 }) 455 456 457 458})(jQuery); 459
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.