Introduce widget class

Change-Id: I949cd46c48b9176c0b013c1c65f1fba949413c8e
diff --git a/dev/demo/plugin-client.html b/dev/demo/plugin-client.html
index e06b38f..52f35de 100644
--- a/dev/demo/plugin-client.html
+++ b/dev/demo/plugin-client.html
@@ -5,10 +5,21 @@
     <link type="text/css" rel="stylesheet" href="/css/kalamar.css" />
 
     <!-- load client javascript library -->
-    <script src="/js/src/plugin/client.js"></script>
+    <script src="/js/src/plugin/client.js" data-server="http://localhost:3003/"></script>
+    <style>
+      body, html {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+      border-width: 0;
+      }
+    </style>
   </head>
-  <body>
+  <body style="background-color: yellow">
     <h2>Example Widget!</h2>
-    <a onclick="KorAPlugin.log(333, 'Huhu!')">Send log!</a>
+    <ul>
+      <li><a onclick="KorAPlugin.log(333, 'Huhu!')">Send log!</a></li>
+      <li><a onclick="KorAPlugin.resize()">Resize</a></li>
+    </ul>
   </body>
 </html>
diff --git a/dev/demo/plugin-serverdemo.js b/dev/demo/plugin-serverdemo.js
index d1e6e20..563f302 100644
--- a/dev/demo/plugin-serverdemo.js
+++ b/dev/demo/plugin-serverdemo.js
@@ -7,10 +7,12 @@
 
 define(['app/en','plugin/server','lib/domReady','init','hint/foundries/cnx'], function (lang, pluginClass, domReady) {
   domReady(function () {
-    console.log("Los geht's");
     var p = pluginClass.create();
 
     // Open widget!
-    p.addWidget(document.getElementById('container'), 'http://localhost:3003/demo/plugin-client.html');
+    p.addWidget(
+      document.getElementById('container'),
+      'http://localhost:3003/demo/plugin-client.html'
+    );
   });
 });