updating readme

README.md

@@ -1,61 +1,58 @@
 # Backpack
 
-Backpack is for building custom apps for use with Movable Ink
+Backpack is for building custom apps and projects for use with Movable Ink
 
 ## Installation
 
-Backpack is on bower. Install it with:
+In your `package.json` include the following in your dependecies:
 
 ```bash
-npm install -g bower # if bower is not installed yet
-bower init
-bower install --save mi-backpack
-```
 
-Then use it by referencing it from your HTML page:
+"dependencies": {
+   "backpack": "git+ssh://[email protected]/movableink/backpack.git"
+ }
+
 
-```html
-<script src="bower_components/mi-backpack/lib/backpack.js"></script>
 ```
 
-And from your JS:
+Then use it by importing it:
 
 ```javascript
-var myApp = new Backpack();
+import backpack from "backpack";
 ```
 
-## API
-
-### Trigger the fallback image
-
-`.forceFallback()` is useful for triggering the static fallback image associated with the block. Note: by default it will remove the `#mi_size_container` element from the DOM.
-
-Example:
+And from your project:
 
 ```javascript
-myApp.forceFallback()
+class Project extends Backpack{
+
+  constructor(){
+    super();
+  }
+
+};
 ```
 
+## API
 
-### Logging to console
+### Trigger the fallback image
 
-`.logger()` makes it easier to follow `console.logs()` inside the app debug console.
+`.forceFallback()` is useful for triggering the static fallback image associated with the block.
 
 Example:
 
 ```javascript
-myApp.logger('hello world')
+Project.forceFallback()
 ```
 
-
 ### Trigger an event
 
 `.trigger()` creates a synthetic event that bubbles up to the `document`.
 
 Example:
 
 ```javascript
-myApp.trigger('error', 'some helpful error comment');
+Project.trigger('error', 'some helpful error comment');
 ```
 
 
@@ -66,7 +63,7 @@ myApp.trigger('error', 'some helpful error comment');
 Example:
 
 ```javascript
-myApp.on('error', function(msg){
+Project.on('error', function(msg){
 	// msg.detail -- 'some helpful error comment'
 });
 ```