From 9ef6d094f543d40a233b11c85cc650d64b9e33fa Mon Sep 17 00:00:00 2001
From: Mujahid Ansori Majid <hitzveraidn@gmail.com>
Date: Tue, 10 Oct 2023 20:03:26 +0700
Subject: [PATCH] fix slick at section 2

---
 assets/js/section2.js | 18 ++++++------------
 index.html            | 18 +++++++++++++-----
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/assets/js/section2.js b/assets/js/section2.js
index be558c4..042c013 100644
--- a/assets/js/section2.js
+++ b/assets/js/section2.js
@@ -1,16 +1,10 @@
 $(document).ready(function () {
-  console.log("test");
   $(".section__2-carousel").slick({
-    // prevArrow: "<i class='slick-prev fa-regular fa-circle-left'></i>",
-    // nextArrow: "<i class='slick-next fa-regular fa-circle-right'></i>",
-    // dots: true,
-    // autoplay: true,
-    // autoplaySpeed: 2500,
-    // centerMode: true,
-    // centerPadding: "60px",
-    // slidesToShow: 3,
-
-    // slidesToShow: 1,
-    // slidesToScroll: 1,
+    dots: true,
+    infinite: true,
+    speed: 300,
+    slidesToShow: 1,
+    centerMode: true,
+    variableWidth: true,
   });
 });
diff --git a/index.html b/index.html
index 2910e1b..31dae38 100644
--- a/index.html
+++ b/index.html
@@ -21,12 +21,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"
+      href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"
+      href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"
     />
 
     <!-- font awesome -->
@@ -147,28 +147,36 @@
                   src="https://kyou.id/static/img/store/1-sm.jpg"
                   style="object-fit: cover"
                   alt=""
-                  width="100%"
-                  height="100%"
+                  width="200px"
+                  height="200px"
                 />
                 <img
                   src="https://kyou.id/static/img/store/2-sm.jpg"
                   style="object-fit: cover"
                   alt=""
+                  width="200px"
+                  height="200px"
                 />
                 <img
                   src="https://kyou.id/static/img/store/3-sm.jpg"
                   style="object-fit: cover"
                   alt=""
+                  width="200px"
+                  height="200px"
                 />
                 <img
                   src="https://kyou.id/static/img/store/4-sm.jpg"
                   style="object-fit: cover"
                   alt=""
+                  width="200px"
+                  height="200px"
                 />
                 <img
-                  src="https://kyou.id/static/img/store/5.jpg"
+                  src="https://kyou.id/static/img/store/4-sm.jpg"
                   style="object-fit: cover"
                   alt=""
+                  width="200px"
+                  height="200px"
                 />
               </div>
             </div>