README.md update, demo update

Author: rzajac

README.md

@@ -120,6 +120,17 @@ $scope.translate = function(value)
 
 [http://embed.plnkr.co/EqGIlU/preview](http://embed.plnkr.co/EqGIlU/preview)
 
+## Project integration
+
+```html
+    <script src="/path/to/angularjs/angular.min.js"></script>
+    <script src="/path/to/slider/rzslider.min.js"></script>
+
+    <script>
+        var YourApp = angular.module('myapp', ['rzModule']);
+    </script>
+```
+
 ## Changelog
 
 **v0.0.1**

bower.json

@@ -5,7 +5,7 @@
   "authors": [
     "Rafal Zajac <[email protected]>"
   ],
-  "description": "AngularJS slider directive with no dependencies.",
+  "description": "AngularJS slider directive with no external dependencies. Mobile friendly!",
   "main": "rzslider.js",
   "keywords": [
     "angularjs",

demo/index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <title>AngularJS Slider Plunker</title>
     <link rel="stylesheet" href="../dist/rzslider.css" />
-    <script src="../bower_components/angular/angular.min.js" data-semver="1.2.4"></script>
+    <script src="../bower_components/angular/angular.min.js"></script>
     <script src="../rzslider.js"></script>
 </head>
 
@@ -41,15 +41,23 @@
             rz-slider-floor="50"
             rz-slider-ceil="450"></rzslider>
 
+    <br><br><br>
+
+    <pre>{{ alphabetTranslate(letter) }}</pre>
+
+    <br><br>
+
+    <rzslider
+            rz-slider-floor="0"
+            rz-slider-ceil="letterMax"
+            rz-slider-model="letter"
+            rz-slider-translate="alphabetTranslate"></rzslider>
+
 </div>
 </body>
 
 <script>
-    var app = angular.module('plunker', ['rzModule']).config(function($sceProvider) {
-        // Completely disable SCE.  For demonstration purposes only!
-        // Do not use in new projects.
-        $sceProvider.enabled(false);
-    });
+    var app = angular.module('plunker', ['rzModule']);
 
     app.controller('MainCtrl', function($scope)
     {
@@ -66,7 +74,15 @@
         $scope.translate = function(value)
         {
             return '$' + value;
-        }
+        };
+
+        var alphabetArray = 'abcdefghijklmnopqrstuvwxyz'.split('');
+        $scope.letter = 5;
+        $scope.letterMax = alphabetArray.length - 1;
+        $scope.alphabetTranslate = function(value)
+        {
+            return alphabetArray[value].toUpperCase();
+        };
     });
 </script>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "angularjs-slider",
   "version": "0.1.1",
-  "description": "Slider directive for AngularJS. No dependencies.",
+  "description": "AngularJS slider directive with no external dependencies. Mobile friendly!.",
   "main": "rzslider.js",
   "repository": {
     "type": "git",