137 lines
4.5 KiB
JavaScript
137 lines
4.5 KiB
JavaScript
jQuery(document).ready(function( $ ) {
|
|
|
|
//alert("You're the 1000th visitor!!!!");
|
|
|
|
// Preloader
|
|
$(window).on('load', function() {
|
|
$('#preloader').delay(100).fadeOut('slow',function(){$(this).remove();});
|
|
});
|
|
|
|
// Hero rotating texts
|
|
$("#top .rotating").Morphext({
|
|
animation: "flipInX",
|
|
separator: ",",
|
|
speed: 3000
|
|
});
|
|
|
|
// Initiate the wowjs
|
|
new WOW().init();
|
|
|
|
// Initiate superfish on nav menu
|
|
$('.nav-menu').superfish({
|
|
animation: {opacity:'show'},
|
|
speed: 400
|
|
});
|
|
|
|
// Mobile Navigation
|
|
if( $('#nav-menu-container').length ) {
|
|
var $mobile_nav = $('#nav-menu-container').clone().prop({ id: 'mobile-nav'});
|
|
$mobile_nav.find('> ul').attr({ 'class' : '', 'id' : '' });
|
|
$('body').append( $mobile_nav );
|
|
$('body').prepend( '<button type="button" id="mobile-nav-toggle"><i class="fa fa-bars"></i></button>' );
|
|
$('body').append( '<div id="mobile-body-overly"></div>' );
|
|
$('#mobile-nav').find('.menu-has-children').prepend('<i class="fa fa-chevron-down"></i>');
|
|
|
|
$(document).on('click', '.menu-has-children i', function(e){
|
|
$(this).next().toggleClass('menu-item-active');
|
|
$(this).nextAll('ul').eq(0).slideToggle();
|
|
$(this).toggleClass("fa-chevron-up fa-chevron-down");
|
|
});
|
|
|
|
$(document).on('click', '#mobile-nav-toggle', function(e){
|
|
$('body').toggleClass('mobile-nav-active');
|
|
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
|
|
$('#mobile-body-overly').toggle();
|
|
});
|
|
|
|
$(document).click(function (e) {
|
|
var container = $("#mobile-nav, #mobile-nav-toggle");
|
|
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
|
if ( $('body').hasClass('mobile-nav-active') ) {
|
|
$('body').removeClass('mobile-nav-active');
|
|
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
|
|
$('#mobile-body-overly').fadeOut();
|
|
}
|
|
}
|
|
});
|
|
} else if ( $("#mobile-nav, #mobile-nav-toggle").length ) {
|
|
$("#mobile-nav, #mobile-nav-toggle").hide();
|
|
}
|
|
|
|
// Stick the header at top on scroll
|
|
$("#header").sticky({topSpacing:0, zIndex: '50'});
|
|
|
|
// Smoth scroll on page hash links
|
|
$('a[href*="#"]:not([href="#"])').on('click', function() {
|
|
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
|
|
var target = $(this.hash);
|
|
if (target.length) {
|
|
|
|
var top_space = 0;
|
|
|
|
if( $('#header').length ) {
|
|
top_space = $('#header').outerHeight();
|
|
}
|
|
|
|
$('html, body').animate({
|
|
scrollTop: target.offset().top - top_space
|
|
}, 1500, 'easeInOutExpo');
|
|
|
|
if ( $(this).parents('.nav-menu').length ) {
|
|
$('.nav-menu .menu-active').removeClass('menu-active');
|
|
$(this).closest('li').addClass('menu-active');
|
|
}
|
|
|
|
if ( $('body').hasClass('mobile-nav-active') ) {
|
|
$('body').removeClass('mobile-nav-active');
|
|
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
|
|
$('#mobile-body-overly').fadeOut();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Back to top button
|
|
$(window).scroll(function() {
|
|
|
|
if ($(this).scrollTop() > 100) {
|
|
$('.back-to-top').fadeIn('slow');
|
|
} else {
|
|
$('.back-to-top').fadeOut('slow');
|
|
}
|
|
|
|
});
|
|
|
|
$('.back-to-top').click(function(){
|
|
$('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo');
|
|
return false;
|
|
});
|
|
|
|
});
|
|
|
|
function getLatestInstagram() {
|
|
var accessToken = "6776938228.41033a7.2c2b19a29d184bc89d6e5b2490f56715";
|
|
var clientID = " 41033a7c7d324db08a2fa121ad0bd05b";
|
|
var redirectURI = "https://enpaul.net/";
|
|
var userID = "6776938228";
|
|
|
|
var urlAPI = "https://api.instagram.com/v1/users/" + userID + "/media/recent/?access_token=" + accessToken + "&count=1";
|
|
|
|
jQuery.ajax({
|
|
url: urlAPI,
|
|
type: "GET",
|
|
contentType: 'application/json; charset=utf-8',
|
|
success: function(jsonOut) {
|
|
var dataOut = JSON.parse($jsonOut);
|
|
var urlIMG = dataOut['data']['images']['low_resolution']['url'];
|
|
$('#project-item-instagram').css("background-image", "url(" + urlIMG + ")");
|
|
},
|
|
error : function(jqXHR, textStatus, errorThrown) {
|
|
$('#project-item-instagram').css("background-image", "url(../img/projects/instagram_default.jpg)");
|
|
},
|
|
timeout: 120000,
|
|
});
|
|
}
|