https://niagarafallsmarathon.com/js/custom.js

1/* 
2
31. Add your custom JavaScript code below
42. Place the this code in your template:
5
6  
7
8*/
9
10$(document).ready(function() {
11        // Select all links with hashes
12    $('a[href*="#"]')
13        // Remove links that don't actually link to anything
14        .not('[href="#"]')
15        .not('[href="#0"]')
16        .click(function(event) {
17            // On-page links
18            if (
19                location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
20                location.hostname == this.hostname
21            ) {
22                // Figure out element to scroll to
23                var target = $(this.hash);
24                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
25                // Does a scroll target exist?
26                if (target.length) {
27                    // Only prevent default if animation is actually gonna happen
28                    event.preventDefault();
29                    $('html, body').animate({
30                       // scrollTop: target.offset().top
31                    }, 500, function() {
32                        // Callback after animation
33                        // Must change focus!
34                        var $target = $(target);
35                        $target.focus();
36                        if ($target.is(":focus")) { // Checking if the target was focused
37                            return false;
38                        } else {
39                            $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
40                            $target.focus(); // Set focus again
41                        };
42                    });
43                }
44            }
45        });
46
47
48    /*-------------------------------------
49      Isotope
50    -------------------------------------*/
51
52    // // Isotope Filter
53    // $('.isotope-item').isotope({
54    //     itemSelector: '.item',
55    //     layoutMode:'fitRows'
56    //     // masonry: {
57    //     //     columnWidth: 0
58    //     // }
59    // });
60
61    var $grid = $('.isotope-item').isotope({
62        // options...
63        itemSelector: '.item',
64        layoutMode:'fitRows'
65
66    });
67
68    $grid.imagesLoaded().progress(function () {
69        $grid.isotope('layout');
70    });
71
72
73    $('.nav-item').click(function(){
74       $('.nav-item').removeClass('active');
75       $(this).addClass('active');
76       var selector=$(this).attr('data-filter');
77       $('.isotope-item').isotope({
78         filter:selector
79       });
80       return false;
81    });
82
83})
84
85
86
87
88AOS.init({
89	once: true,
90  duration: 1200,
91})