Merge branch 'master' of github.com:geosigno/simpleParallax.js

Author: geosigno

README.md

@@ -1,6 +1,10 @@
-![simpleParallax logo](https://simpleparallax.b-cdn.net/images/logo.png?new=new)
-
-[![GitHub version](https://badge.fury.io/gh/geosenna%2FsimpleParallax.svg)](https://badge.fury.io/gh/geosenna%2FsimpleParallax)  [![](https://img.shields.io/npm/dm/simple-parallax-js)](https://www.npmjs.com/package/simple-parallax-js) [![GitHub issues](https://img.shields.io/github/issues/geosigno/simpleParallax.js.svg)](https://GitHub.com/geosigno/simpleParallax.js/issues/) [![](https://data.jsdelivr.com/v1/package/npm/simple-parallax-js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/simple-parallax-js)
+<div align="center">
+<picture>
+  <source srcset="https://simpleparallax.com/logo-vertical-dark.png" media="(prefers-color-scheme: dark)">
+  <source srcset="https://simpleparallax.com/logo-vertical-light.png" media="(prefers-color-scheme: light)">
+  <img src="https://simpleparallax.com/logo-vertical-dark.png" alt="Logo" width="400" height="180" style="display:block;margin:0 auto;">
+</picture>
+</div>
 
 # simpleParallax.js
 
@@ -61,14 +65,14 @@ simply add the following JavaScript code :
 
 ```javascript
 const image = document.getElementsByClassName('thumbnail');
-new simpleParallax(image);
+new SimpleParallax(image);
 ```
 
 You can also choose to apply the parallax on multiple images :
 
 ```javascript
 const images = document.querySelectorAll('img');
-new simpleParallax(images);
+new SimpleParallax(images);
 ```
 
 Once simpleparallax has been correctly initialized, it adds the ```simple-parallax-initialized``` class on the container.
@@ -83,7 +87,7 @@ simpleParallax now works with video :
 
 ```javascript
 var video = document.getElementsByTagName('video');
-new simpleParallax(video);
+new SimpleParallax(video);
 ```
 
 ## Settings
@@ -142,7 +146,7 @@ const Component = () => (
 
 ```javascript
 var images = document.querySelectorAll('.thumbnail');
-new simpleParallax(images, {
+new SimpleParallax(images, {
     delay: 0,
     orientation: 'down',
     scale: 1.3,
@@ -186,7 +190,7 @@ Refresh a simpleParallax instance (to recalculate all the positions) :
 
 ```javascript
 var images = document.querySelectorAll('img');
-var instance = new simpleParallax(images);
+var instance = new SimpleParallax(images);
 instance.refresh();
 ```
 
@@ -197,7 +201,7 @@ Destroy a simpleParallax instance:
 
 ```javascript
 var images = document.querySelectorAll('img');
-var instance = new simpleParallax(images);
+var instance = new SimpleParallax(images);
 instance.destroy();
 ```