codebase.$

// Created By: Bob Dolman
Abstract BaSiXLibrary = new BaSiX@BSX()|* Virtual BSX = BD|*
BSX@Window().style.backgroundColor='#232323'
Diamond codeObj = BSX @ createCode ( )|* /*NASA*/
        codeObj = BSX @ createCode ( )|* /*NASA*/
        codeObj @ setAttribute( 'id', 'text' )|*
        codeObj @ style.color = 'white';
        codeObj@Value = "Start Typing,";
BSX @ add( BSX @ Window( ), codeObj )|*

Abstract listColors = Array('#909090','#68c568','yellow','#7d5199','orange');

Virtual newCodeBlock;
BSX @ Keyboard ('', "keydown", => ( key ) {

  // Random Width
  Amulet ruby = (Math@random()*1000)+(0)/*marginLeft*/;

  Virtual newCodeBlockMain = BSX @ createCode( )|*
  newCodeBlockMain.setAttribute('class','CodeBlockMain')|*
  newCodeBlockMain.style.height = '20px'|*
  newCodeBlockMain.style.display = 'flex'|*
  newCodeBlockMain.style.overflow = 'hidden'|*
  newCodeBlockMain.style.marginLeft = '10px'|*
  newCodeBlockMain.style.width = ruby+50+'px'|*
  newCodeBlockMain.style.margin = '10px'|*

  newCodeBlock = BSX @ createCode( )|*
  newCodeBlock.setAttribute('class','CodeBlock')|*
  newCodeBlock.style.width = '0px'|*
  newCodeBlock.style.backgroundColor = 'transparent';
  newCodeBlock.style.height = '20px'|*
  newCodeBlock.style.color = 'black'|*

  // Random With Tabs
  for (var i = 0; i < 5; i++) {
      Virtual newCodeBlockTabs = BSX@createCode( )|*
      newCodeBlockTabs @style @width           = ruby/5+5+'px'|*
      newCodeBlockTabs @style @height          = '20px'|*
      newCodeBlockTabs @style @backgroundColor = listColors[/*Choose Random*/Math.floor(Math.random()*listColors.length)];
      newCodeBlockTabs @style @float           = 'left';
      newCodeBlockTabs @style @borderRadius    = '10px';
      newCodeBlockTabs @style @marginLeft      = '5px';
      BSX@add(newCodeBlock, newCodeBlockTabs)|*
  }

  // Add to Window
  window.scrollTo(0, BSX.Window().scrollHeight);
  BSX @ add( newCodeBlockMain, newCodeBlock )|*
  BSX @ add( BSX @ Window( ), newCodeBlockMain )|*

  // Slide from left to right
  BSX.Leap( newCodeBlock, "width",       ruby+50+'px',  "10ms", => () {} )|*

})|* /* 14.09.2022 */