Project upload
This commit is contained in:
48
js/components/masonry.js
Executable file
48
js/components/masonry.js
Executable file
@@ -0,0 +1,48 @@
|
||||
// Masonry
|
||||
var Masonry = function() {
|
||||
"use strict";
|
||||
|
||||
// Handle Masonry Grid
|
||||
var handleMasonryGrid = function() {
|
||||
var $container = $('.masonry-grid');
|
||||
|
||||
// initialize Masonry after all images have loaded
|
||||
$container.imagesLoaded( function() {
|
||||
$container.masonry({
|
||||
itemSelector: '.masonry-grid-item', // use a separate class for itemSelector, other than .col-
|
||||
columnWidth: '.masonry-grid-sizer',
|
||||
percentPosition: true
|
||||
});
|
||||
});
|
||||
|
||||
$.fn.masonryImagesReveal = function( $items ) {
|
||||
var msnry = this.data('masonry');
|
||||
var itemSelector = msnry.options.itemSelector;
|
||||
// hide by default
|
||||
$items.hide();
|
||||
// append to container
|
||||
this.append( $items );
|
||||
$items.imagesLoaded().progress( function( imgLoad, image ) {
|
||||
// get item
|
||||
// image is imagesLoaded class, not <img>, <img> is image.img
|
||||
var $item = $( image.img ).parents( itemSelector );
|
||||
// un-hide item
|
||||
$item.show();
|
||||
// masonry does its thing
|
||||
msnry.appended( $item );
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
init: function() {
|
||||
handleMasonryGrid(); // initial setup for masonry grid
|
||||
}
|
||||
}
|
||||
}();
|
||||
|
||||
$(document).ready(function() {
|
||||
Masonry.init();
|
||||
});
|
1
js/components/masonry.min.js
vendored
Executable file
1
js/components/masonry.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
var Masonry=function(){"use strict";var n=function(){var n=$(".masonry-grid");n.imagesLoaded(function(){n.masonry({itemSelector:".masonry-grid-item",columnWidth:".masonry-grid-sizer",percentPosition:!0})}),$.fn.masonryImagesReveal=function(n){var i=this.data("masonry"),r=i.options.itemSelector;return n.hide(),this.append(n),n.imagesLoaded().progress(function(n,e){var t=$(e.img).parents(r);t.show(),i.appended(t)}),this}};return{init:function(){n()}}}();$(document).ready(function(){Masonry.init()});
|
35
js/components/progress-bar.js
Executable file
35
js/components/progress-bar.js
Executable file
@@ -0,0 +1,35 @@
|
||||
// Created by: Farukham: (https://github.com/farukham/Bootstrap-Animated-Progress-Bars)
|
||||
// Progress Bar
|
||||
var ProgressBar = function() {
|
||||
"use strict";
|
||||
|
||||
// Handle Progress Bar Horizontal
|
||||
var handleProgressBars = function() {
|
||||
$(document).ready(function() {
|
||||
$('.progress').each(function() {
|
||||
$(this).appear(function() {
|
||||
$(this).animate({
|
||||
opacity: 1,
|
||||
left: "0px"
|
||||
}, 800);
|
||||
var w = $(this).find(".progress-bar").attr("data-width");
|
||||
var h = $(this).find(".progress-bar").attr("data-height");
|
||||
$(this).find(".progress-bar").animate({
|
||||
width: w + "%",
|
||||
height: h + "%"
|
||||
}, 100, "linear");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
init: function() {
|
||||
handleProgressBars(); // initial setup for progressbars
|
||||
}
|
||||
}
|
||||
}();
|
||||
|
||||
$(document).ready(function() {
|
||||
ProgressBar.init();
|
||||
});
|
1
js/components/progress-bar.min.js
vendored
Executable file
1
js/components/progress-bar.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
var ProgressBar=function(){"use strict";var t=function(){$(document).ready(function(){$(".progress").each(function(){$(this).appear(function(){$(this).animate({opacity:1,left:"0px"},800);var t=$(this).find(".progress-bar").attr("data-width"),r=$(this).find(".progress-bar").attr("data-height");$(this).find(".progress-bar").animate({width:t+"%",height:r+"%"},100,"linear")})})})};return{init:function(){t()}}}();$(document).ready(function(){ProgressBar.init()});
|
25
js/components/wow.js
Executable file
25
js/components/wow.js
Executable file
@@ -0,0 +1,25 @@
|
||||
// Wow
|
||||
var Wow = function() {
|
||||
"use strict";
|
||||
|
||||
// Handle Wow
|
||||
var handleWow = function() {
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow', // animated element css class (default is wow)
|
||||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||||
mobile: false, // trigger animations on mobile devices (true is default)
|
||||
tablet: false // trigger animations on tablet devices (true is default)
|
||||
});
|
||||
wow.init();
|
||||
}
|
||||
|
||||
return {
|
||||
init: function() {
|
||||
handleWow(); // initial setup for counter
|
||||
}
|
||||
}
|
||||
}();
|
||||
|
||||
$(document).ready(function() {
|
||||
Wow.init();
|
||||
});
|
1
js/components/wow.min.js
vendored
Executable file
1
js/components/wow.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
var Wow=function(){"use strict";var n=function(){var n=new WOW({boxClass:"wow",offset:0,mobile:!1,tablet:!1});n.init()};return{init:function(){n()}}}();$(document).ready(function(){Wow.init()});
|
Reference in New Issue
Block a user