Update documentation.

.github/workflows/documentation.yml

@@ -28,10 +28,13 @@ jobs:
             - uses: actions/setup-node@v1
               with:
                   node-version: '12.x'
+            - uses: webfactory/ssh-agent@v0.5.0
+              with:
+                  ssh-private-key: ${{ secrets.GH_PAGES_DEPLOY }}
             - name: Release to GitHub Pages
               working-directory: ./website
               env:
-                  USE_SSH: false
+                  USE_SSH: true
                   GIT_USER: ${{ secrets.GIT_USER }}
               run: |
                   git config --global user.email "${{ secrets.GIT_MAIL }}"

website/blog/2019-05-28-hola.md

@@ -1,11 +0,0 @@
----
-id: hola
-title: Hola
-author: Gao Wei
-author_title: Docusaurus Core Team
-author_url: https://github.com/wgao19
-author_image_url: https://avatars1.githubusercontent.com/u/2055384?v=4
-tags: [hola, docusaurus]
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet

website/blog/2019-05-29-hello-world.md

@@ -1,17 +0,0 @@
----
-id: hello-world
-title: Hello
-author: Endilie Yacop Sucipto
-author_title: Maintainer of Docusaurus
-author_url: https://github.com/endiliey
-author_image_url: https://avatars1.githubusercontent.com/u/17883920?s=460&v=4
-tags: [hello, docusaurus]
----
-
-Welcome to this blog. This blog is created with [**Docusaurus 2 alpha**](https://v2.docusaurus.io/).
-
-<!--truncate-->
-
-This is a test post.
-
-A whole bunch of other information.

website/blog/2019-05-30-welcome.md

@@ -1,13 +0,0 @@
----
-id: welcome
-title: Welcome
-author: Yangshun Tay
-author_title: Front End Engineer @ Facebook
-author_url: https://github.com/yangshun
-author_image_url: https://avatars0.githubusercontent.com/u/1315101?s=400&v=4
-tags: [facebook, hello, docusaurus]
----
-
-Blog features are powered by the blog plugin. Simply add files to the `blog` directory. It supports tags as well!
-
-Delete the whole directory if you don't want the blog features. As simple as that!

website/docs/carousel.md

@@ -1,5 +1,5 @@
 ---
-id: carousel
+slug: carousel
 title: Carousel
 ---
 
@@ -12,7 +12,7 @@ Creates carousel component.
 ### Props
 
 | Name         |     type     | required | default |                                                                                     descripiton |
-| ------------ | :-----: | -------: | ------: | ----------------------------------------------------------------------------------------------: |
+| ------------ | :----------: | -------: | ------: | ----------------------------------------------------------------------------------------------: |
 | children     |    Node[]    |     true |      [] |                                                    Child items that will be wrapped by carousel |
 | show         |    number    |    false |       1 |                                                            number of items to show at per slide |
 | slide        |    number    |    false |       1 |                                                               number of how many items to slide |

website/docs/infinityCarousel.md

@@ -1,5 +1,5 @@
 ---
-id: infinity
+slug: infinity
 title: Infinite Carousel
 ---
 

website/docs/installation.md

@@ -1,5 +1,5 @@
 ---
-id: installation
+slug: installation
 title: Installation Guide
 sidebar_label: Installation Guide
 ---

website/docs/scrollingCarousel.md

@@ -1,5 +1,5 @@
 ---
-id: scrolling-carousel
+slug: scrolling-carousel
 title: Scrolling carousel
 ---
 

website/docs/scrollingCarouselApi.md

@@ -1,5 +1,5 @@
 ---
-id: scrolling-carousel-api
+slug: scrolling-carousel-api
 title: Scrolling Carousel
 ---
 

website/docs/swipableCarousel.md

@@ -1,5 +1,5 @@
 ---
-id: swipible
+slug: swipible
 title: Swipeable Carousel
 ---
 

website/docs/usage.md

@@ -1,5 +1,5 @@
 ---
-id: usage
+slug: usage
 title: Usage
 ---
 

website/sidebars.js

@@ -1,7 +1,7 @@
 module.exports = {
 	someSidebar: {
 		Docusaurus: ['installation', 'usage'],
-		API: ['carousel', 'scrolling-carousel-api'],
-		Examples: ['infinity', 'swipible', 'scrolling-carousel'],
+		API: ['carousel', 'scrollingCarouselApi'],
+		Examples: ['infinityCarousel', 'swipableCarousel', 'scrollingCarousel'],
 	},
 };

website/src/css/custom.css

@@ -24,7 +24,7 @@
 	padding: 0 var(--ifm-pre-padding);
 }
 
-.exampleCarousel1 button:first-child {
+.exampleCarousel1 div > button[data-direction='left'] {
 	background: url('https://cdn.dsmcdn.com/web/production/slick-arrow.svg') no-repeat
 		center;
 	transform: rotateZ(180deg);
@@ -33,9 +33,11 @@
 	cursor: pointer;
 	position: relative;
 	left: -16px;
+	height: 80px;
+	top: 80px;
 }
 
-.exampleCarousel1 button:last-child {
+.exampleCarousel1 div > button[data-direction='right'] {
 	background: url('https://cdn.dsmcdn.com/web/production/slick-arrow.svg') no-repeat
 		center;
 	outline: none;
@@ -43,6 +45,8 @@
 	cursor: pointer;
 	position: relative;
 	right: -16px;
+	height: 80px;
+	top: 80px;
 }
 
 .exampleCarousel1 div:first-child {

website/src/pages/index.js

@@ -138,7 +138,7 @@ function Feature({ imageUrl, title, description }) {
 }
 
 function Home() {
-	//return <Redirect to="/react-carousel/docs/installation" />;
+	return <Redirect to="/react-carousel/docs/installation" />;
 	const [features, setFeatures] = useState([
 		{
 			id: 1,