Add CDNJS version badge in README.md

Merge pull request #118 from clairetsai818/add_badge-1
- Improved CDN description #118
alvarotrigo
diff --git a/README.md b/README.md
@@ -1,9 +1,11 @@
 # pagePiling.js
 
 ![preview](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png)
-![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif)
+![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif)\
 Pile your sections one over another and access them scrolling or by URL!
 
+![pagePiling.js version](http://img.shields.io/badge/fullPage.js-v1.5.6-brightgreen.svg)
+
 - [Live demo](http://alvarotrigo.com/pagePiling/)
 - [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/)
 - [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs)
@@ -39,15 +41,18 @@ Terminal:
 bower install pagepiling.js
 ```
 
-###Including files:
+### Including files:
 ```html
 <link rel="stylesheet" type="text/css" href="jquery.pagepiling.css" />
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script type="text/javascript" src="jquery.pagepiling.js"></script>
 ```
 
-###Required HTML structure
+### Optional use of CDN
+If you prefer to use a CDN to load the needed files, pagePiling.js is in CDNJS: https://cdnjs.com/libraries/pagePiling.js
+
+### Required HTML structure
 Each section will be defined with a `div` containing the `section` class.
 The active section by default will be the first section, which is taken as the home page.
 ```html
@@ -59,7 +64,7 @@ The active section by default will be the first section, which is taken as the h
 </div>
 ```
 
-###Initialization
+### Initialization
 All you need to do is call the plugin inside a `$(document).ready` function:
 
 ```javascript
@@ -236,7 +241,7 @@ $.fn.pagepiling.setScrollingSpeed(700);
 
 
 ## Callbacks
-###afterLoad (`anchorLink`, `index`)
+### afterLoad (`anchorLink`, `index`)
 Callback fired once the sections have been loaded, after the scrolling has ended.
 Parameters:
 
@@ -265,7 +270,7 @@ Example:
 	});
 ```
 
-###onLeave (`index`, `nextIndex`, `direction`)
+### onLeave (`index`, `nextIndex`, `direction`)
 This callback is fired once the user leaves a section, in the transition to the new section.
 
 Parameters:
@@ -292,7 +297,7 @@ Example:
 ```
 
 
-###afterRender()
+### afterRender()
 This callback is fired just after the structure of the page is generated. This is the callback you want to use to initialize other plugins or fire any code which requires the document to be ready (as this plugin modifies the DOM to create the resulting structure).
 
 Example:

diff --git a/dist/jquery.pagepiling.css b/dist/jquery.pagepiling.css
@@ -1,5 +1,5 @@
 /*!
- * pagepiling.js 1.5.4
+ * pagepiling.js 1.5.6
  *
  * https://github.com/alvarotrigo/pagePiling.js
  * @license MIT licensed
@@ -18,6 +18,9 @@ html, body {
     height:100%;
     position:absolute;
     width:100%;
+
+    /* fixes flickering in firefox*/
+    backface-visibility: hidden; 
 }
 .pp-easing {
     -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
@@ -125,4 +128,4 @@ html, body {
 .pp-scrollable{
     overflow-y: scroll;
     height: 100%;
-}
+}
diff --git a/dist/jquery.pagepiling.js b/dist/jquery.pagepiling.js
@@ -1,5 +1,5 @@
 /*!
- * pagepiling.js 1.5.4
+ * pagepiling.js 1.5.6
  *
  * https://github.com/alvarotrigo/pagePiling.js
  * @license MIT licensed

diff --git a/dist/jquery.pagepiling.min.css b/dist/jquery.pagepiling.min.css
diff --git a/dist/jquery.pagepiling.min.css.map b/dist/jquery.pagepiling.min.css.map
diff --git a/dist/jquery.pagepiling.min.js b/dist/jquery.pagepiling.min.js
diff --git a/dist/jquery.pagepiling.min.js.map b/dist/jquery.pagepiling.min.js.map
diff --git a/examples/videoBackground.html b/examples/videoBackground.html
@@ -77,6 +77,10 @@
 			color: #fff;
 		}
 
+		#section1{
+			overflow: hidden;
+		}
+
 
     </style>
 </head>

diff --git a/gulpfile.js b/gulpfile.js
@@ -2,7 +2,6 @@ var gulp = require('gulp');
 var rename = require('gulp-rename');
 var sourcemaps = require('gulp-sourcemaps');
 var uglify = require('gulp-uglify');
-var sass = require('gulp-sass');
 var minifyCss = require('gulp-clean-css');
 
 gulp.task('css', function() {

diff --git a/jquery.pagepiling.css b/jquery.pagepiling.css
@@ -1,5 +1,5 @@
 /*!
- * pagepiling.js 1.5.4
+ * pagepiling.js 1.5.6
  *
  * https://github.com/alvarotrigo/pagePiling.js
  * @license MIT licensed
@@ -18,6 +18,9 @@ html, body {
     height:100%;
     position:absolute;
     width:100%;
+
+    /* fixes flickering in firefox*/
+    backface-visibility: hidden; 
 }
 .pp-easing {
     -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
@@ -125,4 +128,4 @@ html, body {
 .pp-scrollable{
     overflow-y: scroll;
     height: 100%;
-}
+}
diff --git a/jquery.pagepiling.js b/jquery.pagepiling.js
@@ -1,5 +1,5 @@
 /*!
- * pagepiling.js 1.5.4
+ * pagepiling.js 1.5.6
  *
  * https://github.com/alvarotrigo/pagePiling.js
  * @license MIT licensed