v2 release

README.md

@@ -1,22 +1,32 @@
 # FilterBlend
 
 
-## Idea
 FilterBlend is a playground for the new CSS `background-blend-mode` and `filter` properties.<br>
 Load your images and combine blending with filters to achieve some really unique effects!
 
-![FilterBlend Screenshot](https://github.com/ilyashubin/FilterBlend/blob/master/screenshot.jpg?raw=true)
+[![FilterBlend Screenshot](https://github.com/ilyashubin/FilterBlend/blob/master/screenshot.jpg?raw=true)](http://ilyashubin.github.io/FilterBlend/)
 
 ### Some Details
 * Using awesome [Vue.js](https://github.com/vuejs/vue/) as a foundation.
-* Good ol' [jQuery](https://github.com/jquery/jquery) with [Nano Scroller](https://github.com/jamesflorentino/nanoScrollerJS).
+* Good ol' [jQuery](https://github.com/jquery/jquery) with [Nano Scroller](https://github.com/jamesflorentino/nanoScrollerJS) and [Sortable](https://github.com/RubaXa/Sortable).
 * [Font-awesome](https://github.com/FortAwesome/Font-Awesome) icons.
+* Color highlighting powered by [Prism.js](https://github.com/PrismJS/prism).
 * Development tools: Gulp, Jade, Stylus with Autoprefixer and Babel for JS.
 
 ### Hints
 * Paste image URL you want to preview, or pick your local image.
-* Click on position control to set value to 'center'. Click on size control to set it to 'auto'. You can also drag them to change the values.
-* Drag preview area to change image position or use mouse wheel to change image size.
-* Switch current image by click on the preview area.
-* To change background color use color picker in the top right corner of the preview area.
+* Drag preview area to change position.
+* Use mouse wheel to change size.
+* Click to switch current background layer.
 * All filter values can be changed by dragging.
+
+### Local Setup
+
+To install dependencies and run local server:
+
+```
+$ npm install
+$ gulp
+```
+
+Server starts at `http://localhost:8000/`

bower.json

@@ -17,19 +17,21 @@
   ],
   "dependencies": {
     "jquery": "1.*",
-    "vue": "~0.12.14",
+    "vue": "~1.0.7",
     "font-awesome": "~4.4.0",
-    "nanoscroller": "~0.8.7"
+    "nanoscroller": "~0.8.7",
+    "prism": "~1.3.0",
+    "Sortable": "~1.4.2"
   },
   "overrides": {
     "jquery": {
       "main": "dist/jquery.min.js"
     },
-    "vue": {
-      "main": "dist/vue.min.js"
-    },
     "font-awesome": {
       "main": "css/font-awesome.min.css"
+    },
+    "Sortable": {
+      "main": "Sortable.js"
     }
   }
 }