Add dummy code for carousel (glide/glider.js)

_includes/scripts.html

@@ -2,6 +2,8 @@
 <script src="https://unpkg.com/@popperjs/core@2" defer></script>
 <script src="https://unpkg.com/tippy.js@6" defer></script>
 <script src="https://unpkg.com/mark.js@8" defer></script>
+<!-- <script src="https://unpkg.com/@glidejs/glide@3"></script> -->
+<!-- <script src="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.js"></script> -->
 
 <!-- include all js in scripts folder -->
 {% assign scripts = site.static_files | where_exp: "file", "file.path contains '/_scripts'" %}

_includes/styles.html

@@ -4,6 +4,14 @@
   href="https://cdn.jsdelivr.net/gh/StylishThemes/Syntax-Themes/pygments/css-github/pygments-tomorrow-night-eighties.css"
   rel="stylesheet"
 />
+<!-- <link 
+  href="https://cdn.jsdelivr.net/npm/@glidejs/[email protected]/dist/css/glide.core.min.css" 
+  rel="stylesheet"
+/> -->
+<!-- <link 
+  href="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.css"
+  rel="stylesheet" 
+/> -->
 
 <!-- include all sass in styles folder -->
 {% assign styles = site.pages

index.md

@@ -31,3 +31,38 @@ The Intelligent Data Infrastructure (IDI) research lab delves into database syst
   flip=true
   style="bare"
 %}
+
+<!-- Dummy Code using Glide.js -->
+<!-- <div class="glide">
+  <div class="glide__track" data-glide-el="track">
+    <ul class="glide__slides">
+      <li class="glide__slide">0</li>
+      <li class="glide__slide">1</li>
+      <li class="glide__slide">2</li>
+    </ul>
+  </div>
+</div>
+
+<script>
+  new Glide('.glide').mount()
+</script> -->
+
+
+<!-- Dummy Code using Glider.js -->
+<!-- <div class="glider">
+  <div> 1 </div>
+  <div> 2 </div>
+  <div> 3 </div>
+</div>
+
+<script>
+  new Glider(document.querySelector('.glider'), {
+    slidesToShow: 1,
+    dots: '#dots',
+    draggable: true,
+    arrows: {
+      prev: '.glider-prev',
+      next: '.glider-next'
+    }
+  });
+</script> -->