Changes to web templates

rangeldigital/public/js/jquery.parallax-scroll.js

@@ -0,0 +1,248 @@
+$(function () {
+  console.log("initiated");
+  ParallaxScroll.init();
+});
+
+var ParallaxScroll = {
+  /* PUBLIC VARIABLES */
+  showLogs: false,
+  round: 1000,
+
+  /* PUBLIC FUNCTIONS */
+  init: function () {
+    this._log("init");
+    if (this._inited) {
+      this._log("Already Inited");
+      this._inited = true;
+      return;
+    }
+    this._requestAnimationFrame = (function () {
+      return (
+        window.requestAnimationFrame ||
+        window.webkitRequestAnimationFrame ||
+        window.mozRequestAnimationFrame ||
+        window.oRequestAnimationFrame ||
+        window.msRequestAnimationFrame ||
+        function (/* function */ callback, /* DOMElement */ element) {
+          window.setTimeout(callback, 1000 / 60);
+        }
+      );
+    })();
+    this._onScroll(true);
+  },
+
+  /* PRIVATE VARIABLES */
+  _inited: false,
+  _properties: [
+    "x",
+    "y",
+    "z",
+    "rotateX",
+    "rotateY",
+    "rotateZ",
+    "scaleX",
+    "scaleY",
+    "scaleZ",
+    "scale",
+  ],
+  _requestAnimationFrame: null,
+
+  /* PRIVATE FUNCTIONS */
+  _log: function (message) {
+    if (this.showLogs) console.log("Parallax Scroll / " + message);
+  },
+  _onScroll: function (noSmooth) {
+    var scroll = $(document).scrollTop();
+    var windowHeight = $(window).height();
+    this._log("onScroll " + scroll);
+    $("[data-parallax]").each(
+      $.proxy(function (index, el) {
+        var $el = $(el);
+        var properties = [];
+        var applyProperties = false;
+        var style = $el.data("style");
+        if (style == undefined) {
+          style = $el.attr("style") || "";
+          $el.data("style", style);
+        }
+        var datas = [$el.data("parallax")];
+        var iData;
+        for (iData = 2; ; iData++) {
+          if ($el.data("parallax" + iData)) {
+            datas.push($el.data("parallax" + iData));
+          } else {
+            break;
+          }
+        }
+        var datasLength = datas.length;
+        for (iData = 0; iData < datasLength; iData++) {
+          var data = datas[iData];
+          var scrollFrom = data["from-scroll"];
+          if (scrollFrom == undefined)
+            scrollFrom = Math.max(0, $(el).offset().top - windowHeight);
+          scrollFrom = scrollFrom | 0;
+          var scrollDistance = data["distance"];
+          var scrollTo = data["to-scroll"];
+          if (scrollDistance == undefined && scrollTo == undefined)
+            scrollDistance = windowHeight;
+          scrollDistance = Math.max(scrollDistance | 0, 1);
+          var easing = data["easing"];
+          var easingReturn = data["easing-return"];
+          if (easing == undefined || !$.easing || !$.easing[easing])
+            easing = null;
+          if (easingReturn == undefined || !$.easing || !$.easing[easingReturn])
+            easingReturn = easing;
+          if (easing) {
+            var totalTime = data["duration"];
+            if (totalTime == undefined) totalTime = scrollDistance;
+            totalTime = Math.max(totalTime | 0, 1);
+            var totalTimeReturn = data["duration-return"];
+            if (totalTimeReturn == undefined) totalTimeReturn = totalTime;
+            scrollDistance = 1;
+            var currentTime = $el.data("current-time");
+            if (currentTime == undefined) currentTime = 0;
+          }
+          if (scrollTo == undefined) scrollTo = scrollFrom + scrollDistance;
+          scrollTo = scrollTo | 0;
+          var smoothness = data["smoothness"];
+          if (smoothness == undefined) smoothness = 30;
+          smoothness = smoothness | 0;
+          if (noSmooth || smoothness == 0) smoothness = 1;
+          smoothness = smoothness | 0;
+          var scrollCurrent = scroll;
+          scrollCurrent = Math.max(scrollCurrent, scrollFrom);
+          scrollCurrent = Math.min(scrollCurrent, scrollTo);
+          if (easing) {
+            if ($el.data("sens") == undefined) $el.data("sens", "back");
+            if (scrollCurrent > scrollFrom) {
+              if ($el.data("sens") == "back") {
+                currentTime = 1;
+                $el.data("sens", "go");
+              } else {
+                currentTime++;
+              }
+            }
+            if (scrollCurrent < scrollTo) {
+              if ($el.data("sens") == "go") {
+                currentTime = 1;
+                $el.data("sens", "back");
+              } else {
+                currentTime++;
+              }
+            }
+            if (noSmooth) currentTime = totalTime;
+            $el.data("current-time", currentTime);
+          }
+          this._properties.map(
+            $.proxy(function (prop) {
+              var defaultProp = 0;
+              var to = data[prop];
+              if (to == undefined) return;
+              if (
+                prop == "scale" ||
+                prop == "scaleX" ||
+                prop == "scaleY" ||
+                prop == "scaleZ"
+              ) {
+                defaultProp = 1;
+              } else {
+                to = to | 0;
+              }
+              var prev = $el.data("_" + prop);
+              if (prev == undefined) prev = defaultProp;
+              var next =
+                (to - defaultProp) *
+                  ((scrollCurrent - scrollFrom) / (scrollTo - scrollFrom)) +
+                defaultProp;
+              var val = prev + (next - prev) / smoothness;
+              if (easing && currentTime > 0 && currentTime <= totalTime) {
+                var from = defaultProp;
+                if ($el.data("sens") == "back") {
+                  from = to;
+                  to = -to;
+                  easing = easingReturn;
+                  totalTime = totalTimeReturn;
+                }
+                val = $.easing[easing](null, currentTime, from, to, totalTime);
+              }
+              val = Math.ceil(val * this.round) / this.round;
+              if (val == prev && next == to) val = to;
+              if (!properties[prop]) properties[prop] = 0;
+              properties[prop] += val;
+              if (prev != properties[prop]) {
+                $el.data("_" + prop, properties[prop]);
+                applyProperties = true;
+              }
+            }, this)
+          );
+        }
+        if (applyProperties) {
+          if (properties["z"] != undefined) {
+            var perspective = data["perspective"];
+            if (perspective == undefined) perspective = 800;
+            var $parent = $el.parent();
+            if (!$parent.data("style"))
+              $parent.data("style", $parent.attr("style") || "");
+            $parent.attr(
+              "style",
+              "perspective:" +
+                perspective +
+                "px; -webkit-perspective:" +
+                perspective +
+                "px; " +
+                $parent.data("style")
+            );
+          }
+          if (properties["scaleX"] == undefined) properties["scaleX"] = 1;
+          if (properties["scaleY"] == undefined) properties["scaleY"] = 1;
+          if (properties["scaleZ"] == undefined) properties["scaleZ"] = 1;
+          if (properties["scale"] != undefined) {
+            properties["scaleX"] *= properties["scale"];
+            properties["scaleY"] *= properties["scale"];
+            properties["scaleZ"] *= properties["scale"];
+          }
+          var translate3d =
+            "translate3d(" +
+            (properties["x"] ? properties["x"] : 0) +
+            "px, " +
+            (properties["y"] ? properties["y"] : 0) +
+            "px, " +
+            (properties["z"] ? properties["z"] : 0) +
+            "px)";
+          var rotate3d =
+            "rotateX(" +
+            (properties["rotateX"] ? properties["rotateX"] : 0) +
+            "deg) rotateY(" +
+            (properties["rotateY"] ? properties["rotateY"] : 0) +
+            "deg) rotateZ(" +
+            (properties["rotateZ"] ? properties["rotateZ"] : 0) +
+            "deg)";
+          var scale3d =
+            "scaleX(" +
+            properties["scaleX"] +
+            ") scaleY(" +
+            properties["scaleY"] +
+            ") scaleZ(" +
+            properties["scaleZ"] +
+            ")";
+          var cssTransform = translate3d + " " + rotate3d + " " + scale3d + ";";
+          this._log(cssTransform);
+          $el.attr(
+            "style",
+            "transform:" +
+              cssTransform +
+              " -webkit-transform:" +
+              cssTransform +
+              " " +
+              style
+          );
+        }
+      }, this)
+    );
+    if (window.requestAnimationFrame) {
+      window.requestAnimationFrame($.proxy(this._onScroll, this, false));
+    } else {
+      this._requestAnimationFrame($.proxy(this._onScroll, this, false));
+    }
+  },
+};

