fix(examples): add missing files

thi-ng · Feb 3, 2018 · 5d8478e · 5d8478e
1 parent 3156e88
commit 5d8478e
Show file tree

Hide file tree

Showing 2 changed files with 82 additions and 0 deletions.
diff --git a/examples/json-components/index.html b/examples/json-components/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        html {
+            font: 14px/1.4 Helvetica, Arial, sans-serif;
+        }
+
+        h3 {
+            margin: 0;
+        }
+
+        footer {
+            margin-top: 2em;
+        }
+
+        .item {
+            display: inline-block;
+            width: 25%;
+            margin: 5px;
+            padding: 10px;
+            background: #eee;
+            vertical-align: top;
+        }
+
+        .meta {
+            font-size: 10px;
+            background: #999;
+            margin: 10px -10px;
+            padding: 10px 10px 5px 10px;
+            color: #fff;
+        }
+
+        ul.tags {
+            list-style: none;
+            padding: 0;
+        }
+
+        ul.tags li {
+            display: inline-block;
+            background: #333;
+            padding: 0px 6px 2px 6px;
+            border-radius: 8px;
+            margin-right: 2px;
+        }
+
+        .meta a:link,
+        .meta a:visited {
+            color: #fff;
+            text-decoration: none;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="app"></div>
+    <footer>
+        Made with
+        <a href="https://github.com/thi-ng/umbrella/tree/master/packages/hiccup-dom">@thi.ng/hiccup-dom</a>.
+    </footer>
+    <script type="text/javascript" src="bundle.min.js"></script>
+</body>
+
+</html>
diff --git a/examples/json-components/webpack.config.js b/examples/json-components/webpack.config.js
@@ -0,0 +1,17 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        path: __dirname,
+        filename: "bundle.js"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        loaders: [{ test: /\.ts$/, loader: "ts-loader" }]
+    },
+    node: {
+        process: false,
+        setImmediate: false
+    }
+};