add feature-viewer.min.css in dist, update readme

Gruntfile.js

@@ -25,6 +25,13 @@ module.exports = function(grunt) {
                     'src/fv.nextprot.js'
                 ],
                 dest: 'dist/feature-viewer.nextprot.js'
+            },
+            css: {
+                src: [
+                    'bower_components/bootstrap/dist/css/bootstrap.min.css',
+                    'css/style.css'
+                ],
+                dest: 'dist/feature-viewer.min.css'
             }
 
         },

README.md

@@ -10,11 +10,11 @@ See: http://www.nextprot.org/
 
 ![Feature viewer](/assets/FV_SCSHT.png)
 
-Live demo: https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.40/examples/index.html
+**Live demo** : https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.44/examples/index.html
 
 ## Getting Started
 
-1) Include the library using bower or npm or simply by including the javascript feature-viewer.js
+1) You can get the library in your project using bower or npm
 ```
 //BOWER//
 bower install feature-viewer
@@ -23,7 +23,17 @@ bower install feature-viewer
 npm install feature-viewer
 ```
 
-Note: that if you choose the later approach (by just using the feature-viewer.js) you should also include the dependencies :  jquery,d3 and bootstrap.js / bootstrap.min.css
+Or Include the feature-viewer JS and CSS from rawgit CDN in the header of your html
+```html
+<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.44/dist/feature-viewer.min.css">
+
+<script src="https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.44/dist/feature-viewer.bundle.js"></script>
+```
+
+**NOTE** : If you already got the dependencies (D3, Bootstrap & Jquery) in your project, use the simple minified version instead of the bundle :
+```html
+<script src="https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.44/dist/feature-viewer.min.js"></script>
+```
 
 2) Specify a div in your html
 ```
@@ -95,7 +105,7 @@ You may sometimes want to reload your feature-viewer with new parameters. To avo
 ## Documentation
 
 Check out this page for a better understanding of how to use the feature viewer and its possibilities :
-* https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.40/examples/index.html
+* https://cdn.rawgit.com/calipho-sib/feature-viewer/v0.1.44/examples/index.html
 
 ## Use it with NeXtProt API
 

css/style.css

@@ -1,35 +1,3 @@
-
-/*
-.pep{fill:#B3E1D1;}
-.linepep{stroke:#B3E1D1;stroke-width:1px;z-index:0}
-
-.srmPep{fill:#B3E1F0}
-.linesrmPep{stroke:#B3E1F0;stroke-width:1px;z-index:0}
-
-.mature{fill:#B3B3C2;}
-.linemature{stroke:#B3B3C2;stroke-width:1px;}
-
-.signal{fill:#B3B3E1;}
-.linesignal{stroke:#B3B3E1;stroke-width:1px;}
-
-.pro{fill:#B3B3B3;}
-.linepro{stroke:#B3B3B3;stroke-width:1px;}
-
-.antiB{fill:#B3C2F0;}
-.lineantiB{stroke:#B3C2F0;stroke-width:1px;}
-
-.initMeth{fill:#B3B3D1;}
-.lineinitMeth{stroke:#B3B3D1;stroke-width:1px;z-index:0}
-
-.modifRes{fill:#B3C2B3;}
-.linemodifRes{stroke:#B3C2B3;stroke-width:1px;z-index:0}
-
-.crossLink{fill:#B3C2C2;}
-.linecrossLink{stroke:#B3C2C2;stroke-width:1px;}
-
-.glycoSite{fill:#B3C2D1;}
-.lineglycoSite{stroke:#B3C2D1;stroke-width:1px;}
-*/
 .variant{
     stroke:rgba(0,255,154,0.6);
     stroke-width:1px;
@@ -112,32 +80,40 @@ a:focus {
     top: 98%;
     right: 10px;
 }
+
 .yaxis{
     background-color:green;
 }
+
 .header-help{
     color: #C50063;
 }
+
 .header-help:hover{
     color: #98004C;
     cursor: pointer;
     text-decoration: none;
 }
+
 .header-help:focus{
     color: #98004C;
 }
+
 .popover-title{
     text-align: center;
     background-color: rgba(197, 0, 99, 0.1);
 }
+
 .label-as-badge {
     border-radius: 1em;
     font-size:0.7em;
     background-color: #C50063;
 }
+
 path{
     fill:none;
 }
+
 rect{
     rx:2;
-}
+}