https://startup-greece.org/wp-content/themes/picostrap5-child-base/js/custom.js

1// to enable the enqueue of this optional JS file, 
2// you'll have to uncomment a row in the functions.php file
3// just read the comments in there mate
4
5console.log("Custom js file loaded");
6
7//add here your own js code. Vanilla JS welcome.
8
9//// When the user scrolls the page, execute myFunction
10window.onscroll = function() {myFunction()};
11
12// Get the navbar
13var navbar = document.getElementById("navbar");
14
15// Get the offset position of the navbar
16var sticky = navbar.offsetTop;
17
18// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
19function myFunction() {
20  if (window.pageYOffset > sticky) {
21    navbar.classList.add("sticky")
22  } else {
23    navbar.classList.remove("sticky");
24  }
25}
26
27//Search podcast
28jQuery('.podcast-column').each(function() {
29  jQuery(this).attr('data-search-term', jQuery(this).children('.podcast-title').text().toLowerCase());
30});
31
32//Slick slider for Posts Shortcode
33jQuery('.carousel-responsive').slick({
34  dots: true,
35  infinite: false,
36  speed: 300,
37  slidesToShow: 3,
38  slidesToScroll: 1,
39  responsive: [
40    {
41      breakpoint: 1024,
42      settings: {
43        slidesToShow: 3,
44        slidesToScroll: 1,
45        infinite: true,
46        dots: true
47      }
48    },
49    {
50      breakpoint: 600,
51      settings: {
52        slidesToShow: 2,
53        slidesToScroll: 1
54      }
55    },
56    {
57      breakpoint: 480,
58      settings: {
59        slidesToShow: 1,
60        slidesToScroll: 1
61      }
62    }
63    // You can unslick at a given breakpoint now by adding:
64    // settings: "unslick"
65    // instead of a settings object
66  ]
67});
68
69//Slick slider for Startup Greece Week
70jQuery('.carousel-greece-week-workshop,.carousel-greece-week-city,.carousel-greece-week-thematic,.carousel-greece-week-contest').slick({
71  dots: true,
72  autoplay: true,
73  arrows:false,
74  infinite: false,
75  speed: 300,
76  slidesToShow: 4,
77  slidesToScroll: 4,
78  responsive: [
79    {
80      breakpoint: 1024,
81      settings: {
82        slidesToShow: 3,
83        slidesToScroll: 3,
84        infinite: true,
85        dots: true
86      }
87    },
88    {
89      breakpoint: 600,
90      settings: {
91        slidesToShow: 2,
92        slidesToScroll: 2
93      }
94    },
95    {
96      breakpoint: 480,
97      settings: {
98        slidesToShow: 1,
99        slidesToScroll: 1
100      }
101    }
102    // You can unslick at a given breakpoint now by adding:
103    // settings: "unslick"
104    // instead of a settings object
105  ]
106});
107
108
109
110// Our action filter functionality
111// jQuery('.nav-pills li').on('click tap', function(){
112//   jQuery('.border-25').hide().filter('.' + this.id).show()
113// });;
114;