1// ------------------------------------------------ 2// Project Name: Imbue Coming Soon & Landing Page Template 3// Project Description: Imbue - classy and stylish coming soon & landing page template to kick-start your project 4// Tags: imbue, coming soon, under construction, template, coming soon page, landing page, one page, html5, css3 5// Version: 1.0.0 6// Build Date: January 2019 7// Last Update: January 2019 8// This product is available exclusively on Themeforest 9// Author: mix_design 10// Author URI: http://mixdesign.club 11// File name: imbue-custom.js 12// ------------------------------------------------ 13 14// ------------------------------------------------ 15// Table of Contents 16// ------------------------------------------------ 17// 18// 1. Loader 19// 2. Main Section Loading Animation 20// 3. Swiper Slider Settings 21// 4. Custom Scrollbar Settings 22// 5. Skillbar Settings 23// 6. YTPlayer Settings 24// 7. Vegas Settings 25// 8. KBW-Countdown Settings 26// 9. Mailchimp Notify Form 27// 10. Write a Line Form 28// 11. ParticlesJS Backgrounds 29// 30// ------------------------------------------------ 31// Table of Contents End 32// ------------------------------------------------ 33 34$(window).on("load", function() { 35 36 "use strict"; 37 38 // --------------------------------------------- // 39 // Loader Start 40 // --------------------------------------------- // 41 setTimeout(function(){ 42 $(".loader-logo").removeClass('fadeIn').addClass('fadeOut'); 43 },600); 44 45 setTimeout(function(){ 46 $('body').removeClass('overflow-hidden'); 47 $(".loader").addClass('fade loaded'); 48 },1200); 49 // --------------------------------------------- // 50 // Loader End 51 // --------------------------------------------- // 52 53 // --------------------------------------------- // 54 // Main Section Loading Animation Start 55 // --------------------------------------------- // 56 setTimeout(function(){ 57 if ($('body').hasClass('split')) { 58 $('body').addClass('split-loaded'); 59 }; 60 if ($('body').hasClass('fullscreen')) { 61 $('body').addClass('fullscreen-loaded'); 62 }; 63 },1200); 64 // --------------------------------------------- // 65 // Main Section Loading Animation End 66 // --------------------------------------------- // 67 68}); 69 70$(function() { 71 72 "use strict"; 73 74 // --------------------------------------------- // 75 // Swiper Slider Settings Start 76 // --------------------------------------------- // 77 var sliderFlip = $('.slider-flip'), 78 sliderFade = $('.slider-fade'); 79 80 if (sliderFlip.length) { 81 var swiper = new Swiper('.swiper-container', { 82 effect: 'flip', 83 grabCursor: true, 84 speed: 1200, 85 navigation: { 86 nextEl: '.swiper-button-next', 87 prevEl: '.swiper-button-prev', 88 }, 89 }); 90 }; 91 92 if (sliderFade.length) { 93 var swiper = new Swiper('.swiper-container', { 94 effect: 'fade', 95 grabCursor: true, 96 speed: 1200, 97 navigation: { 98 nextEl: '.swiper-button-next', 99 prevEl: '.swiper-button-prev', 100 }, 101 }); 102 }; 103 // --------------------------------------------- // 104 // Swiper Slider Settings End 105 // --------------------------------------------- // 106 107 // --------------------------------------------- // 108 // Custom Scrollbar Settings Start 109 // --------------------------------------------- // 110 $(window).on("load",function(){ 111 $(".content-section__info, .writealine__content").mCustomScrollbar({ 112 autoHideScrollbar: true 113 }); 114 }); 115 // --------------------------------------------- // 116 // Custom Scrollbar Settings End 117 // --------------------------------------------- // 118 119 // --------------------------------------------- // 120 // Skillbar Settings Start 121 // --------------------------------------------- // 122 $('.skillbar').skillBars({ 123 from: 0, 124 speed: 4000, 125 interval: 100, 126 }); 127 // --------------------------------------------- // 128 // Skillbar Settings End 129 // --------------------------------------------- // 130 131 // --------------------------------------------- // 132 // YTPlayer Start 133 // --------------------------------------------- // 134 var bgndVideo = $("#bgndVideo"), 135 bgndVideoControls = $("#bgndVideoControls"); 136 137 if(bgndVideo.length){ 138 bgndVideo.mb_YTPlayer({ 139 mute: true, 140 containment: '#video-wrapper', 141 showControls:false, 142 autoPlay:true, 143 loop:true, 144 startAt:0, 145 quality:'default' 146 }); 147 }; 148 149 if(bgndVideoControls.length){ 150 bgndVideoControls.mb_YTPlayer({ 151 mute: false, 152 containment: '#video-wrapper', 153 showControls:false, 154 autoPlay:true, 155 loop:true, 156 startAt:0, 157 quality:'default' 158 }); 159 }; 160 // --------------------------------------------- // 161 // YTPlayer End 162 // --------------------------------------------- // 163 164 // --------------------------------------------- // 165 // Vegas Kenburns Start 166 // --------------------------------------------- // 167 var bgndKenburns1 = $('#bgndKenburns-1'); 168 if(bgndKenburns1.length){ 169 bgndKenburns1.vegas({ 170 timer: false, 171 delay: 10000, 172 transition: 'fade2', 173 transitionDuration: 2000,
174 slides: [ 175 { src: "img/backgrounds/bg-main-7.jpg" }, 176 { src: "img/backgrounds/bg-main-8.jpg" }, 177 { src: "img/backgrounds/bg-main-9.jpg" } 178 ], 179 animation: [ 'kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight' ] 180 }); 181 }; 182 183 var bgndKenburns2 = $('#bgndKenburns-2'); 184 if(bgndKenburns2.length){ 185 bgndKenburns2.vegas({ 186 timer: false, 187 delay: 10000, 188 transition: 'fade2', 189 transitionDuration: 2000, 190 slides: [ 191 { src: "img/backgrounds/bg-main-11.jpg" }, 192 { src: "img/backgrounds/bg-main-12.jpg" }, 193 { src: "img/backgrounds/bg-main-13.jpg" } 194 ], 195 animation: [ 'kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight' ] 196 }); 197 }; 198 199 var bgndKenburnsFull = $('#bgndKenburnsFull'); 200 if(bgndKenburnsFull.length){ 201 bgndKenburnsFull.vegas({ 202 timer: false, 203 delay: 10000, 204 transition: 'fade2', 205 transitionDuration: 2000, 206 slides: [ 207 { src: "img/backgrounds/bg-fullscreen-1.jpg" }, 208 { src: "img/backgrounds/bg-fullscreen-2.jpg" }, 209 { src: "img/backgrounds/bg-fullscreen-3.jpg" } 210 ], 211 animation: [ 'kenburnsUp', 'kenburnsRight', 'kenburnsLeft', 'kenburnsRight' ] 212 }); 213 }; 214 // --------------------------------------------- // 215 // Vegas Kenburns End 216 // --------------------------------------------- // 217 218 // --------------------------------------------- // 219 // KBW-Countdown Start 220 // --------------------------------------------- // 221 $('#countdown').countdown({until: $.countdown.UTCDate(+10, 2019, 5, 22), format: 'D'}); 222 $('#countdown-large').countdown({until: $.countdown.UTCDate(+10, 2019, 5, 22), format: 'DHMS'}); 223 // --------------------------------------------- // 224 // KBW-Countdown End 225 // --------------------------------------------- // 226 227 // --------------------------------------------- // 228 // Mailchimp Notify Form Start 229 // --------------------------------------------- // 230 $('.notify-form').ajaxChimp({ 231 callback: mailchimpCallback, 232 url: 'https://besaba.us10.list-manage.com/subscribe/post?u=e8d650c0df90e716c22ae4778&id=54a7906900' 233 }); 234 235 function mailchimpCallback(resp) { 236 if(resp.result === 'success') { 237 $('.notify').find('.form').addClass('is-hidden'); 238 $('.notify').find('.subscription-ok').addClass('is-visible'); 239 setTimeout(function() { 240 // Done Functions 241 $('.notify').find('.subscription-ok').removeClass('is-visible'); 242 $('.notify').find('.form').delay(300).removeClass('is-hidden'); 243 $('.notify-form').trigger("reset"); 244 }, 5000); 245 } else if(resp.result === 'error') { 246 $('.notify').find('.form').addClass('is-hidden'); 247 $('.notify').find('.subscription-error').addClass('is-visible'); 248 setTimeout(function() { 249 // Done Functions 250 $('.notify').find('.subscription-error').removeClass('is-visible'); 251 $('.notify').find('.form').delay(300).removeClass('is-hidden'); 252 $('.notify-form').trigger("reset"); 253 }, 5000); 254 } 255 }; 256 // --------------------------------------------- // 257 // Mailchimp Notify Form End 258 // --------------------------------------------- // 259 260 // --------------------------------------------- // 261 // Write a Line Form Start 262 // --------------------------------------------- // 263 $("#writealine-form").submit(function() { //Change 264 var th = $(this); 265 $.ajax({ 266 type: "POST", 267 url: "mail.php", //Change 268 data: th.serialize() 269 }).done(function() { 270 $('.writealine').find('.form').addClass('is-hidden'); 271 $('.writealine').find('.reply-group').addClass('is-visible'); 272 setTimeout(function() { 273 // Done Functions 274 $('.writealine').find('.reply-group').removeClass('is-visible'); 275 $('.writealine').find('.form').delay(300).removeClass('is-hidden'); 276 th.trigger("reset"); 277 }, 5000); 278 }); 279 return false; 280 }); 281 // --------------------------------------------- // 282 // Write a Line Form End 283 // --------------------------------------------- // 284 285 // --------------------------------------------- //
286 // ParticlesJS Backgrounds Start 287 // --------------------------------------------- // 288 $(window).on("load", function() { 289 290 // Night Sky BG - particlesJS 291 var bgndNightSky = $('#nightsky-js'); 292 if (bgndNightSky.length) { 293 particlesJS('nightsky-js', { 294 "particles": { 295 "number": { 296 "value": 500, 297 "density": { 298 "enable": true, 299 "value_area": 800 300 } 301 }, 302 "color": { 303 "value": "#ffffff" 304 }, 305 "shape": { 306 "type": "circle", 307 "stroke": { 308 "width": 0, 309 "color": "#000000" 310 }, 311 "polygon": { 312 "nb_sides": 5 313 }, 314 "image": { 315 "src": "img/github.svg", 316 "width": 100, 317 "height": 100 318 } 319 }, 320 "opacity": { 321 "value": 0.3, 322 "random": true, 323 "anim": { 324 "enable": true, 325 "speed": 2, 326 "opacity_min": 0.05, 327 "sync": false 328 } 329 }, 330 "size": { 331 "value": 2, 332 "random": true, 333 "anim": { 334 "enable": true, 335 "speed": 2, 336 "size_min": 1, 337 "sync": false 338 } 339 }, 340 "line_linked": { 341 "enable": false, 342 "distance": 150, 343 "color": "#ffffff", 344 "opacity": 0.4, 345 "width": 1 346 }, 347 "move": { 348 "enable": true, 349 "speed": 0.2, 350 "direction": "none", 351 "random": false, 352 "straight": false, 353 "out_mode": "out", 354 "bounce": false, 355 "attract": { 356 "enable": true, 357 "rotateX": 600, 358 "rotateY": 1200 359 } 360 } 361 }, 362 "interactivity": { 363 "detect_on": "canvas", 364 "events": { 365 "onhover": { 366 "enable": false, 367 "mode": "repulse" 368 }, 369 "onclick": { 370 "enable": false, 371 "mode": "push" 372 }, 373 "resize": true 374 }, 375 "modes": { 376 "grab": { 377 "distance": 400, 378 "line_linked": { 379 "opacity": 1 380 } 381 }, 382 "bubble": { 383 "distance": 400, 384 "size": 40, 385 "duration": 2, 386 "opacity": 8, 387 "speed": 3 388 }, 389 "repulse": { 390 "distance": 200, 391 "duration": 0.4 392 }, 393 "push": { 394 "particles_nb": 4 395 }, 396 "remove": { 397 "particles_nb": 2 398 } 399 } 400 }, 401 "retina_detect": true 402 }); 403 }; 404 405 // Particles BG - particlesJS 406 var bgndParticles = $('#particles-js'); 407 if (bgndParticles.length) { 408 particlesJS('particles-js', { 409 "particles": { 410 "number": { 411 "value": 80, 412 "density": { 413 "enable": true, 414 "value_area": 800 415 } 416 }, 417 "color": { 418 "value": "#ffffff" 419 }, 420 "shape": { 421 "type": "circle", 422 "stroke": { 423 "width": 0, 424 "color": "#000000" 425 }, 426 "polygon": { 427 "nb_sides": 5 428 }, 429 "image": { 430 "src": "img/github.svg", 431 "width": 100, 432 "height": 100 433 } 434 }, 435 "opacity": { 436 "value": 1, 437 "random": true, 438 "anim": { 439 "enable": true, 440 "speed": 1, 441 "opacity_min": 0.3, 442 "sync": false 443 } 444 }, 445 "size": { 446 "value": 3, 447 "random": true, 448 "anim": { 449 "enable": false, 450 "speed": 80, 451 "size_min": 0.1, 452 "sync": false 453 } 454 }, 455 "line_linked": { 456 "enable": true, 457 "distance": 180, 458 "color": "#ffffff", 459 "opacity": 0.7, 460 "width": 1 461 }, 462 "move": { 463 "enable": true, 464 "speed": 3, 465 "direction": "none", 466 "random": false, 467 "straight": false, 468 "out_mode": "out", 469 "bounce": false, 470 "attract": { 471 "enable": false, 472 "rotateX": 600, 473 "rotateY": 1200 474 } 475 } 476 }, 477 "interactivity": { 478 "detect_on": "canvas", 479 "events": { 480 "onhover": { 481 "enable": true, 482 "mode": "repulse" 483 }, 484 "onclick": { 485 "enable": false, 486 "mode": "push" 487 }, 488 "resize": true 489 }, 490 "modes": { 491 "grab": { 492 "distance": 800, 493 "line_linked": { 494 "opacity": 1 495 } 496 }, 497 "bubble": { 498 "distance": 800, 499 "size": 80, 500 "duration": 2, 501 "opacity": 0.8, 502 "speed": 3 503 }, 504 "repulse": { 505 "distance": 100, 506 "duration": 0.4 507 }, 508 "push": { 509 "particles_nb": 4 510 }, 511 "remove": { 512 "particles_nb": 2 513 } 514 } 515 }, 516 "retina_detect": true 517 }); 518 }; 519 520 // Snow BG - particlesJS 521 var bgndSnow = $('#snow-js'); 522 if (bgndSnow.length) { 523 particlesJS('snow-js', { 524 "particles": { 525 "number": { 526 "value": 300, 527 "density": { 528 "enable": true, 529 "value_area": 800 530 } 531 }, 532 "color": { 533 "value": "#ffffff" 534 }, 535 "shape": { 536 "type": "circle", 537 "stroke": { 538 "width": 0, 539 "color": "#000000" 540 }, 541 "polygon": { 542 "nb_sides": 5 543 }, 544 "image": { 545 "src": "img/github.svg", 546 "width": 100, 547 "height": 100 548 } 549 }, 550 "opacity": { 551 "value": 0.4, 552 "random": true, 553 "anim": { 554 "enable": true, 555 "speed": 0.2, 556 "opacity_min": 0.05, 557 "sync": false 558 } 559 }, 560 "size": { 561 "value": 3, 562 "random": true, 563 "anim": { 564 "enable": false, 565 "speed": 2.4, 566 "size_min": 3, 567 "sync": false 568 } 569 }, 570 "line_linked": { 571 "enable": false, 572 "distance": 150, 573 "color": "#ffffff", 574 "opacity": 0.4, 575 "width": 1 576 }, 577 "move": { 578 "enable": true, 579 "speed": 1, 580 "direction": "bottom", 581 "random": true, 582 "straight": false, 583 "out_mode": "out", 584 "bounce": false, 585 "attract": { 586 "enable": true, 587 "rotateX": 600, 588 "rotateY": 1200 589 } 590 } 591 }, 592 "interactivity": { 593 "detect_on": "canvas", 594 "events": { 595 "onhover": { 596 "enable": false, 597 "mode": "repulse" 598 }, 599 "onclick": { 600 "enable": false, 601 "mode": "push" 602 }, 603 "resize": true 604 }, 605 "modes": { 606 "grab": { 607 "distance": 400, 608 "line_linked": { 609 "opacity": 1 610 } 611 }, 612 "bubble": { 613 "distance": 400, 614 "size": 40, 615 "duration": 2, 616 "opacity": 8, 617 "speed": 3 618 }, 619 "repulse": { 620 "distance": 200, 621 "duration": 0.4 622 }, 623 "push": { 624 "particles_nb": 4 625 }, 626 "remove": { 627 "particles_nb": 2 628 } 629 } 630 }, 631 "retina_detect": true 632 }); 633 }; 634 635 }); 636 // --------------------------------------------- //
637 // ParticlesJS Backgrounds End 638 // --------------------------------------------- // 639 640});
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.