Skip to content

Commit

Permalink
Updating dependencies and tasks:
Browse files Browse the repository at this point in the history
- Babel instead of 6to5;
- Using npm task instead of gulp to generate the package for npm;
- Updating Jest;
- gulp-clean-css instead of gulp-minify-css
- Updating build task to re create lib folder from scratch
- Removing duplicated package.json and pointing main one to ./lib/index.js
- Adding .npmignore
- Adding .travis.yml
  • Loading branch information
leandrowd committed Aug 27, 2016
1 parent 7a82149 commit 7fd718c
Show file tree
Hide file tree
Showing 39 changed files with 37,089 additions and 16,463 deletions.
3 changes: 3 additions & 0 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"presets": [ "react" ]
}
6 changes: 6 additions & 0 deletions .npmignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
src
tasks
dist
dev
build
gulpfile.js
4 changes: 4 additions & 0 deletions .travis.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
language: node_js
node_js:
- '6'
- '4'
93 changes: 93 additions & 0 deletions build/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css"/>
<link rel="stylesheet" href="carousel.css"/>
<link href='http://fonts.googleapis.com/css?family=Roboto:100,700,400' rel='stylesheet' type='text/css'>
</head>
<body>
<a href="https://github.com/leandrowd/react-responsive-carousel"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<div class="wrapper">
<h1>React Responsive Carousel</h1>

<h2>Summary</h2>
<ul class="summary">
<li><a href="#install">Installing</a></li>
<li><a href="#demos">Demos</a>
<ul>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#carousel-vertical">Carousel vertical</a></li>
<li><a href="#clean-carousel">Clean carousel</a></li>
</ul>
</li>
<li><a href="#props">Properties</a></li>
<li><a href="#contribute">Contributing</a></li>
</ul>

<h2 id="install">Installing</h2>
<code>
npm install react-responsive-carousel --save
</code>

<h2 id="demos">Demos</h2>
<section class="demos">
<article class="demo">
<h3 id="carousel">Carousel</h3>
<div class="example demo-carousel"></div>
<h5>Code:</h5>
<script src="https://gist.github.com/leandrowd/b8a9385b0b4b03054dc5.js"></script>
</article>

<article class="demo">
<h3 id="carousel-vertical">Carousel Vertical</h3>
<div class="example demo-carousel-vertical"></div>
<h5>Code:</h5>
<script src="https://gist.github.com/leandrowd/00cb396a7ce64f189943.js"></script>
</article>

<article class="demo">
<h3 id="clean-carousel">Clean Carousel</h3>
<div class="example demo-clean-carousel"></div>
<h5>Code:</h5>
<script src="https://gist.github.com/leandrowd/fcf3dcba5c12386c7d91.js"></script>
</article>


</section>

<h2 id="props">Properties</h2>
<section class="props">
<ul class="list-items">
<li>(Boolean) showArrows (default: true, options: true, false)</li>
<li>(Boolean) showStatus (default: true, options: true, false)</li>
<li>(Boolean) showIndicators (default: true, options: true, false)</li>
<li>(Boolean) showThumbs (default: true, options: true, false)</li>
<li>(Number) selectedItem (default: 0, options: any number between the first and the last index)</li>
<li>(String) axis (default: "horizontal" | options: "horizontal", "vertical")</li>
<li>(Function) onChange
<ul>
<li>Triggered when the carousel move</li>
</ul>
</li>
<li>(Function) onClickItem
<ul>
<li>Triggered when an item is clicked</li>
</ul>
</li>
<li>(Function) onClickThumb
<ul>
<li>Triggered when a thumb is clicked</li>
</ul>
</li>
</ul>
</section>

<h2 id="contributing">Contributing</h2>
<p>Please, feel free to contributing. You may file an issue or submit a pull request!</p>
</div>
<script src="es5-shim.min.js"></script>
<script src="main.js"></script>
</body>
</html>
Loading

0 comments on commit 7fd718c

Please sign in to comment.