diff options
author | somrat <monnaf37@gmail.com> | 2020-05-04 08:01:14 +0300 |
---|---|---|
committer | somrat <monnaf37@gmail.com> | 2020-05-04 08:01:14 +0300 |
commit | e089b2bb44abdbff00a7dcc1c0f7014f5b88d771 (patch) | |
tree | 992f6e783e263f51edd1d7368820fe9b69c1a7f4 | |
parent | 4d0cb27a3bd1ee8821b194a199d66666ad8a07d0 (diff) |
modified config file
-rw-r--r-- | assets/js/script.js | 322 | ||||
-rw-r--r-- | exampleSite/config.toml | 10 |
2 files changed, 166 insertions, 166 deletions
diff --git a/assets/js/script.js b/assets/js/script.js index 51888a8..bbcf2f0 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,169 +1,169 @@ // Preloader js $(window).on('load', function () { - $('.preloader').fadeOut(100); + $('.preloader').fadeOut(100); }); (function ($) { - 'use strict'; - - // Sticky Menu - $(window).scroll(function () { - if ($('.navigation').offset().top > 100) { - $('.navigation').addClass('nav-bg'); - } else { - $('.navigation').removeClass('nav-bg'); - } - }); - - // Background-images - $('[data-background]').each(function () { - $(this).css({ - 'background-image': 'url(' + $(this).data('background') + ')' - }); - }); - - // background color - $('[data-color]').each(function () { - $(this).css({ - 'background-color': $(this).data('color') - }); - }); - - // progress bar - $('[data-progress]').each(function () { - $(this).css({ - 'bottom': $(this).data('progress') - }); - }); - - - /* ########################################### hero parallax ############################################## */ - window.onload = function () { - - var parallaxBox = document.getElementById('parallax'); - /* - Fix js error, occurred at pages other than the home page. - When there're no parallax, just ignore the below - other operations, as below elements are bingding to the parallax. - */ - if (!parallaxBox) { - return; - } - - var - /* c1left = document.getElementById('l1').offsetLeft, - c1top = document.getElementById('l1').offsetTop, */ - c2left = document.getElementById('l2').offsetLeft, - c2top = document.getElementById('l2').offsetTop, - c3left = document.getElementById('l3').offsetLeft, - c3top = document.getElementById('l3').offsetTop, - c4left = document.getElementById('l4').offsetLeft, - c4top = document.getElementById('l4').offsetTop, - c5left = document.getElementById('l5').offsetLeft, - c5top = document.getElementById('l5').offsetTop, - c6left = document.getElementById('l6').offsetLeft, - c6top = document.getElementById('l6').offsetTop, - c7left = document.getElementById('l7').offsetLeft, - c7top = document.getElementById('l7').offsetTop, - c8left = document.getElementById('l8').offsetLeft, - c8top = document.getElementById('l8').offsetTop, - c9left = document.getElementById('l9').offsetLeft, - c9top = document.getElementById('l9').offsetTop; - - parallaxBox.onmousemove = function (event) { - event = event || window.event; - var x = event.clientX - parallaxBox.offsetLeft, - y = event.clientY - parallaxBox.offsetTop; - - /* mouseParallax('l1', c1left, c1top, x, y, 5); */ - mouseParallax('l2', c2left, c2top, x, y, 25); - mouseParallax('l3', c3left, c3top, x, y, 20); - mouseParallax('l4', c4left, c4top, x, y, 35); - mouseParallax('l5', c5left, c5top, x, y, 30); - mouseParallax('l6', c6left, c6top, x, y, 45); - mouseParallax('l7', c7left, c7top, x, y, 30); - mouseParallax('l8', c8left, c8top, x, y, 25); - mouseParallax('l9', c9left, c9top, x, y, 40); - }; - - }; - - function mouseParallax(id, left, top, mouseX, mouseY, speed) { - var obj = document.getElementById(id); - var parentObj = obj.parentNode, - containerWidth = parseInt(parentObj.offsetWidth), - containerHeight = parseInt(parentObj.offsetHeight); - obj.style.left = left - (((mouseX - (parseInt(obj.offsetWidth) / 2 + left)) / containerWidth) * speed) + 'px'; - obj.style.top = top - (((mouseY - (parseInt(obj.offsetHeight) / 2 + top)) / containerHeight) * speed) + 'px'; - } - /* ########################################### /hero parallax ############################################## */ - - // testimonial-slider - $('.testimonial-slider').slick({ - dots: true, - infinite: true, - speed: 300, - slidesToShow: 1, - arrows: false, - adaptiveHeight: true - }); - - - // clients logo slider - $('.client-logo-slider').slick({ - infinite: true, - slidesToShow: 5, - slidesToScroll: 1, - autoplay: true, - dots: false, - arrows: false, - responsive: [{ - breakpoint: 1024, - settings: { - slidesToShow: 3, - slidesToScroll: 1 - } - }, - { - breakpoint: 600, - settings: { - slidesToShow: 3, - slidesToScroll: 1 - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 2, - slidesToScroll: 1 - } - }, - { - breakpoint: 400, - settings: { - slidesToShow: 1, - slidesToScroll: 1 - } - } - ] - }); - - // Shuffle js filter and masonry - var containerEl = document.querySelector('.shuffle-wrapper'); - if (containerEl) { - var Shuffle = window.Shuffle; - var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), { - itemSelector: '.shuffle-item', - buffer: 1 - }); - - jQuery('input[name="shuffle-filter"]').on('change', function (evt) { - var input = evt.currentTarget; - if (input.checked) { - myShuffle.filter(input.value); - } - }); - } + 'use strict'; + + // Sticky Menu + $(window).scroll(function () { + if ($('.navigation').offset().top > 100) { + $('.navigation').addClass('nav-bg'); + } else { + $('.navigation').removeClass('nav-bg'); + } + }); + + // Background-images + $('[data-background]').each(function () { + $(this).css({ + 'background-image': 'url(' + $(this).data('background') + ')' + }); + }); + + // background color + $('[data-color]').each(function () { + $(this).css({ + 'background-color': $(this).data('color') + }); + }); + + // progress bar + $('[data-progress]').each(function () { + $(this).css({ + 'bottom': $(this).data('progress') + }); + }); + + + /* ########################################### hero parallax ############################################## */ + window.onload = function () { + + var parallaxBox = document.getElementById('parallax'); + /* + Fix js error, occurred at pages other than the home page. + When there're no parallax, just ignore the below + other operations, as below elements are bingding to the parallax. + */ + if (!parallaxBox) { + return; + } + + var + /* c1left = document.getElementById('l1').offsetLeft, + c1top = document.getElementById('l1').offsetTop, */ + c2left = document.getElementById('l2').offsetLeft, + c2top = document.getElementById('l2').offsetTop, + c3left = document.getElementById('l3').offsetLeft, + c3top = document.getElementById('l3').offsetTop, + c4left = document.getElementById('l4').offsetLeft, + c4top = document.getElementById('l4').offsetTop, + c5left = document.getElementById('l5').offsetLeft, + c5top = document.getElementById('l5').offsetTop, + c6left = document.getElementById('l6').offsetLeft, + c6top = document.getElementById('l6').offsetTop, + c7left = document.getElementById('l7').offsetLeft, + c7top = document.getElementById('l7').offsetTop, + c8left = document.getElementById('l8').offsetLeft, + c8top = document.getElementById('l8').offsetTop, + c9left = document.getElementById('l9').offsetLeft, + c9top = document.getElementById('l9').offsetTop; + + parallaxBox.onmousemove = function (event) { + event = event || window.event; + var x = event.clientX - parallaxBox.offsetLeft, + y = event.clientY - parallaxBox.offsetTop; + + /* mouseParallax('l1', c1left, c1top, x, y, 5); */ + mouseParallax('l2', c2left, c2top, x, y, 25); + mouseParallax('l3', c3left, c3top, x, y, 20); + mouseParallax('l4', c4left, c4top, x, y, 35); + mouseParallax('l5', c5left, c5top, x, y, 30); + mouseParallax('l6', c6left, c6top, x, y, 45); + mouseParallax('l7', c7left, c7top, x, y, 30); + mouseParallax('l8', c8left, c8top, x, y, 25); + mouseParallax('l9', c9left, c9top, x, y, 40); + }; + + }; + + function mouseParallax(id, left, top, mouseX, mouseY, speed) { + var obj = document.getElementById(id); + var parentObj = obj.parentNode, + containerWidth = parseInt(parentObj.offsetWidth), + containerHeight = parseInt(parentObj.offsetHeight); + obj.style.left = left - (((mouseX - (parseInt(obj.offsetWidth) / 2 + left)) / containerWidth) * speed) + 'px'; + obj.style.top = top - (((mouseY - (parseInt(obj.offsetHeight) / 2 + top)) / containerHeight) * speed) + 'px'; + } + /* ########################################### /hero parallax ############################################## */ + + // testimonial-slider + $('.testimonial-slider').slick({ + dots: true, + infinite: true, + speed: 300, + slidesToShow: 1, + arrows: false, + adaptiveHeight: true + }); + + + // clients logo slider + $('.client-logo-slider').slick({ + infinite: true, + slidesToShow: 5, + slidesToScroll: 1, + autoplay: true, + dots: false, + arrows: false, + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 3, + slidesToScroll: 1 + } + }, + { + breakpoint: 600, + settings: { + slidesToShow: 3, + slidesToScroll: 1 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 2, + slidesToScroll: 1 + } + }, + { + breakpoint: 400, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + } + ] + }); + + // Shuffle js filter and masonry + var containerEl = document.querySelector('.shuffle-wrapper'); + if (containerEl) { + var Shuffle = window.Shuffle; + var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), { + itemSelector: '.shuffle-item', + buffer: 1 + }); + + jQuery('input[name="shuffle-filter"]').on('change', function (evt) { + var input = evt.currentTarget; + if (input.checked) { + myShuffle.filter(input.value); + } + }); + } diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 2d71383..aebb401 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -78,17 +78,17 @@ preloader = "" # use png, jpg, svg or gif format # social site [[params.social]] -URL = "#" icon = "ti-facebook" +URL = "#" [[params.social]] -URL = "#" icon = "ti-instagram" +URL = "#" [[params.social]] -URL = "#" icon = "ti-dribbble" +URL = "#" [[params.social]] -URL = "#" -icon = "ti-twitter-alt"
\ No newline at end of file +icon = "ti-twitter-alt" +URL = "#"
\ No newline at end of file |