Readme improvements

README.md

@@ -1,10 +1,33 @@
 # iPhone X Bar
 ### Available on any of your sites!
+[![npm version](https://badge.fury.io/js/iphone-x-bar.svg)](https://www.npmjs.com/package/iphone-x-bar)
+![](http://img.badgesize.io/pfrankov/iphone-x-bar/master/iphone-x-bar.css)
+
+
+![iphone-x-bar](https://user-images.githubusercontent.com/584632/30505297-748259a0-9a7c-11e7-8ccd-fad6ca650c33.gif)
 
 ## Installation
 ```bash
 npm install --save iphone-x-bar
 ``` 
-```bash
+
+
+## Usage
+
+#### CDN
+```html
+<link rel="stylesheet" href="//cdn.rawgit.com/pfrankov/iphone-x-bar/v1.0.0/iphone-x-bar.css"/>
+```
+
+#### Bookmarklet
+```js
+javascript:(link=>{link.rel='stylesheet';link.href='//cdn.rawgit.com/pfrankov/iphone-x-bar/v1.0.0/iphone-x-bar.css';document.body.appendChild(link)})(document.createElement('link'))
+```
+
+```javascript
+// ES2015+ / TypeScript
 import "iphone-x-bar";
+
+// CommonJS
+require("iphone-x-bar");
 ```