<commit_before><!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>Code with Venus</title>

  <!--Main Stylesheet and Script-->
  <link rel="stylesheet" href="style.css" type='text/css' />
  <script type="text/javascript" src="scripts.js"></script>

  <!--CodeMirror Stylesheet and Script-->
  <script src="codemirror/lib/codemirror.js"></script>
  <link rel="stylesheet" href="codemirror/lib/codemirror.css" type='text/css' />
  <script src="codemirror/mode/javascript/javascript.js"></script>

  <!--Bootstrap Stylesheet and Script-->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type='text/css' />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-link" href="index.html" title="homepage"><img id="venus" src="imgs/Venus-Diamond-transparent.png" style="width: 85px; height:auto; margin: 15px"></a>
            <button type="button" class="btn navbar-toggle btn-xs" data-toggle="collapse" data-target="#Navbar"><span class="glyphicon glyphicon-menu-hamburger"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse navbar-right" id="Navbar">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <span class="glyphicon glyphicon-user icons-padding"></span>  Profile</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Settings</a></li>
                        <li><a href="#">Sign Out</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="mainWrapper">

  <div class="panel panel-default " id="default" style="background-color: #4dd0e1; overflow: hidden; position: relative;">
    <div class="panel-group">
      <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #d2eef2">
        <h3 class="panel-title"><span class="glyphicon glyphicon-scissors icons-padding"></span> Code Toolbox</h3>
      </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#html">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Basic Building Blocks - HTML</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="html" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#html-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="html-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#html-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="html-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#css">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Basic Design Blocks - CSS</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="css" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#css-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="css-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#css-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="css-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#js">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Functional Blocks - Javascript</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="js" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#js-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="js-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#js-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="js-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#boot">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Design Library Blocks - Bootstrap</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="boot" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#boot-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="boot-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#boot-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="boot-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

      </div>
    </div>
  </div>

<div class="panel panel-default default" id="default" ondrop="onDrop(event)" ondragover="allowDrop(event)" style="background-color: #666; overflow: hidden; position: relative;">
    <div class="panel-heading" style="background-color: #bcbcbc">
      <h3 class="panel-title"><span class="glyphicon glyphicon-console icons-padding"></span> Editor</h3>
    </div>

    <textarea rows=600 cols=4 id="editorTextArea">
<!DOCTYPE HTML>
<html>

<head>
<title> Are you ready to code? </title>
</head>

<body>
<p> We're ready when you are </p>
</body>

</html>










</textarea>

</div>

<div class="panel panel-default" id="default" style="background-color: #d5d5d5; overflow: hidden; position: relative;">
    <div class="panel-heading" style="background-color: #f2f2f2;">
      <h3 class="panel-title"><span class="glyphicon glyphicon-globe icons-padding"></span> Website</h3>
    </div>
</div>
</div>
</body>
</html><commit_msg>Added run code button<commit_after><!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>Code with Venus</title>

  <!--Main Stylesheet and Script-->
  <link rel="stylesheet" href="style.css" type='text/css' />
  <script type="text/javascript" src="scripts.js"></script>

  <!--CodeMirror Stylesheet and Script-->
  <script src="codemirror/lib/codemirror.js"></script>
  <link rel="stylesheet" href="codemirror/lib/codemirror.css" type='text/css' />
  <script src="codemirror/mode/javascript/javascript.js"></script>

  <!--Bootstrap Stylesheet and Script-->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type='text/css' />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-link" href="index.html" title="homepage"><img id="venus" src="imgs/Venus-Diamond-transparent.png" style="width: 85px; height:auto; margin: 15px"></a>
            <button type="button" class="btn navbar-toggle btn-xs" data-toggle="collapse" data-target="#Navbar"><span class="glyphicon glyphicon-menu-hamburger"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse navbar-right" id="Navbar">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <span class="glyphicon glyphicon-user icons-padding"></span>  Profile</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Settings</a></li>
                        <li><a href="#">Sign Out</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="mainWrapper">

  <div class="panel panel-default " id="default" style="background-color: #4dd0e1; overflow: hidden; position: relative;">
    <div class="panel-group">
      <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #d2eef2">
        <h3 class="panel-title"><span class="glyphicon glyphicon-scissors icons-padding"></span> Code Toolbox</h3>
      </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#html">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Basic Building Blocks - HTML</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="html" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#html-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="html-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#html-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="html-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#css">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Basic Design Blocks - CSS</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="css" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#css-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="css-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#css-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="css-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#js">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Functional Blocks - Javascript</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="js" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#js-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="js-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#js-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="js-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

        <div class="panel-heading" style="background-color: #fff;" data-toggle="collapse" href="#boot">
          <h4 class="panel-title"><div class="row">
            <div class="col-md-11">Design Library Blocks - Bootstrap</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></h4>
        </div>
        <div id="boot" class="panel-collapse collapse">
          <div class="panel-body" data-toggle="collapse" href="#boot-structure"><div class="row">
            <div class="col-md-11">Structure</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="boot-structure" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="title" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Title</div></div>
                <div class="col-md-6" id="section" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Section</div></div>
              </div></div>
          <div class="panel-body" data-toggle="collapse" href="#boot-items"><div class="row">
            <div class="col-md-11">Items</div>
            <div class="col-md-1"><span class="glyphicon glyphicon-chevron-down icons-padding"></span></div>
          </div></div>
              <div id="boot-items" class="panel-collapse collapse"><div class="row">
                <div class="col-md-6" id="video" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Video</div></div>
                <div class="col-md-6" id="image" draggable="true" ondragstart="onDrag(event)"><div class="panel-body">Image</div></div>
              </div></div>
        </div>

      </div>
    </div>
  </div>

<div class="panel panel-default default" id="default" ondrop="onDrop(event)" ondragover="allowDrop(event)" style="background-color: #666; overflow: hidden; position: relative;">
    <div class="panel-heading" style="background-color: #bcbcbc">
       <h3 class="panel-title"><span class="glyphicon glyphicon-console icons-padding"></span> Editor</h3>
    </div>

    <textarea rows=600 cols=4 id="editorTextArea">
<!DOCTYPE HTML>
<html>

<head>
<title> Are you ready to code? </title>
</head>

<body>
<p> We're ready when you are </p>
</body>

</html>
</textarea>

<div class="panel-footer">
  <div class="row">
    <div class="col-md-9"></div>
    <div class="col-md-1"><button type="button" class="btn btn-info">Run Code</button></div>
  </div>
</div>
</div>

<div class="panel panel-default" id="default" style="background-color: #d5d5d5; overflow: hidden; position: relative;">
    <div class="panel-heading" style="background-color: #f2f2f2;">
      <h3 class="panel-title"><span class="glyphicon glyphicon-globe icons-padding"></span> Website</h3>
    </div>
</div>
</div>
</body>
</html>
{'fraction_non_alphanumeric': 0.19955306200076076, 'fraction_numerical': 0.009509319132750094, 'mean_word_length': 3.0840776699029124, 'pattern_counts': {'":': 0, '<': 681, '<?xml version=': 0, '>': 681, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2514736', 'n_tokens_mistral': 6768, 'n_tokens_neox': 6465, 'n_words': 1154}