diff --git a/README.md b/README.md index 382351b..2b1ff17 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,8 @@ npm install make build ``` +Note: There will be a warning about a peer dependency on jquery. You can ignore it because slick-carousel is only used for stylesheets. + ### To Run ```bash npm start diff --git a/package.json b/package.json index 4db6f08..cb3d8fd 100644 --- a/package.json +++ b/package.json @@ -52,12 +52,12 @@ "react-dom": "15.6.2", "react-router-dom": "4.2.2", "react-router-prop-types": "1.0.0", - "react-slick": "0.15.4", + "react-slick": "0.23.1", "react-twitter-widgets": "1.7.1", "rrc": "0.10.1", "sass-lint": "1.11.1", "sass-loader": "6.0.6", - "slick-carousel": "1.7.1", + "slick-carousel": "^1.8.1", "style-loader": "0.19.0", "url-loader": "0.6.2", "webpack": "3.5.5", diff --git a/src/components/carousel/carousel.jsx b/src/components/carousel/carousel.jsx index fea7de5..b257d5f 100644 --- a/src/components/carousel/carousel.jsx +++ b/src/components/carousel/carousel.jsx @@ -2,8 +2,8 @@ import React from 'react'; import Slider from 'react-slick'; import PropTypes from 'prop-types'; -import 'slick-carousel/slick/slick.scss'; -import 'slick-carousel/slick/slick-theme.scss'; +import 'slick-carousel/slick/slick.css'; +import 'slick-carousel/slick/slick-theme.css'; import './carousel.scss'; /** diff --git a/static/images/ja/forest_project_picture.png b/static/images/ja/forest_project_picture.png new file mode 100644 index 0000000..289e5cf Binary files /dev/null and b/static/images/ja/forest_project_picture.png differ