message: Update README usage part
diff: @@ -10,24 +10,34 @@ If you are using a module bundler...
  yarn add embla-carousel
  ```
  +```javascript
  +import EmblaCarousel from 'embla-carousel'
  +const embla = EmblaCarousel(document.querySelector('.embla'))
  +```
  +
  ...or inject the minified script [here](https://raw.githubusercontent.com/davidcetinkaya/embla-carousel/master/sandbox/index.js) into your website.
  ```html
  <script src="embla.min.js"></script>
  +<script>
  + const embla = EmblaCarousel(document.querySelector('.embla'))
  +</script>
  ```
  +## Usage
  +
  Setup your HTML markup...
  ```html
  -<div class="slider">
  - <div class="slider__container">
  - <div class="slider__slide">
  +<div class="embla">
  + <div class="embla__container">
  + <div class="embla__slide">
  ...
  </div>
  - <div class="slider__slide">
  + <div class="embla__slide">
  ...
  </div>
  - <div class="slider__slide">
  + <div class="embla__slide">
  ...
  </div>
  </div>
  @@ -37,18 +47,25 @@ Setup your HTML markup...
  ...Add some CSS...
  ```css
  -.slider {
  +.embla {
  overflow: hidden;
  }
  -.slider__container {
  +.embla__container {
  display: flex;
  will-change: transform;
  }
  -.slider__slide {
  +.embla__slide {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  }
  ```
  +...Initialize the script and pass the element node...
  +
  +```javascript
  +import EmblaCarousel from 'embla-carousel'
  +const embla = EmblaCarousel(document.querySelector('.embla'))
  +```
  +
  ...And you're good to go!
  