add asentus template
This commit is contained in:
73
web/construction/asentus/HTML/js/components/gmap.js
Normal file
73
web/construction/asentus/HTML/js/components/gmap.js
Normal file
@@ -0,0 +1,73 @@
|
||||
"use strict";
|
||||
|
||||
window.initMap = function() {
|
||||
var customMapType = new google.maps.StyledMapType([
|
||||
{
|
||||
stylers: [
|
||||
{'saturation': -100},
|
||||
{'lightness': 50},
|
||||
{'visibility': 'simplified'}
|
||||
]
|
||||
},
|
||||
{
|
||||
elementType: 'labels',
|
||||
stylers: [{visibility: 'on'}]
|
||||
},
|
||||
{
|
||||
featureType: 'road',
|
||||
stylers: [{color: '#bbb'}]
|
||||
}
|
||||
], {
|
||||
name: 'Dublin'
|
||||
});
|
||||
|
||||
var image = new google.maps.MarkerImage(
|
||||
'img/widgets/gmap-pin.png',
|
||||
new google.maps.Size(48,54),
|
||||
new google.maps.Point(0,0),
|
||||
new google.maps.Point(24,54)
|
||||
);
|
||||
|
||||
var customMapTypeId = 'custom_style';
|
||||
|
||||
var brooklyn = {lat: 41.850, lng: -73.961};
|
||||
var map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 6,
|
||||
scrollwheel: false,
|
||||
streetViewControl: false,
|
||||
mapTypeControl: false,
|
||||
center: brooklyn, // Brooklyn.
|
||||
mapTypeControlOptions: {
|
||||
mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
|
||||
}
|
||||
});
|
||||
|
||||
var contentString = '<div id="content">'+
|
||||
'<div id="siteNotice">'+
|
||||
'</div>'+
|
||||
'<h1 id="firstHeading" class="firstHeading">Brooklyn</h1>'+
|
||||
'<div id="bodyContent">'+
|
||||
'<p>277 Bedford Avenue, <br> Brooklyn, NY 11211, <br> New York, USA</p>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
|
||||
var infowindow = new google.maps.InfoWindow({
|
||||
content: contentString,
|
||||
maxWidth: 300
|
||||
});
|
||||
|
||||
var marker = new google.maps.Marker({
|
||||
map: map,
|
||||
clickable: true,
|
||||
icon: image,
|
||||
title: 'Brooklyn',
|
||||
position: brooklyn
|
||||
});
|
||||
|
||||
marker.addListener('click', function() {
|
||||
infowindow.open(map, marker);
|
||||
});
|
||||
|
||||
map.mapTypes.set(customMapTypeId, customMapType);
|
||||
map.setMapTypeId(customMapTypeId);
|
||||
}
|
||||
1
web/construction/asentus/HTML/js/components/gmap.min.js
vendored
Normal file
1
web/construction/asentus/HTML/js/components/gmap.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";window.initMap=function(){var e=new google.maps.StyledMapType([{stylers:[{saturation:-100},{lightness:50},{visibility:"simplified"}]},{elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"road",stylers:[{color:"#bbb"}]}],{name:"Dublin"}),o=new google.maps.MarkerImage("img/widgets/gmap-pin.png",new google.maps.Size(48,54),new google.maps.Point(0,0),new google.maps.Point(24,54)),i="custom_style",n={lat:41.85,lng:-73.961},t=new google.maps.Map(document.getElementById("map"),{zoom:6,scrollwheel:!1,streetViewControl:!1,mapTypeControl:!1,center:n,mapTypeControlOptions:{mapTypeIds:[google.maps.MapTypeId.ROADMAP,i]}}),s='<div id="content"><div id="siteNotice"></div><h1 id="firstHeading" class="firstHeading">Brooklyn</h1><div id="bodyContent"><p>277 Bedford Avenue, <br> Brooklyn, NY 11211, <br> New York, USA</p></div></div>',l=new google.maps.InfoWindow({content:s,maxWidth:300}),a=new google.maps.Marker({map:t,clickable:!0,icon:o,title:"Brooklyn",position:n});a.addListener("click",function(){l.open(t,a)}),t.mapTypes.set(i,e),t.setMapTypeId(i)};
|
||||
48
web/construction/asentus/HTML/js/components/masonry.js
Normal file
48
web/construction/asentus/HTML/js/components/masonry.js
Normal 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
web/construction/asentus/HTML/js/components/masonry.min.js
vendored
Normal file
1
web/construction/asentus/HTML/js/components/masonry.min.js
vendored
Normal 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()});
|
||||
38
web/construction/asentus/HTML/js/components/swiper.js
Normal file
38
web/construction/asentus/HTML/js/components/swiper.js
Normal file
@@ -0,0 +1,38 @@
|
||||
$(window).load(function(){
|
||||
// Swiper Clients
|
||||
var swiper = new Swiper('.swiper-clients', {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 50,
|
||||
loop: true,
|
||||
breakpoints: {
|
||||
1024: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 50
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 40
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30
|
||||
},
|
||||
600: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30
|
||||
},
|
||||
480: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Swiper Clients
|
||||
var swiper = new Swiper('.swiper-testimonials', {
|
||||
speed: 1000,
|
||||
autoplay: 10000,
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
});
|
||||
});
|
||||
1
web/construction/asentus/HTML/js/components/swiper.min.js
vendored
Normal file
1
web/construction/asentus/HTML/js/components/swiper.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
$(window).load(function(){new Swiper(".swiper-clients",{slidesPerView:5,spaceBetween:50,loop:!0,breakpoints:{1024:{slidesPerView:4,spaceBetween:50},992:{slidesPerView:3,spaceBetween:40},768:{slidesPerView:3,spaceBetween:30},600:{slidesPerView:2,spaceBetween:30},480:{slidesPerView:1,spaceBetween:0}}}),new Swiper(".swiper-testimonials",{speed:1e3,autoplay:1e4,slidesPerView:1,loop:!0})});
|
||||
25
web/construction/asentus/HTML/js/components/wow.js
Normal file
25
web/construction/asentus/HTML/js/components/wow.js
Normal 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
web/construction/asentus/HTML/js/components/wow.min.js
vendored
Normal file
1
web/construction/asentus/HTML/js/components/wow.min.js
vendored
Normal 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()});
|
||||
91
web/construction/asentus/HTML/js/layout.js
Normal file
91
web/construction/asentus/HTML/js/layout.js
Normal file
@@ -0,0 +1,91 @@
|
||||
var Layout = function () {
|
||||
'use strict';
|
||||
|
||||
// handle on page scroll
|
||||
var handleHeaderOnScroll = function() {
|
||||
if ($(window).scrollTop() > 60) {
|
||||
$('body').addClass('page-on-scroll');
|
||||
} else {
|
||||
$('body').removeClass('page-on-scroll');
|
||||
}
|
||||
}
|
||||
|
||||
// handle carousel
|
||||
var handleCarousel = function() {
|
||||
var $item = $('.carousel .item');
|
||||
var $wHeight = $(window).height();
|
||||
$item.eq(0).addClass('active');
|
||||
$item.height($wHeight);
|
||||
$item.addClass('full-screen');
|
||||
|
||||
$('.carousel img').each(function() {
|
||||
var $src = $(this).attr('src');
|
||||
var $color = $(this).attr('data-color');
|
||||
$(this).parent().css({
|
||||
'background-image' : 'url(' + $src + ')',
|
||||
'background-color' : $color
|
||||
});
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
$(window).on('resize', function (){
|
||||
$wHeight = $(window).height();
|
||||
$item.height($wHeight);
|
||||
});
|
||||
}
|
||||
|
||||
// handle group element heights
|
||||
var handleHeight = function() {
|
||||
$('[data-auto-height]').each(function() {
|
||||
var parent = $(this);
|
||||
var items = $('[data-height]', parent);
|
||||
var height = 0;
|
||||
var mode = parent.attr('data-mode');
|
||||
var offset = parseInt(parent.attr('data-offset') ? parent.attr('data-offset') : 0);
|
||||
|
||||
items.each(function() {
|
||||
if ($(this).attr('data-height') == "height") {
|
||||
$(this).css('height', '');
|
||||
} else {
|
||||
$(this).css('min-height', '');
|
||||
}
|
||||
|
||||
var height_ = (mode == 'base-height' ? $(this).outerHeight() : $(this).outerHeight(true));
|
||||
if (height_ > height) {
|
||||
height = height_;
|
||||
}
|
||||
});
|
||||
|
||||
height = height + offset;
|
||||
|
||||
items.each(function() {
|
||||
if ($(this).attr('data-height') == "height") {
|
||||
$(this).css('height', height);
|
||||
} else {
|
||||
$(this).css('min-height', height);
|
||||
}
|
||||
});
|
||||
|
||||
if(parent.attr('data-related')) {
|
||||
$(parent.attr('data-related')).css('height', parent.height());
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
init: function () {
|
||||
handleHeaderOnScroll(); // initial setup for fixed header
|
||||
handleCarousel(); // initial setup for carousel
|
||||
handleHeight(); // initial setup for group element height
|
||||
|
||||
// handle minimized header on page scroll
|
||||
$(window).scroll(function() {
|
||||
handleHeaderOnScroll();
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
$(document).ready(function() {
|
||||
Layout.init();
|
||||
});
|
||||
1
web/construction/asentus/HTML/js/layout.min.js
vendored
Normal file
1
web/construction/asentus/HTML/js/layout.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var Layout=function(){"use strict";var t=function(){$(window).scrollTop()>60?$("body").addClass("page-on-scroll"):$("body").removeClass("page-on-scroll")},a=function(){var t=$(".carousel .item"),a=$(window).height();t.eq(0).addClass("active"),t.height(a),t.addClass("full-screen"),$(".carousel img").each(function(){var t=$(this).attr("src"),a=$(this).attr("data-color");$(this).parent().css({"background-image":"url("+t+")","background-color":a}),$(this).remove()}),$(window).on("resize",function(){a=$(window).height(),t.height(a)})},i=function(){$("[data-auto-height]").each(function(){var t=$(this),a=$("[data-height]",t),i=0,e=t.attr("data-mode"),h=parseInt(t.attr("data-offset")?t.attr("data-offset"):0);a.each(function(){"height"==$(this).attr("data-height")?$(this).css("height",""):$(this).css("min-height","");var t="base-height"==e?$(this).outerHeight():$(this).outerHeight(!0);t>i&&(i=t)}),i+=h,a.each(function(){"height"==$(this).attr("data-height")?$(this).css("height",i):$(this).css("min-height",i)}),t.attr("data-related")&&$(t.attr("data-related")).css("height",t.height())})};return{init:function(){t(),a(),i(),$(window).scroll(function(){t()})}}}();$(document).ready(function(){Layout.init()});
|
||||
Reference in New Issue
Block a user