Resolve "add FLOSS carousel on homepage"

Closes #12 (closed)

src/components/Carousel.js

@@ -18,11 +18,10 @@ function CarouselElement({name, img, link}) {
 
   else if (typeof link === "undefined") {
     return (
-      <div className="box_carousel">     
-        <div>
-          <img src={useBaseUrl(img)} className="carousel-img" />
-          <h6 className="title_carousel">{name}</h6>
-        </div>
+      <div className="box_carousel">
+				
+        <img src={useBaseUrl(img)} className="carousel-img" />
+        <h6 className="title_carousel">{name}</h6>
       </div>
     );
   }
@@ -53,14 +52,19 @@ export default function Carousel(props) {
   const list = props.list;
   //https://react-slick.neostack.com/docs/api/
   const settings = {
-    dots: false,
     infinite: true,
+    easing: "linear",
     slidesToShow: 2,
     slidesToScroll: 1,
+    arrows: false,
     autoplay: true,
-    speed: 4000,
-    autoplaySpeed: 4000,
+    speed: 3000,
+    draggable: false,
+    swipeToSlide: false,
+    autoplaySpeed: 3000,
     variableWidth: true,
+    centerMode: true,
+    pauseOnHover: true,
     cssEase: "linear"
   };