Updated initial diagram and adding fontawesome

docs/global.css

@@ -59,3 +59,4 @@ button:active {
 button:focus {
 	border-color: #666;
 }
+

docs/index.html

@@ -9,6 +9,7 @@
 	<link rel='icon' type='image/png' href='favicon.png'>
 	<link rel='stylesheet' href='styles.css'>
 	<link rel='stylesheet' href='bundle.css'>
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <!-- Google Analytics -->
 <script>
 	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

docs/styles.css

@@ -26,5 +26,5 @@ body {
 }
 
 i {
-  font-size: 11px;
+  font-size: 10px !important;
 }

src/App.svelte

@@ -23,6 +23,5 @@
 </script>
 
 <style>
-
 </style>
 <Router {routes}/>

src/code-store.js

@@ -18,15 +18,13 @@ export const fromUrl = data => {
 		}
 		code = state.code;
   } catch (e) {
-    console.error('Init error', e);
+    // console.error('Init error', e);
 		code = `graph TD
-  A[Client] --> B[Load Balancer2]
-  B --> C[Server01]
-  B --> D[Server02]
-  D --> F[Server03]
-  D --> I[Server02]
-  D --> H[Server05]
-  D --> G[Server04]
+  A[Christmas] -->|Get money| B(Go shopping)
+  B --> C{Let me think}
+  C -->|One| D[Laptop]
+  C -->|Two| E[iPhone]
+  C -->|Three| F[fa:fa-car Car]
 		`;
 		state = { code, mermaid: { theme: 'default' } };
   }