diff --git a/README.md b/README.md
index 8e84ab8..9ba2530 100644
--- a/README.md
+++ b/README.md
@@ -112,7 +112,7 @@ name = Stear.addGlobalStyleJSON({
 ```
 The Function can add CSS like CSS can be added to Elements in Pages. When leaving name empty a cssClass will be added with a sortof random name.
 
-#### Adding CSS Animations the with JSON
+#### Adding CSS Animations with JSON
 ```javascript
 var KeyframeName = Stear.addAnimation({
     "0%":{
diff --git a/connect.js b/example/connect.js
similarity index 89%
rename from connect.js
rename to example/connect.js
index 050c410..43b1e7e 100644
--- a/connect.js
+++ b/example/connect.js
@@ -1,5 +1,5 @@
-import { _ } from "./stear/main.js";
-import { fadein, fadeout, wait } from "./stear/utils.js";
+import { _ } from "../stear/main.js";
+import { fadein, fadeout, wait } from "../stear/utils.js";
 import "./waitStyle.js";
 
 export const preRender = true;
@@ -26,7 +26,7 @@ _({find:"main"},[
     ])
 ]);
 
-export const call = async (stear, { find, resolve, render, call }, args) => {
+export const call = async (stear, { find, resolve, render, call }, {name,id}) => {
     find.text._.innerText = "Connecting to: " + name + " (" + id + ")";
     await fadein(find.main._, 200, true);    
     //do connection
diff --git a/index.html b/example/index.html
similarity index 100%
rename from index.html
rename to example/index.html
diff --git a/index.js b/example/index.js
similarity index 88%
rename from index.js
rename to example/index.js
index f54281b..9734eff 100644
--- a/index.js
+++ b/example/index.js
@@ -1,4 +1,4 @@
-import { Stear, SWindow } from "./stear/main.js";
+import { Stear, SWindow } from "../stear/main.js";
 
 import * as connect from "./connect.js";
 import * as start from "./start.js";
diff --git a/start.js b/example/start.js
similarity index 91%
rename from start.js
rename to example/start.js
index 74e005f..8eb4ca8 100644
--- a/start.js
+++ b/example/start.js
@@ -1,5 +1,5 @@
-import { Stear, _ } from "./stear/main.js";
-import { fadein, fadeout, wait } from "./stear/utils.js";
+import { Stear, _ } from "../stear/main.js";
+import { fadein, fadeout, wait } from "../stear/utils.js";
 
 export const preRender = true;
 
diff --git a/waitStyle.js b/example/waitStyle.js
similarity index 95%
rename from waitStyle.js
rename to example/waitStyle.js
index 1edb1b6..0317414 100644
--- a/waitStyle.js
+++ b/example/waitStyle.js
@@ -1,4 +1,4 @@
-import { Stear } from "./stear/main.js";
+import { Stear } from "../stear/main.js";
 
 var animation = Stear.addAnimation({
     "0%":     {left:  "4%",top:  "4%"},