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>
+      <div className="box_carousel">
+				
           <img src={useBaseUrl(img)} className="carousel-img" />
           <h6 className="title_carousel">{name}</h6>
-        </div>
       </div>
     );
   }
@@ -53,15 +52,18 @@ export default function Carousel(props) {
   const list = props.list;
   //https://react-slick.neostack.com/docs/api/
   const settings = {
-    dots: false,
+    dots: true,
     infinite: true,
-    slidesToShow: 2,
-    slidesToScroll: 1,
+    slidesToShow: 1,
+		slidesToScroll: 1,
     autoplay: true,
-    speed: 4000,
-    autoplaySpeed: 4000,
+    speed: 300,
+		draggable: false,
+		swipeToSlide: false,
+    autoplaySpeed: 1400,
     variableWidth: true,
-    cssEase: "linear"
+		centerMode: true,
+		pauseOnHover: true
   };
 
   return (