diff --git a/docs/global.css b/docs/global.css
new file mode 100644
index 0000000..57b9a99
--- /dev/null
+++ b/docs/global.css
@@ -0,0 +1,76 @@
+:root {
+ --font-scale-8: calc(1rem/1.125/1.125);
+ --font-scale-9: calc(1rem/1.125);
+ --font-scale-10: 1rem;
+ --font-scale-11: calc(1rem * 1.125);
+ --font-scale-12: calc(1rem * 1.125 * 1.125);
+}
+
+
+
+html, body {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+body {
+ color: #333;
+ margin: 0;
+ padding: 8px;
+ box-sizing: border-box;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+ color: rgb(0,100,200);
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+a:visited {
+ color: rgb(0,80,160);
+}
+
+label {
+ display: block;
+}
+
+input, button, select, textarea {
+ font-family: inherit;
+ font-size: inherit;
+ padding: 0.4em;
+ margin: 0 0 0.5em 0;
+ box-sizing: border-box;
+ border: 1px solid #ccc;
+ border-radius: 2px;
+}
+
+input:disabled {
+ color: #ccc;
+}
+
+input[type="range"] {
+ height: 0;
+}
+
+button {
+ color: #333;
+ background-color: #f4f4f4;
+ outline: none;
+}
+
+button:disabled {
+ color: #999;
+}
+
+button:not(:disabled):active {
+ background-color: #ddd;
+}
+
+button:focus {
+ border-color: #666;
+}
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..57f18b9
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+ Svelte app
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/mass.svg b/docs/mass.svg
new file mode 100644
index 0000000..9eaff30
--- /dev/null
+++ b/docs/mass.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/public/index.html b/public/index.html
index e84a6cb..b724992 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,8 +11,8 @@
-
-
+
+