diff --git a/.gitignore b/.gitignore
index 94be637..9e9f7a5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,8 @@
# Logs
logs
*.log
+.DS_Store
+dist/client.js
# Runtime data
pids
@@ -24,6 +26,4 @@ build/Release
# Dependency directory
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
-node_modules
-
-bundle.js
\ No newline at end of file
+node_modules
\ No newline at end of file
diff --git a/README.md b/README.md
index 0c317e6..f7ca95c 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,12 @@
# hello-world-imba
-Tiny template for testing out Imba in the browser.
+Tiny template for testing out Imba
## Getting started
```bash
-git clone https://github.com/somebee/hello-world-imba.git
-cd hello-world-imba
+# install dependencies
npm install
-npm run watch
+# start webpack-dev-server and compiler
+npm run dev
```
-
-Open `index.html` in your browser (you should not need a webserver).
\ No newline at end of file
diff --git a/dist/index.css b/dist/index.css
new file mode 100644
index 0000000..3c755fb
--- /dev/null
+++ b/dist/index.css
@@ -0,0 +1,94 @@
+html,body {
+ width: 100%;
+ height: 100%;
+ margin: 0px;
+ font-family: Arial;
+}
+
+body {
+ display: flex;
+ font-size: 14px;
+ align-items: stretch;
+ justify-content: center;
+ flex-direction: column;
+ background: whitesmoke;
+ padding: 30px;
+}
+
+:focus { outline: none !important; }
+
+.App {
+ background: white;
+}
+
+.vbox {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: stretch;
+}
+
+
+body,div,form,header,footer,section,input,button,nav,aside,article {
+ box-sizing: border-box;
+}
+
+div,section,input,ul,main,article,.grow {
+ flex: 1 1 auto;
+}
+
+input {
+ display: block;
+ padding: 0px 12px;
+ background: transparent;
+ border: none;
+ font-size: inherit;
+ width: 50px;
+ height: 24px;
+}
+
+button {
+ -webkit-appearance: none;
+ background: #4a95eb;
+ font-size: 13px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 0px;
+ padding: 2px 10px;
+ border-radius: 2px;
+ color: white;
+ margin: 0px 4px;
+ flex: 0 0 auto;
+ height: 24px;
+}
+
+button:hover {
+ background: #3a8eef;
+}
+
+header,footer {
+ flex: 0 0 auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 6px;
+ background: #e8e8e8;
+}
+
+ul {
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ padding: 10px;
+}
+
+li {
+ padding: 8px 12px;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ border-bottom: 1px solid whitesmoke;
+}
\ No newline at end of file
diff --git a/index.html b/dist/index.html
similarity index 58%
rename from index.html
rename to dist/index.html
index afacf85..71afa4f 100644
--- a/index.html
+++ b/dist/index.html
@@ -3,9 +3,9 @@
Hello World
+
-
-
+