Create static scripts folder

boodlesite/static/scripts/script.js

+$(document).ready(function(){
+    $('.event-container').slick({
+dots: true,
+infinite: false,
+speed: 300,
+slidesToShow: 4,
+slidesToScroll: 4,
+responsive: [
+{
+  breakpoint: 1024,
+  settings: {
+    arrows: true,
+    slidesToShow: 3,
+    slidesToScroll: 3,
+    infinite: true,
+    dots: true
+  }
+},
+{
+  breakpoint: 600,
+  settings: {
+    arrows: true,
+
+    slidesToShow: 2,
+    slidesToScroll: 2
+  }
+},
+{
+  breakpoint: 480,
+  settings: {
+    arrows: true,
+
+    slidesToShow: 1,
+    slidesToScroll: 1
+  }
+}
+// You can unslick at a given breakpoint now by adding:
+// settings: "unslick"
+// instead of a settings object
+]
+});
+});