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,