rangeldigital/public/js/script.js

@@ -1,5 +1,246 @@
-(function($){("use strict");Pace.Options={ajax:!1,document:!1,eventLag:!1,};Pace.on("done",function(){$("#preloader").addClass("isdone");$(".loading").addClass("isdone")});function mousecursor(){if($("body")){const e=document.querySelector(".cursor-inner"),t=document.querySelector(".cursor-outer");let n,i=0,o=!1;(window.onmousemove=function(s){o||(t.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(e.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(n=s.clientY),(i=s.clientX)}),$("body").on("mouseenter","a, .cursor-pointer",function(){e.classList.add("cursor-hover"),t.classList.add("cursor-hover")}),$("body").on("mouseleave","a, .cursor-pointer",function(){($(this).is("a")&&$(this).closest(".cursor-pointer").length)||(e.classList.remove("cursor-hover"),t.classList.remove("cursor-hover"))}),(e.style.visibility="visible"),(t.style.visibility="visible")}}
-	$(function(){mousecursor()});$(".header-area nav").meanmenu();var fixed_top=$(".header-area");$(window).on("scroll",function(){if($(this).scrollTop()>300){fixed_top.addClass("menu-fixed animated fadeInDown")}else{fixed_top.removeClass("menu-fixed fadeInDown")}});$(window).scroll(function(){var scrollPos=$(document).scrollTop();$("section").each(function(){var offsetTop=$(this).offset().top;var height=$(this).height();var id=$(this).attr("id");if(scrollPos>=offsetTop&&scrollPos<offsetTop+height){$('nav a[href="#'+id+'"]').addClass("primary-color")}else{$('nav a[href="#'+id+'"]').removeClass("primary-color")}})});function setThemeColor(color){const root=document.documentElement;root.setAttribute("data-theme",color)}
-	var $searchWrap=$(".search-wrap");var $navSearch=$(".nav-search");var $searchClose=$("#search-close");$(".search-trigger").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).addClass("open")});$(".search-close").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).removeClass("open")});function closeSearch(){$searchWrap.fadeOut(200);$navSearch.add($searchClose).removeClass("open")}
-	$(document.body).on("click",function(e){closeSearch()});$(".search-trigger, .main-search-input").on("click",function(e){e.stopPropagation()});var sliderActive1=".banner__slider";var sliderInit1=new Swiper(sliderActive1,{loop:!0,slidesPerView:1,effect:"fade",speed:3000,autoplay:{delay:7000,disableOnInteraction:!1,},pagination:{el:".banner__dot",clickable:!0,},});function animated_swiper(selector,init){var animated=function animated(){$(selector+" [data-animation]").each(function(){var anim=$(this).data("animation");var delay=$(this).data("delay");var duration=$(this).data("duration");$(this).removeClass("anim"+anim).addClass(anim+" animated").css({webkitAnimationDelay:delay,animationDelay:delay,webkitAnimationDuration:duration,animationDuration:duration,}).one("animationend",function(){$(this).removeClass(anim+" animated")})})};animated();init.on("slideChange",function(){$(sliderActive1+" [data-animation]").removeClass("animated")});init.on("slideChange",animated)}
-	animated_swiper(sliderActive1,sliderInit1);var swiper=new Swiper(".case__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".case__dot",clickable:!0,},});var swiper=new Swiper(".case-two__slider",{loop:"true",spaceBetween:24,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".case__arry-next",prevEl:".case__arry-prev",},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});var swiper=new Swiper(".brand__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:5,},992:{slidesPerView:4,},575:{slidesPerView:3,},320:{slidesPerView:2,},},});var swiper=new Swiper(".testimonial__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},navigation:{nextEl:".testimonial__arry-next",prevEl:".testimonial__arry-prev",},});var swiper=new Swiper(".testimonial-two__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{992:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".testimonial__dot",clickable:!0,},});var swiper=new Swiper(".testimonial-three__slider",{loop:"true",spaceBetween:24,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:3,},992:{slidesPerView:2,},320:{slidesPerView:1,},},navigation:{nextEl:".testimonial-three__arry-next",prevEl:".testimonial-three__arry-prev",},});var swiper=new Swiper(".service-two__slider",{loop:"true",spaceBetween:30,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".service__arry-next",prevEl:".service__arry-prev",},breakpoints:{992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});$(document).on("click","#openButton",function(){$("#targetElement").removeClass("sidebar__hide")});$(document).on("click","#closeButton",function(){$("#targetElement").addClass("sidebar__hide")});$(".service__item").hover(function(){$(".service__item").removeClass("active");$(this).addClass("active")});$("[data-background").each(function(){$(this).css("background-image","url( "+$(this).attr("data-background")+"  )")});$(".video-popup").magnificPopup({type:"iframe",iframe:{markup:'<div class="mfp-iframe-scaler">'+'<div class="mfp-close"></div>'+'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+"</div>",patterns:{youtube:{index:"youtube.com/",id:"v=",src:"https://www.youtube.com/embed/%id%?autoplay=1",},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1",},gmaps:{index:"//maps.google.",src:"%id%&output=embed",},},srcAction:"iframe_src",},});$(".count").counterUp({delay:30,time:3000,});$(".progress-count").counterUp({delay:30,time:1000,});$(document).ready(function(){$("select").niceSelect()});$(".footer-popup").magnificPopup({type:"image",gallery:{enabled:!0,},});var scrollPath=document.querySelector(".scroll-up path");var pathLength=scrollPath.getTotalLength();scrollPath.style.transition=scrollPath.style.WebkitTransition="none";scrollPath.style.strokeDasharray=pathLength+" "+pathLength;scrollPath.style.strokeDashoffset=pathLength;scrollPath.getBoundingClientRect();scrollPath.style.transition=scrollPath.style.WebkitTransition="stroke-dashoffset 10ms linear";var updatescroll=function(){var scroll=$(window).scrollTop();var height=$(document).height()-$(window).height();var scroll=pathLength-(scroll*pathLength)/height;scrollPath.style.strokeDashoffset=scroll};updatescroll();$(window).scroll(updatescroll);var offset=50;var duration=950;jQuery(window).on("scroll",function(){if(jQuery(this).scrollTop()>offset){jQuery(".scroll-up").addClass("active-scroll")}else{jQuery(".scroll-up").removeClass("active-scroll")}});jQuery(".scroll-up").on("click",function(event){event.preventDefault();jQuery("html, body").animate({scrollTop:0,},duration);return!1})})(jQuery)
+(function($) {
+    "use strict";
+
+    // Pace Options
+    Pace.Options = {
+        ajax: false,
+        document: false,
+        eventLag: false
+    };
+
+    // Pace completion event handler
+    Pace.on("done", function() {
+        $("#preloader").addClass("isdone");
+        $(".loading").addClass("isdone");
+    });
+
+    // Mouse cursor animation
+    function mousecursor() {
+        const e = document.querySelector(".cursor-inner");
+        const t = document.querySelector(".cursor-outer");
+
+        if (!e || !t) return;  // Check if the elements exist
+
+        let n, i = 0, o = false;
+
+        window.onmousemove = function(s) {
+            if (!o) {
+                t.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
+            }
+            e.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
+            n = s.clientY;
+            i = s.clientX;
+        };
+
+        $("body").on("mouseenter", "a, .cursor-pointer", function() {
+            e.classList.add("cursor-hover");
+            t.classList.add("cursor-hover");
+        });
+
+        $("body").on("mouseleave", "a, .cursor-pointer", function() {
+            if ($(this).is("a") && $(this).closest(".cursor-pointer").length) return;
+            e.classList.remove("cursor-hover");
+            t.classList.remove("cursor-hover");
+        });
+
+        e.style.visibility = "visible";
+        t.style.visibility = "visible";
+    }
+
+    $(function() {
+        mousecursor();
+    });
+
+    // MeanMenu for mobile navigation
+    $(".header-area nav").meanmenu();
+
+    // Fixed menu on scroll
+    var fixed_top = $(".header-area");
+    $(window).on("scroll", function() {
+        if ($(this).scrollTop() > 300) {
+            fixed_top.addClass("menu-fixed animated fadeInDown");
+        } else {
+            fixed_top.removeClass("menu-fixed fadeInDown");
+        }
+    });
+
+    // Highlight active section in navigation
+    $(window).scroll(function() {
+        var scrollPos = $(document).scrollTop();
+        $("section").each(function() {
+            var offsetTop = $(this).offset().top;
+            var height = $(this).height();
+            var id = $(this).attr("id");
+
+            if (scrollPos >= offsetTop && scrollPos < offsetTop + height) {
+                $('nav a[href="#' + id + '"]').addClass("primary-color");
+            } else {
+                $('nav a[href="#' + id + '"]').removeClass("primary-color");
+            }
+        });
+    });
+
+    // Set theme color
+    function setThemeColor(color) {
+        const root = document.documentElement;
+        root.setAttribute("data-theme", color);
+    }
+
+    // Search functionality
+    var $searchWrap = $(".search-wrap");
+    var $navSearch = $(".nav-search");
+    var $searchClose = $("#search-close");
+
+    $(".search-trigger").on("click", function(e) {
+        e.preventDefault();
+        $searchWrap.animate({ opacity: "toggle" }, 500);
+        $navSearch.add($searchClose).addClass("open");
+    });
+
+    $(".search-close").on("click", function(e) {
+        e.preventDefault();
+        $searchWrap.animate({ opacity: "toggle" }, 500);
+        $navSearch.add($searchClose).removeClass("open");
+    });
+
+    function closeSearch() {
+        $searchWrap.fadeOut(200);
+        $navSearch.add($searchClose).removeClass("open");
+    }
+
+    $(document.body).on("click", function(e) {
+        closeSearch();
+    });
+
+    $(".search-trigger, .main-search-input").on("click", function(e) {
+        e.stopPropagation();
+    });
+
+    // Swiper Slider Initialization
+    var sliderInit1 = new Swiper(".banner__slider", {
+        loop: true,
+        slidesPerView: 1,
+        effect: "fade",
+        speed: 3000,
+        autoplay: {
+            delay: 7000,
+            disableOnInteraction: false,
+        },
+        pagination: {
+            el: ".banner__dot",
+            clickable: true,
+        },
+    });
+
+    function animated_swiper(selector, init) {
+        var animated = function() {
+            $(selector + " [data-animation]").each(function() {
+                var anim = $(this).data("animation");
+                var delay = $(this).data("delay");
+                var duration = $(this).data("duration");
+
+                $(this).removeClass("anim" + anim).addClass(anim + " animated")
+                    .css({
+                        webkitAnimationDelay: delay,
+                        animationDelay: delay,
+                        webkitAnimationDuration: duration,
+                        animationDuration: duration,
+                    })
+                    .one("animationend", function() {
+                        $(this).removeClass(anim + " animated");
+                    });
+            });
+        };
+
+        animated();
+        init.on("slideChange", function() {
+            $(selector + " [data-animation]").removeClass("animated");
+        });
+        init.on("slideChange", animated);
+    }
+
+    animated_swiper(".banner__slider", sliderInit1);
+
+    // Additional sliders for case, testimonial, service, etc.
+    var swiperSettings = [
+        { selector: ".case__slider", settings: { loop: true, spaceBetween: 24, speed: 800, autoplay: { delay: 4000, disableOnInteraction: false }, pagination: { el: ".case__dot", clickable: true } } },
+        { selector: ".brand__slider", settings: { loop: true, spaceBetween: 30, speed: 300, autoplay: { delay: 3000, disableOnInteraction: false }, breakpoints: { 1200: { slidesPerView: 5 }, 992: { slidesPerView: 4 }, 575: { slidesPerView: 3 }, 320: { slidesPerView: 2 } } } },
+        // Add more sliders as needed
+    ];
+
+    swiperSettings.forEach(function(slider) {
+        new Swiper(slider.selector, slider.settings);
+    });
+
+    // Sidebar toggle
+    $(document).on("click", "#openButton", function() {
+        $("#targetElement").removeClass("sidebar__hide");
+    });
+
+    $(document).on("click", "#closeButton", function() {
+        $("#targetElement").addClass("sidebar__hide");
+    });
+
+    // Service item hover effect
+    $(".service__item").hover(function() {
+        $(".service__item").removeClass("active");
+        $(this).addClass("active");
+    });
+
+    // Set background image from data-background attribute
+    $("[data-background]").each(function() {
+        $(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
+    });
+
+    // Video popup
+    $(".video-popup").magnificPopup({
+        type: "iframe",
+        iframe: {
+            markup: '<div class="mfp-iframe-scaler">' +
+                '<div class="mfp-close"></div>' +
+                '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
+                "</div>",
+            patterns: {
+                youtube: { index: "youtube.com/", id: "v=", src: "https://www.youtube.com/embed/%id%?autoplay=1" },
+                vimeo: { index: "vimeo.com/", id: "/", src: "//player.vimeo.com/video/%id%?autoplay=1" },
+                gmaps: { index: "//maps.google.", src: "%id%&output=embed" }
+            },
+            srcAction: "iframe_src",
+        },
+    });
+
+    // Counter up
+    $(".count").counterUp({ delay: 30, time: 3000 });
+    $(".progress-count").counterUp({ delay: 30, time: 1000 });
+
+    // Nice select
+    $(document).ready(function() {
+        $("select").niceSelect();
+    });
+
+    // Footer popup
+    $(".footer-popup").magnificPopup({
+        type: "image",
+        gallery: {
+            enabled: true
+        },
+    });
+
+    // Scroll to top button
+    var offset = 50;
+    var duration = 950;
+
+    $(window).on("scroll", function() {
+        if ($(this).scrollTop() > offset) {
+            $(".scroll-up").addClass("active-scroll");
+        } else {
+            $(".scroll-up").removeClass("active-scroll");
+        }
+    });
+
+    $(".scroll-up").on("click", function(event) {
+        event.preventDefault();
+        $("html, body").animate({ scrollTop: 0 }, duration);
+        return false;
+    });
+})(jQuery);