diff --git a/.github/workflows/documentation.yml b/.github/workflows/documentation.yml
index 5fd222f..407eeb9 100644
--- a/.github/workflows/documentation.yml
+++ b/.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 }}"
diff --git a/website/blog/2019-05-28-hola.md b/website/blog/2019-05-28-hola.md
deleted file mode 100644
index 5552da1..0000000
--- a/website/blog/2019-05-28-hola.md
+++ /dev/null
@@ -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
diff --git a/website/blog/2019-05-29-hello-world.md b/website/blog/2019-05-29-hello-world.md
deleted file mode 100644
index 3b33193..0000000
--- a/website/blog/2019-05-29-hello-world.md
+++ /dev/null
@@ -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/).
-
-
-
-This is a test post.
-
-A whole bunch of other information.
diff --git a/website/blog/2019-05-30-welcome.md b/website/blog/2019-05-30-welcome.md
deleted file mode 100644
index 3b5affe..0000000
--- a/website/blog/2019-05-30-welcome.md
+++ /dev/null
@@ -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!
diff --git a/website/blog/temp.md b/website/blog/temp.md
new file mode 100644
index 0000000..e69de29
diff --git a/website/docs/carousel.md b/website/docs/carousel.md
index 4a16d12..8ee09d2 100644
--- a/website/docs/carousel.md
+++ b/website/docs/carousel.md
@@ -1,5 +1,5 @@
---
-id: carousel
+slug: carousel
title: Carousel
---
@@ -11,19 +11,19 @@ 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 |
-| infinite | boolean | false | true | scrolling infinity |
-| transition | number | false | 0.5 | same as css transition property's second value |
-| swiping | boolean | false | false | enable swiping/dragging with mouse/touch events |
-| swipeOn | number | false | 1 | percantage of item width that slides when user drag count exceeds |
-| responsive | boolean | false | false | enables the feature that adjusts items width according to screen size dynamically |
-| className | string | false | "" | same as react's className property |
-| useArrowKeys | boolean | false | false | enables sliding when press arrow keys |
-| a11y | Array | false | {} | accessibility attributes |
-| dynamic | Boolean | false | false | if items are stateful, specify this option as true. Also give unique key to each item (like id) |
-| rightArrow | ReactElement | false | null | custom right arrow component |
-| leftArrow | ReactElement | false | null | custom left arrow component |
+| 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 |
+| infinite | boolean | false | true | scrolling infinity |
+| transition | number | false | 0.5 | same as css transition property's second value |
+| swiping | boolean | false | false | enable swiping/dragging with mouse/touch events |
+| swipeOn | number | false | 1 | percantage of item width that slides when user drag count exceeds |
+| responsive | boolean | false | false | enables the feature that adjusts items width according to screen size dynamically |
+| className | string | false | "" | same as react's className property |
+| useArrowKeys | boolean | false | false | enables sliding when press arrow keys |
+| a11y | Array | false | {} | accessibility attributes |
+| dynamic | Boolean | false | false | if items are stateful, specify this option as true. Also give unique key to each item (like id) |
+| rightArrow | ReactElement | false | null | custom right arrow component |
+| leftArrow | ReactElement | false | null | custom left arrow component |
diff --git a/website/docs/infinityCarousel.md b/website/docs/infinityCarousel.md
index 3deef2b..5bb6913 100644
--- a/website/docs/infinityCarousel.md
+++ b/website/docs/infinityCarousel.md
@@ -1,5 +1,5 @@
---
-id: infinity
+slug: infinity
title: Infinite Carousel
---
diff --git a/website/docs/installation.md b/website/docs/installation.md
index d54267b..ebad5ee 100644
--- a/website/docs/installation.md
+++ b/website/docs/installation.md
@@ -1,5 +1,5 @@
---
-id: installation
+slug: installation
title: Installation Guide
sidebar_label: Installation Guide
---
diff --git a/website/docs/scrollingCarousel.md b/website/docs/scrollingCarousel.md
index 2e73986..45c4988 100644
--- a/website/docs/scrollingCarousel.md
+++ b/website/docs/scrollingCarousel.md
@@ -1,5 +1,5 @@
---
-id: scrolling-carousel
+slug: scrolling-carousel
title: Scrolling carousel
---
diff --git a/website/docs/scrollingCarouselApi.md b/website/docs/scrollingCarouselApi.md
index e75eb9b..cae2e73 100644
--- a/website/docs/scrollingCarouselApi.md
+++ b/website/docs/scrollingCarouselApi.md
@@ -1,5 +1,5 @@
---
-id: scrolling-carousel-api
+slug: scrolling-carousel-api
title: Scrolling Carousel
---
diff --git a/website/docs/swipableCarousel.md b/website/docs/swipableCarousel.md
index 5d010ea..bdadcfc 100644
--- a/website/docs/swipableCarousel.md
+++ b/website/docs/swipableCarousel.md
@@ -1,5 +1,5 @@
---
-id: swipible
+slug: swipible
title: Swipeable Carousel
---
diff --git a/website/docs/usage.md b/website/docs/usage.md
index 4b76d22..45589ef 100644
--- a/website/docs/usage.md
+++ b/website/docs/usage.md
@@ -1,5 +1,5 @@
---
-id: usage
+slug: usage
title: Usage
---
diff --git a/website/sidebars.js b/website/sidebars.js
index a7bde2a..62dcd60 100644
--- a/website/sidebars.js
+++ b/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'],
},
};
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index cccca66..d9bd8ff 100644
--- a/website/src/css/custom.css
+++ b/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 {
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 232c67a..0e4a077 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -138,7 +138,7 @@ function Feature({ imageUrl, title, description }) {
}
function Home() {
- //return ;
+ return ;
const [features, setFeatures] = useState([
{
id: 1,