bz-slidepane OK + console started + intro loader

app/views/editors/KeyframeView.html

@@ -79,6 +79,21 @@
     .kf-editor bz-select[data-output="keyframesSelector"]{
         margin-top:1em;
     }
+    .kf-editor .kfArena bz-slidepane{
+        font-size:14px;
+    }
+    .kf-editor .kfArena bz-slidepane textarea{
+        border-radius: 0;
+        background: #000A;
+        margin: 0;
+        padding: 0 1em 0 1em;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        border-top: 1px solid white;
+        color: #0F0;
+    }
 </style>
 <div class="kf-editor cols-3">
     <article eiccard class="left-pane">
@@ -96,10 +111,7 @@
     <article eiccard class="kfArena">
         <section>
             <canvas data-output="kfArenaCanvas"></canvas> 
-            <bz-slidepane side="top"></bz-slidepane>
-            <bz-slidepane side="bottom"></bz-slidepane>
-            <bz-slidepane side="left"></bz-slidepane>
-            <bz-slidepane side="right"></bz-slidepane>
+            <bz-slidepane side="bottom" data-output="console"></bz-slidepane>
         </section>
     </article>
     <article eiccard class="agent-properties">

app/views/editors/KeyframeView.js

@@ -63,6 +63,12 @@ class KeyframeView extends WindozDomContent {
         this.outputs.btnSaveKF.disabled = true  
         this.outputs.kfName.addEventListener('keyup', this.updateKfButtons.bind(this))
         this.currentlySelectedAid = null
+        this.output('console',`
+            <div class="results">
+                JS 3D Console. for help, type "help"
+            </div>
+            <textarea type="text" style=""></textarea>            
+        `)
     }
 
     async onChangeAgent(event){