add link to demo in readme + update demo colors

Author: g-harel

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 1.0.3
+
+- Add link to demo page in the README
+
 # 1.0.2
 
 - Make transpiled output minified

README.md

@@ -1,38 +1,24 @@
-<img src="https://svgsaur.us/?t=blobs&f=Comic_Sans_MS,cursive,sans-serif&s=42&w=160&h=50&y=40&o=biu&c=222" />
+# [blobs](https://g-harel.github.io/blobs)
 
 [![](https://img.shields.io/npm/v/blobs.svg)](https://www.npmjs.com/package/blobs)
 [![](https://img.shields.io/bundlephobia/minzip/blobs.svg)](https://bundlephobia.com/result?p=blobs)
 
-> random svg blob generator
+[![](https://user-images.githubusercontent.com/9319710/51342364-b4dc5800-1a61-11e9-9452-3db013605a80.png)](https://g-harel.github.io/blobs)
 
 ## Install
 
 ```shell
 $ npm install blobs
 ```
 
-## Usage
-
-&nbsp;
-
-<img align="left" height="288" src="https://user-images.githubusercontent.com/9319710/50946063-b73d2180-1465-11e9-9f4e-fb80ebb31f92.png" />
+```html
+<script src="https://unpkg.com/blobs"></script>
+```
 
-<img align="right" height="288" src="https://user-images.githubusercontent.com/9319710/50946064-b73d2180-1465-11e9-827d-afeab9bddbc9.png" />
+## Usage
 
 ```typescript
-import blobs from "blobs";
-
-const svg = blobs({
-    size: 288,
-    complexity: 0.2,
-    contrast: 0.4,
-    color: "pink",
-    stroke: {
-        color: "red",
-        width: 2,
-    },
-    guides: true,
-});
+const svg = blobs(options);
 ```
 
 ## Options

index.html

@@ -9,6 +9,8 @@
     <style>
         body {
             display: table;
+            font-family: monospace;
+            font-size: 1.1em;
             height: 100%;
             left: 0;
             margin: 0;
@@ -41,7 +43,7 @@
         }
 
         #error {
-            color: red;
+            color: #ec576b;
             font-family: monospace;
             font-size: 1.5em;
             text-align: center;
@@ -58,18 +60,17 @@
     <div class="middle">
         <main>
             <div id="blob"></div><!--
-         --><pre id="options" contenteditable oninput="changed()">
-{
-    size: 600,
-    complexity: 0.2,
-    contrast: 0.4,
-    color: "pink",
-    stroke: {
-        width: 2.3,
-        color: "red",
-    },
-    guides: true,
-    seed: "abcd",
+         --><pre id="options" contenteditable oninput="changed()">{
+   size: 600,
+   complexity: 0.2,
+   contrast: 0.4,
+   color: "#ec576b",
+   stroke: {
+      width: 0,
+      color: "black",
+   },
+   guides: false,
+   seed: "1234",
 }</pre>
             <div id="error">&nbsp;</div>
         </main>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blobs",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "svg blob generator",
   "author": "g-harel",
   "license": "MIT",