add github corner link

demos/index.html

@@ -20,6 +20,7 @@
         </div>
       </div>
     </div>
+    <div id="github-corner-link"><a href="https://github.com/transcranial/keras-js"><svg height="36" width="36" class="github-logo" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js"></script>
     <script src="/lib/weblas.js"></script>

demos/src/index.css

@@ -9,9 +9,26 @@ body {
   font-family: 'Fira Sans', sans-serif;
 }
 
-.github-logo {
-  fill: #69707a;
-  margin: 3px 8px 3px 0;
+#github-corner-link {
+  position: absolute;
+  width: 120px;
+  height: 120px;
+  top: -60px;
+  right: -60px;
+  border-radius: 50%;
+  background-color: #1BBC9B;
+  transition: background-color 0.2s ease-in;
+}
+
+#github-corner-link:hover {
+  background-color: rgba(27, 188, 155, 0.7);
+}
+
+#github-corner-link .github-logo {
+  position: absolute;
+  bottom: 18px;
+  left: 18px;
+  fill: white;
 }
 
 .title {

demos/src/menu.css

@@ -45,3 +45,8 @@
   color: #1BBC9B;
   background: none;
 }
+
+.menu-list .github-logo {
+  fill: #69707a;
+  margin: 3px 8px 3px 0;
+}