Updated initial diagram and adding fontawesome

docs/global.css

@@ -58,4 +58,5 @@ 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;
 }