Add custom html file for example to test with Bootstrap CSS.

niho · Jan 3, 2019 · ef0100d · ef0100d
1 parent d2cfd83
commit ef0100d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 elm-stuff/
+*.js
diff --git a/example/Makefile b/example/Makefile
@@ -0,0 +1,5 @@
+
+.PHONY : live
+
+live:
+	elm-live Main.elm --open --start-page=example.html -- --output=example.js
diff --git a/example/example.html b/example/example.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+  <html>
+  <head>
+    <title>json-schema-form</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <script src="example.js"></script>
+  </head>
+  <body>
+    <div class="container">
+      <div id="example"></div>
+    </div>
+    <script>
+      Elm.Main.init({ node: document.getElementById("example") });
+    </script>
+  </body>
+  </html>