https://outproxy.space/assets/js/main.js

1jQuery(
2  (function ($) {
3    "use strict";
4
5    // Header Sticky
6    $(window).on("scroll", function () {
7      if ($(this).scrollTop() > 120) {
8        $(".navbar-area").addClass("is-sticky");
9      } else {
10        $(".navbar-area").removeClass("is-sticky");
11      }
12    });
13
14    // Mean Menu
15    jQuery(".mean-menu").meanmenu({
16      meanScreenWidth: "1199",
17    });
18
19    // Others Option For Responsive JS
20    $(".others-option-for-responsive .dot-menu").on("click", function () {
21      $(".others-option-for-responsive .container .container").toggleClass(
22        "active"
23      );
24    });
25
26    // Button Hover JS
27    $(".default-btn, .optional-btn")
28      .on("mouseenter", function (e) {
29        var parentOffset = $(this).offset(),
30          relX = e.pageX - parentOffset.left,
31          relY = e.pageY - parentOffset.top;
32        $(this).find("span").css({ top: relY, left: relX });
33      })
34      .on("mouseout", function (e) {
35        var parentOffset = $(this).offset(),
36          relX = e.pageX - parentOffset.left,
37          relY = e.pageY - parentOffset.top;
38        $(this).find("span").css({ top: relY, left: relX });
39      });
40
41    // Home Slider
42    $(".home-slider").owlCarousel({
43      loop: true,
44      nav: false,
45      dots: true,
46      autoplayHoverPause: true,
47      items: 1,
48      smartSpeed: 300,
49      autoplay: true,
50      navText: [
51        "<i class='flaticon-left-arrow'></i>",
52        "<i class='flaticon-right-arrow'></i>",
53      ],
54    });
55    $(".home-slider").on("translate.owl.carousel", function () {
56      $(".main-slider-content span")
57        .removeClass("animate__animated animate__fadeInUp")
58        .css("opacity", "0");
59      $(".main-slider-content h1")
60        .removeClass("animate__animated animate__fadeInUp")
61        .css("opacity", "0");
62      $(".main-slider-content p")
63        .removeClass("animate__animated animate__fadeInUp")
64        .css("opacity", "0");
65      $(".main-slider-content a")
66        .removeClass("animate__animated animate__fadeInUp")
67        .css("opacity", "0");
68    });
69    $(".home-slider").on("translated.owl.carousel", function () {
70      $(".main-slider-content span")
71        .addClass("animate__animated animate__fadeInUp")
72        .css("opacity", "1");
73      $(".main-slider-content h1")
74        .addClass("animate__animated animate__fadeInUp")
75        .css("opacity", "1");
76      $(".main-slider-content p")
77        .addClass("animate__animated animate__fadeInUp")
78        .css("opacity", "1");
79      $(".main-slider-content a")
80        .addClass("animate__animated animate__fadeInUp")
81        .css("opacity", "1");
82    });
83
84    // Partner Slider
85    $(".partner-slider").owlCarousel({
86      loop: true,
87      nav: false,
88      dots: false,
89      smartSpeed: 500,
90      margin: 30,
91      autoplayHoverPause: true,
92      autoplay: true,
93      responsive: {
94        0: {
95          items: 2,
96        },
97        768: {
98          items: 3,
99        },
100        1200: {
101          items: 6,
102        },
103      },
104    });
105
106    // Clients Slider
107    $(".clients-slider").owlCarousel({
108      loop: true,
109      nav: true,
110      dots: false,
111      autoplayHoverPause: true,
112      autoplay: true,
113      mouseDrag: true,
114      margin: 30,
115      navText: [
116        "<i class='flaticon-left-arrow'></i>",
117        "<i class='flaticon-right-arrow'></i>",
118      ],
119      responsive: {
120        0: {
121          items: 1,
122        },
123        768: {
124          items: 2,
125        },
126        1200: {
127          items: 2,
128        },
129      },
130    });
131
132    // Testimonial Slider
133    $(".testimonial-slider").owlCarousel({
134      loop: true,
135      nav: true,
136      dots: false,
137      autoplayHoverPause: true,
138      autoplay: true,
139      mouseDrag: true,
140      animateOut: "fadeOut",
141      animateIn: "fadeIn",
142      margin: 30,
143      items: 1,
144      navText: [
145        "<i class='flaticon-left-arrow'></i>",
146        "<i class='flaticon-right-arrow'></i>",
147      ],
148    });
149
150    // FAQ Accordion
151    $(".accordion")
152      .find(".accordion-title")
153      .on("click", function () {
154        // Adds Active Class
155        $(this).toggleClass("active");
156        // Expand or Collapse This Panel
157        $(this).next().slideToggle("fast");
158        // Hide The Other Panels
159        $(".accordion-content").not($(this).next()).slideUp("fast");
160        // Removes Active Class From Other Titles
161        $(".accordion-title").not($(this)).removeClass("active");
162      });
163
164    // Tabs
165    $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");
166    $(".tab ul.tabs li a").on("click", function (g) {
167      var tab = $(this).closest(".tab"),
168        index = $(this).closest("li").index();
169      tab.find("ul.tabs > li").removeClass("current");
170      $(this).closest("li").addClass("current");
171      tab
172        .find(".tab_content")
173        .find("div.tabs_item")
174        .not("div.tabs_item:eq(" + index + ")")
175        .slideUp();
176      tab
177        .find(".tab_content")
178        .find("div.tabs_item:eq(" + index + ")")
179        .slideDown();
180      g.preventDefault();
181    });

182
183    // Subscribe form
184    $(".newsletter-form")
185      .validator()
186      .on("submit", function (event) {
187        if (event.isDefaultPrevented()) {
188          formErrorSub();
189          submitMSGSub(false, "Please enter your email correctly.");
190        } else {
191          event.preventDefault();
192        }
193      });
194    function callbackFunction(resp) {
195      if (resp.result === "success") {
196        formSuccessSub();
197      } else {
198        formErrorSub();
199      }
200    }
201    function formSuccessSub() {
202      $(".newsletter-form")[0].reset();
203      submitMSGSub(true, "Thank you for subscribing!");
204      setTimeout(function () {
205        $("#validator-newsletter").addClass("hide");
206      }, 4000);
207    }
208    function formErrorSub() {
209      $(".newsletter-form").addClass("animate__animated animate__shake");
210      setTimeout(function () {
211        $(".newsletter-form").removeClass("animate__animated animate__shake");
212      }, 1000);
213    }
214    function submitMSGSub(valid, msg) {
215      if (valid) {
216        var msgClasses = "validation-success";
217      } else {
218        var msgClasses = "validation-danger";
219      }
220      $("#validator-newsletter").removeClass().addClass(msgClasses).text(msg);
221    }
222
223    // AJAX MailChimp
224    $(".newsletter-form").ajaxChimp({
225      url: "https://envytheme.us20.list-manage.com/subscribe/post?u=60e1ffe2e8a68ce1204cd39a5&id=42d6d188d9",
226      callback: callbackFunction,
227    });
228
229    // Go to Top JS
230    $(window).on("scroll", function () {
231      var scrolled = $(window).scrollTop();
232      if (scrolled > 600) $(".go-top").addClass("active");
233      if (scrolled < 600) $(".go-top").removeClass("active");
234    });
235    $(".go-top").on("click", function () {
236      $("html, body").animate({ scrollTop: "0" }, 500);
237    });
238
239    // Odometer JS
240    $(".odometer").appear(function (e) {
241      var odo = $(".odometer");
242      odo.each(function () {
243        var countNumber = $(this).attr("data-count");
244        $(this).html(countNumber);
245      });
246    });
247
248    // Popup Video
249    $(".popup-youtube").magnificPopup({
250      disableOn: 320,
251      type: "iframe",
252      mainClass: "mfp-fade",
253      removalDelay: 160,
254      preloader: false,
255      fixedContentPos: false,
256    });
257
258    // Count Time
259    function makeTimer() {
260      var endTime = new Date("September 13, 2022 18:00:00 PDT");
261      var endTime = Date.parse(endTime) / 1000;
262      var now = new Date();
263      var now = Date.parse(now) / 1000;
264      var timeLeft = endTime - now;
265      var days = Math.floor(timeLeft / 86400);
266      var hours = Math.floor((timeLeft - days * 86400) / 3600);
267      var minutes = Math.floor((timeLeft - days * 86400 - hours * 3600) / 60);
268      var seconds = Math.floor(
269        timeLeft - days * 86400 - hours * 3600 - minutes * 60
270      );
271      if (hours < "10") {
272        hours = "0" + hours;
273      }
274      if (minutes < "10") {
275        minutes = "0" + minutes;
276      }
277      if (seconds < "10") {
278        seconds = "0" + seconds;
279      }
280      $("#days").html(days + "<span>Days</span>");
281      $("#hours").html(hours + "<span>Hours</span>");
282      $("#minutes").html(minutes + "<span>Minutes</span>");
283      $("#seconds").html(seconds + "<span>Seconds</span>");
284    }
285    setInterval(function () {
286      makeTimer();
287    }, 0);
288
289    // WOW JS
290    $(window).on("load", function () {
291      if ($(".wow").length) {
292        var wow = new WOW({
293          boxClass: "wow", // animate__animated animate__element css class (default is wow)
294          animateClass: "animated", // animation css class (default is animated)
295          offset: 20, // distance to the element when triggering the animation (default is 0)
296          mobile: true, // trigger animations on mobile devices (default is true)
297          live: true, // act on asynchronously loaded content (default is true)
298        });
299        wow.init();
300      }
301    });
302
303    // Preloader Area
304    jQuery(window).on("load", function () {
305      $(".preloader").fadeOut();
306    });
307
308    // Buy Now Btn
309
310    // Switch Btn
311
312    $("body").append();
313  })(jQuery)
314);
315
316// function to set a given theme/color-scheme
317function setTheme(themeName) {
318  localStorage.setItem("ostin_theme", themeName);
319  document.documentElement.className = themeName;
320}
321// function to toggle between light and dark theme
322function toggleTheme() {
323  if (localStorage.getItem("ostin_theme") === "theme-dark") {
324    setTheme("theme-light");
325  } else {
326    setTheme("theme-dark");
327  }
328}
329// Immediately invoked function to set the theme on initial load
330(function () {
331  if (localStorage.getItem("ostin_theme") === "theme-dark") {
332    setTheme("theme-dark");
333    document.getElementById("slider").checked = false;
334  } else {
335    setTheme("theme-light");
336    document.getElementById("slider").checked = true;
337  }
338})();