Chukwumdiebube
411 lines
9.4 KiB
JavaScript
411 lines
9.4 KiB
JavaScript
// JavaScript Document
|
|
|
|
|
|
// $(window).on('load', function() {
|
|
|
|
// "use strict";
|
|
|
|
|
|
// /*----------------------------------------------------*/
|
|
// /* Preloader
|
|
// /*----------------------------------------------------*/
|
|
|
|
// var preloader = $('#loader-wrapper'),
|
|
// loader = preloader.find('.cssload-loader');
|
|
// loader.fadeOut();
|
|
// preloader.delay(400).fadeOut('slow');
|
|
|
|
// });
|
|
|
|
|
|
$(window).on('scroll', function() {
|
|
|
|
"use strict";
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Navigtion Menu Scroll
|
|
/*----------------------------------------------------*/
|
|
|
|
var b = $(window).scrollTop();
|
|
|
|
if( b > 80 ){
|
|
$(".wsmainfull").addClass("scroll");
|
|
} else {
|
|
$(".wsmainfull").removeClass("scroll");
|
|
}
|
|
|
|
});
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
"use strict";
|
|
|
|
|
|
new WOW().init();
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Animated Scroll To Anchor
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.header a[href^="#"], .wsmenu a[href^="#"], .page a.btn[href^="#"], .page a.internal-link[href^="#"]').on('click', function (e) {
|
|
|
|
e.preventDefault();
|
|
|
|
var target = this.hash,
|
|
$target = jQuery(target);
|
|
|
|
$('html, body').stop().animate({
|
|
'scrollTop': $target.offset().top - 60 // - 200px (nav-height)
|
|
}, 'slow', 'easeInSine', function () {
|
|
window.location.hash = '1' + target;
|
|
});
|
|
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* ScrollUp
|
|
/*----------------------------------------------------*/
|
|
|
|
$.scrollUp = function (options) {
|
|
|
|
// Defaults
|
|
var defaults = {
|
|
scrollName: 'scrollUp', // Element ID
|
|
topDistance: 600, // Distance from top before showing element (px)
|
|
topSpeed: 800, // Speed back to top (ms)
|
|
animation: 'fade', // Fade, slide, none
|
|
animationInSpeed: 200, // Animation in speed (ms)
|
|
animationOutSpeed: 200, // Animation out speed (ms)
|
|
scrollText: '', // Text for element
|
|
scrollImg: false, // Set true to use image
|
|
activeOverlay: false // Set CSS color to display scrollUp active point, e.g '#00FFFF'
|
|
};
|
|
|
|
var o = $.extend({}, defaults, options),
|
|
scrollId = '#' + o.scrollName;
|
|
|
|
// Create element
|
|
$('<a/>', {
|
|
id: o.scrollName,
|
|
href: '#top',
|
|
title: o.scrollText
|
|
}).appendTo('body');
|
|
|
|
// If not using an image display text
|
|
if (!o.scrollImg) {
|
|
$(scrollId).text(o.scrollText);
|
|
}
|
|
|
|
// Minium CSS to make the magic happen
|
|
$(scrollId).css({'display':'none','position': 'fixed','z-index': '99999'});
|
|
|
|
// Active point overlay
|
|
if (o.activeOverlay) {
|
|
$("body").append("<div id='"+ o.scrollName +"-active'></div>");
|
|
$(scrollId+"-active").css({ 'position': 'absolute', 'top': o.topDistance+'px', 'width': '100%', 'border-top': '1px dotted '+o.activeOverlay, 'z-index': '99999' });
|
|
}
|
|
|
|
// Scroll function
|
|
$(window).on('scroll', function(){
|
|
switch (o.animation) {
|
|
case "fade":
|
|
$( ($(window).scrollTop() > o.topDistance) ? $(scrollId).fadeIn(o.animationInSpeed) : $(scrollId).fadeOut(o.animationOutSpeed) );
|
|
break;
|
|
case "slide":
|
|
$( ($(window).scrollTop() > o.topDistance) ? $(scrollId).slideDown(o.animationInSpeed) : $(scrollId).slideUp(o.animationOutSpeed) );
|
|
break;
|
|
default:
|
|
$( ($(window).scrollTop() > o.topDistance) ? $(scrollId).show(0) : $(scrollId).hide(0) );
|
|
}
|
|
});
|
|
|
|
// To the top
|
|
$(scrollId).on('click', function(event){
|
|
$('html, body').animate({scrollTop:0}, o.topSpeed);
|
|
event.preventDefault();
|
|
});
|
|
|
|
};
|
|
|
|
$.scrollUp();
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Single Image Lightbox
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.image-link').magnificPopup({
|
|
type: 'image'
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Video Link #1 Lightbox
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.video-popup1').magnificPopup({
|
|
type: 'iframe',
|
|
iframe: {
|
|
patterns: {
|
|
youtube: {
|
|
index: 'youtube.com',
|
|
src: 'https://www.youtube.com/embed/SZEflIVnhH8'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Video Link #2 Lightbox
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.video-popup2').magnificPopup({
|
|
type: 'iframe',
|
|
iframe: {
|
|
patterns: {
|
|
youtube: {
|
|
index: 'youtube.com',
|
|
src: 'https://www.youtube.com/embed/Jn22jdQ4KdQ' // added the id of the video
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Video Link #3 Lightbox
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.video-popup3').magnificPopup({
|
|
type: 'iframe',
|
|
iframe: {
|
|
patterns: {
|
|
youtube: {
|
|
index: 'youtube.com',
|
|
src: 'https://www.youtube.com/embed/0gv7OC9L2s8'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Statistic Counter
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.count-element').each(function () {
|
|
$(this).appear(function() {
|
|
$(this).prop('Counter',0).animate({
|
|
Counter: $(this).text()
|
|
}, {
|
|
duration: 4000,
|
|
easing: 'swing',
|
|
step: function (now) {
|
|
$(this).text(Math.ceil(now));
|
|
}
|
|
});
|
|
},{accX: 0, accY: 0});
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Testimonials Rotator
|
|
/*----------------------------------------------------*/
|
|
|
|
var owl = $('.reviews-1-wrapper');
|
|
owl.owlCarousel({
|
|
items: 3,
|
|
loop:true,
|
|
autoplay:true,
|
|
navBy: 1,
|
|
autoplayTimeout: 4500,
|
|
autoplayHoverPause: true,
|
|
smartSpeed: 1500,
|
|
responsive:{
|
|
0:{
|
|
items:1
|
|
},
|
|
767:{
|
|
items:1
|
|
},
|
|
768:{
|
|
items:2
|
|
},
|
|
991:{
|
|
items:3
|
|
},
|
|
1000:{
|
|
items:3
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Testimonials Rotator
|
|
/*----------------------------------------------------*/
|
|
|
|
var owl = $('.reviews-2-wrapper');
|
|
owl.owlCarousel({
|
|
items: 2,
|
|
loop:true,
|
|
autoplay:true,
|
|
navBy: 1,
|
|
autoplayTimeout: 4500,
|
|
autoplayHoverPause: true,
|
|
smartSpeed: 1500,
|
|
responsive:{
|
|
0:{
|
|
items:1
|
|
},
|
|
767:{
|
|
items:1
|
|
},
|
|
768:{
|
|
items:2
|
|
},
|
|
991:{
|
|
items:2
|
|
},
|
|
1000:{
|
|
items:2
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Brands Logo Rotator
|
|
/*----------------------------------------------------*/
|
|
|
|
var owl = $('.brands-carousel');
|
|
owl.owlCarousel({
|
|
items: 5,
|
|
loop:true,
|
|
autoplay:true,
|
|
navBy: 1,
|
|
nav:false,
|
|
autoplayTimeout: 4000,
|
|
autoplayHoverPause: false,
|
|
smartSpeed: 2000,
|
|
responsive:{
|
|
0:{
|
|
items:2
|
|
},
|
|
550:{
|
|
items:3
|
|
},
|
|
767:{
|
|
items:3
|
|
},
|
|
768:{
|
|
items:4
|
|
},
|
|
991:{
|
|
items:5
|
|
},
|
|
1000:{
|
|
items:5
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Contact Form Validation
|
|
/*----------------------------------------------------*/
|
|
|
|
$(".contact-form").validate({
|
|
rules:{
|
|
name:{
|
|
required: true,
|
|
minlength: 1,
|
|
maxlength: 16,
|
|
},
|
|
email:{
|
|
required: true,
|
|
email: true,
|
|
},
|
|
message:{
|
|
required: true,
|
|
minlength: 2,
|
|
}
|
|
},
|
|
messages:{
|
|
name:{
|
|
required: "Please enter no less than (1) characters"
|
|
},
|
|
email:{
|
|
required: "We need your email address to contact you",
|
|
email: "Your email address must be in the format of name@domain.com"
|
|
},
|
|
message:{
|
|
required: "Please enter no less than (2) characters"
|
|
},
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Comment Form Validation
|
|
/*----------------------------------------------------*/
|
|
|
|
$(".comment-form").validate({
|
|
rules:{
|
|
name:{
|
|
required: true,
|
|
minlength: 1,
|
|
maxlength: 16,
|
|
},
|
|
email:{
|
|
required: true,
|
|
email: true,
|
|
},
|
|
message:{
|
|
required: true,
|
|
minlength: 2,
|
|
}
|
|
},
|
|
messages:{
|
|
name:{
|
|
required: "Please enter no less than (1) characters"
|
|
},
|
|
email:{
|
|
required: "We need your email address to contact you",
|
|
email: "Your email address must be in the format of name@domain.com"
|
|
},
|
|
message:{
|
|
required: "Please enter no less than (2) characters"
|
|
},
|
|
}
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Newsletter Subscribe Form
|
|
/*----------------------------------------------------*/
|
|
|
|
$('.newsletter-form').ajaxChimp({
|
|
language: 'cm',
|
|
url: 'https://dsathemes.us3.list-manage.com/subscribe/post?u=af1a6c0b23340d7b339c085b4&id=344a494a6e'
|
|
//http://xxx.xxx.list-manage.com/subscribe/post?u=xxx&id=xxx
|
|
});
|
|
|
|
$.ajaxChimp.translations.cm = {
|
|
'submit': 'Submitting...',
|
|
0: 'We have sent you a confirmation email',
|
|
1: 'Please enter your email address',
|
|
2: 'An email address must contain a single @',
|
|
3: 'The domain portion of the email address is invalid (the portion after the @: )',
|
|
4: 'The username portion of the email address is invalid (the portion before the @: )',
|
|
5: 'This email address looks fake or invalid. Please enter a real email address'
|
|
};
|
|
|
|
|
|
});
|