<commit_before><!doctype html>
<html>
<head>
  <title>Bloomington Code School Playground</title>
  <style>
    body {
      font-family: Helvetica, Arial, sans-serif;
      background: #333;
      color: #FFF;
      width: 802px;
      margin: 0 auto;

      font-size: 21px;
    }

    h1 {
      font-size: 1.3em;
    }

    h2 {
      font-size: 1.1em;
    }

    .section {
      float: left;
      width: 400px;
      height: 300px;
    }

    .input {
      width: 380px;
      height: 280px;
      padding: 10px;

      font-size: 1em;
      font-family: monospace;

      border: none;
      outline: none;

      background: #000;
      color: #FFF;
    }

    .userOutput {
      width: 380px;
      height: 280px;
      margin: 0;
      padding: 10px;

      background: #000;
      color: #0F9;
    }

    .result {
      color: #09F;
    }
    .error {
      color: #F09;
    }

    p {
      font-family: monospace;
      width: 100%;
    }
  </style>
</head>
<body>
  <h1>Bloomington Code School Playground</h1>
  <h2>Version 1, no libraries.</h2>
  <!-- Create html nodes  -->
  <div class="section">
    <textarea class="input"></textarea>
    <p class="error"></p>
    <p class="result"></p>
  </div>
  <div class="section">
    <p class="userOutput"></p>
  </div>

  <script>
    // Get references to our dom nodes in javascript.
    var result = document.querySelector(".result"),
        input = document.querySelector(".input"),
        userOutput = document.querySelector(".userOutput"),
        errorOutput = document.querySelector(".error"),
        timeout;

    // Convenience function to write to user output.
    var write = function(text) {
      userOutput.textContent += text;
    }

    // Convenience function to clear user output.
    var clearOutput = function() {
      userOutput.textContent = "";
    }

    // Function to evaluate the user script and show error messages.
    var evaluateUserCode = function() {
      if (timeout) {
        // still writing, don't show error yet.
        clearTimeout(timeout);
        errorOutput.textContent = "";
        result.textContent = "";
      }
<commit_msg>Wider, stacked areas.<commit_after><!doctype html>
<html>
<head>
  <title>Bloomington Code School Playground</title>
  <style>
    body {
      font-family: Helvetica, Arial, sans-serif;
      background: #333;
      color: #FFF;
      width: 802px;
      margin: 0 auto;

      font-size: 21px;
    }

    h1 {
      font-size: 1.3em;
    }

    h2 {
      font-size: 1.1em;
    }

    .input {
      width: 100%;
      height: 400px;
      padding: 10px;
      margin: 0;

      font-size: 1em;
      font-family: monospace;

      border: none;
      outline: none;

      background: #000;
      color: #FFF;
    }

    .userOutput {
      width: 100%;
      height: 300px;
      margin: 0;
      padding: 10px;

      background: #000;
      color: #0F9;
    }

    .codeMessages {
      height: 1em;
      padding: 10px;
      margin: 0;
      width: 100%;
      background: #222;
    }

    .result {
      color: #09F;
    }
    .error {
      color: #F09;
    }

    p {
      font-family: monospace;
      width: 100%;
      margin: 0;
    }
  </style>
</head>
<body>
  <h1>Bloomington Code School Playground</h1>
  <h2>Version 1, no libraries.</h2>
  <!-- Create html nodes  -->
  <textarea class="input"></textarea>
  <div class="codeMessages">
    <p class="error"></p>
    <p class="result"></p>
  </div>
  <p class="userOutput"></p>

  <script>
    // Get references to our dom nodes in javascript.
    var result = document.querySelector(".result"),
        input = document.querySelector(".input"),
        userOutput = document.querySelector(".userOutput"),
        errorOutput = document.querySelector(".error"),
        timeout;

    // Convenience function to write to user output.
    var write = function(text) {
      userOutput.textContent += text;
    }

    // Convenience function to clear user output.
    var clearOutput = function() {
      userOutput.textContent = "";
    }

    // Function to evaluate the user script and show error messages.
    var evaluateUserCode = function() {
      if (timeout) {
        // still writing, don't show error yet.
        clearTimeout(timeout);
        errorOutput.textContent = "";
        result.textContent = "";
      }

{'fraction_non_alphanumeric': 0.13413228854574788, 'fraction_numerical': 0.028578013367135283, 'mean_word_length': 1.993103448275862, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 55, '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': '3910102', 'n_tokens_mistral': 1509, 'n_tokens_neox': 1370, 'n_words': 355}