enpaul.net/content/js/custom.js

134 lines
4.4 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();
}
// 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,
});
}