From 3a957df9757d9537ac7de529c7717c4cf0c6a4a7 Mon Sep 17 00:00:00 2001 From: Sindre Aarsaether Date: Fri, 9 Feb 2018 15:58:42 +0100 Subject: [PATCH] Update example for Imba 1.3 --- .gitignore | 6 +-- README.md | 10 ++-- dist/index.css | 94 +++++++++++++++++++++++++++++++++++ index.html => dist/index.html | 4 +- index.imba | 12 ----- package-lock.json | 13 ----- package.json | 13 +++-- src/client.imba | 24 +++++++++ src/server.imba | 20 ++++++++ webpack.config.js | 19 +++++-- 10 files changed, 171 insertions(+), 44 deletions(-) create mode 100644 dist/index.css rename index.html => dist/index.html (58%) delete mode 100644 index.imba delete mode 100644 package-lock.json create mode 100644 src/client.imba create mode 100644 src/server.imba 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 + - - + \ No newline at end of file diff --git a/index.imba b/index.imba deleted file mode 100644 index 70d9936..0000000 --- a/index.imba +++ /dev/null @@ -1,12 +0,0 @@ - -tag HelloWorld - - def render - -
-

"Hello World" -
-