Konami: added dickbutt and back button

templates/bg_graph.html

@@ -6,5 +6,8 @@
   <button type="button" class="btn btn-light m-2 d-konami" data-kn-fn="redraw">
     Redraw
   </button>
+  <button type="button" class="btn btn-warning m-2 d-konami" data-kn-fn="close">
+    Back
+  </button>
   <svg class="w-100 h-100 position-fixed z-lowest" id="graph"></svg>
 </div>
\ No newline at end of file

webpack/js/mlab.js

@@ -167,22 +167,40 @@ function paintTree() {
     }, 1)
 }
 
+var konamiParent = null
+
+function konamiSetup() {
+    konamiParent = $('#knWrapper').parent()
+    $('#knWrapper')
+        .prependTo('body')
+        .addClass('fixed-fill')
+        .addClass('z-konami')
+        .addClass('inner-shadow')
+        .addClass('bg-dark')
+    $('#graph')
+        .removeClass('position-fixed')
+        .addClass('fixed-fill')
+    $('.d-konami').addClass('konami-show')
+}
+
+function konamiTearDown() {
+    $('#knWrapper')
+        .prependTo(konamiParent)
+        .removeClass('fixed-fill')
+        .removeClass('z-konami')
+        .removeClass('inner-shadow')
+        .removeClass('bg-dark')
+    $('#graph')
+        .addClass('position-fixed')
+        .removeClass('fixed-fill')
+    $('.d-konami').removeClass('konami-show')
+}
+
 document.addEventListener('DOMContentLoaded', () => {
     $('[data-kn-fn="redraw"]').click(paintTree)
+    $('[data-kn-fn="close"]').click(konamiTearDown)
+    new Konami(konamiSetup)
     paintTree()
-
-    new Konami(function () {
-        $('#knWrapper')
-            .prependTo('body')
-            .addClass('fixed-fill')
-            .addClass('z-konami')
-            .addClass('inner-shadow')
-            .addClass('bg-dark')
-        $('#graph')
-            .removeClass('position-fixed')
-            .addClass('fixed-fill')
-        $('.d-konami').removeClass('d-konami')
-    });
 });
 
 let resizeTimer = null

webpack/scss/mlab.scss

@@ -136,6 +136,14 @@ footer {
   clear: both;
 }
 
-.d-konami {
+.d-konami:not(.konami-show) {
   display: none !important;
 }
+
+#knWrapper {
+  background-image: url(/images/dick-butt.svg);
+  background-repeat: no-repeat;
+  background-position-x: 50%;
+  background-position-y: 30%;
+  background-size: 30%;
+}