https://netzerocensus.co.uk/wp-content/themes/divi-child/theme/js/b4st.js?ver=1.0.0

1/*
2 * b4st JS
3 */
4
5  
6
7$(document).ready(function() {
8
9  // Comments
10
11  $('.commentlist li').addClass('card mb-3');
12  $('.comment-reply-link').addClass('btn btn-secondary');
13
14  // Forms
15
16  $('select, input[type=text], input[type=email], input[type=password], textarea').addClass('form-control');
17  $('input[type=submit]').addClass('btn btn-primary');
18
19  // Pagination fix for ellipsis
20
21  $('.pagination .dots').addClass('page-link').parent().addClass('disabled');
22
23  //==========================================  Custom JS 
24  // You can put your own code in here
25
26  //load more logos
27  $('.hidden-logos').hide();
28  $('.loadmorebtn').click(function(e){
29    e.preventDefault();
30    $('.loadmorerow').hide();
31    $('.hidden-logos').show(200);
32  });
33
34
35  //Dot animation
36  $('.dotLine .blue').css('background-color', '#326EDD');
37
38  //$('.dotLine.d1 .blue').animate({backgroundColor: '#326EDD'}, '1000');
39
40  // setTimeout(function() { 
41  //   $('.dotLine.d1 .blue').css('background-color', '#326EDD');
42  // }, 1000);
43
44  // setTimeout(function() { 
45  //   $('.dotLine.d2 .blue').css('background-color', '#326EDD');
46  // }, 2000);
47
48  // setTimeout(function() { 
49  //   $('.dotLine.d3 .blue').css('background-color', '#326EDD');
50  // }, 3000);
51
52  // setTimeout(function() { 
53  //   $('.dotLine.d4 .blue').css('background-color', '#326EDD');
54  // }, 4000);
55
56  // Dots resizing:
57
58  var oldWindow = $(window).innerWidth();
59  var Unit = 55; // Dot unit with its margin;
60  
61  function ResizeDotAnimation(){
62    var Window = $(window).innerWidth();
63    var Container = $('.dotAnimationCol').innerWidth();
64    var Width = $('.dotAnimationWrap').width();
65 
66    //console.log('Col: '+ Container);
67    //console.log('div: '+ Width);
68
69    if (Window > oldWindow) {
70      // scale up
71      console.log ('UP');
72      
73        var FloatUn = Container / Unit;
74        var RoundedUn = Math.floor(FloatUn);
75        var NeatWidth = RoundedUn * Unit;
76        //console.log( RoundedUn +'=>'+ NeatWidth );
77        if ( NeatWidth <= 1265){
78          $('.dotAnimationWrap').width( NeatWidth );
79        } else{
80          $('.dotAnimationWrap').width( 1265 );
81        }
82    } else{
83      //scale down"
84      //console.log ('DOWN');
85      
86        var FloatUn = Container / Unit;
87        var RoundedUn = Math.floor(FloatUn);
88        var NeatWidth = RoundedUn * Unit;
89        //console.log( RoundedUn +'=>'+ NeatWidth );
90
91        if ( NeatWidth <= 1265){
92          $('.dotAnimationWrap').width( NeatWidth );
93        } else{
94          $('.dotAnimationWrap').width( 1265 );
95        }
96    }
97    oldWindow = Window;
98  }
99  //onload:
100  ResizeDotAnimation();
101
102  //on resize
103  $(window).bind('resize', function(e){
104      window.resizeEvt;
105      $(window).resize(function(){
106          clearTimeout(window.resizeEvt);
107          window.resizeEvt = setTimeout(function(){
108          //code to do after window is resized
109
110          ResizeDotAnimation();
111
112          }, 250);
113      });
114  });
115
116   // V Carousel
117
118//   // end document ready
119// });
120  // init
121  var controller = new ScrollMagic.Controller({
122    globalSceneOptions: {
123      triggerHook: 'onLeave',
124      duration: "100%" // this works just fine with duration 0 as well
125      // However with large numbers (>20) of pinned sections display errors can occur so every section should be unpinned once it's covered by the next section.
126      // Normally 100% would work for this, but here 200% is used, as Panel 3 is shown for more than 100% of scrollheight due to the pause.
127    }
128  });
129
130  // get all slides
131  var slides = document.querySelectorAll(".et_pb_section.caro");
132
133  // create scene for every slide
134  for (var i=0; i<slides.length; i++) {
135    new ScrollMagic.Scene({
136        triggerElement: slides[i],
137        offset: -93
138      })
139      .setPin(slides[i], {pushFollowers: false})
140      //.addIndicators() // add indicators (requires plugin)
141      .addTo(controller);
142  }
143
144
145//Scoll progress
146$(document).on("scroll", function(){
147  var pixels = $(document).scrollTop();
148  var pageHeight = $(document).height() - $(window).height();
149  var progress = 100 * pixels / pageHeight;
150  
151  $(".progressBar div").css("width", progress + "%");
152});
153
154});