<commit_before><!DOCTYPE html>
<html>
<head>
  <style>
    body {
      padding: 0;
      margin: 0;
    }
    * {
      box-sizing: border-box;
    }
    #terminal {
      height: 90vh;
    }
    .options {
      height: 10vh;
      padding: 15px;
    }
  </style>
</head>
<body>
<div class="options">
  <label for="ports">Port:</label>
  <select id="ports">
    <option value="prompt">Add a port...</option>
  </select>
  <button id="connect">Connect</button>
  <label for="baudrate">Baud rate:</label>
  <select id="baudrate">
    <option value="9600">9600</option>
    <option value="14400">14400</option>
    <option value="19200">19220</option>
    <option value="28800">28800</option>
    <option value="38400">38400</option>
    <option value="57600">57600</option>
    <option value="115200" selected>115200</option>
    <option value="230400">230400</option>
    <option value="460800">460800</option>
    <option value="921600">921600</option>
    <option value="custom">Custom</option>
  </select>
  <input id="custom_baudrate" type="number" min="1" placeholder="Enter baudrate..." hidden>
  <label for="databits">Data bits:</label>
  <select id="databits">
    <option value="7">7</option>
    <option value="8" selected>8</option>
  </select>
  <label for="parity">Parity:</label>
  <select id="parity">
    <option value="none" selected>None</option>
    <option value="even">Even</option>
    <option value="odd">Odd</option>
  </select>
  <label for="stopbits">Stop bits:</label>
  <select id="stopbits">
    <option value="1" selected>1</option>
    <option value="2">2</option>
  </select>
  <input id="rtscts" type="checkbox">
  <label for="rtscts">Hardware flow control</label>
  <input id="echo" type="checkbox">
  <br>
  <label for="echo">Local echo</label>
  <input id="enter_flush" type="checkbox">
  <label for="enter_flush">Flush on enter</label>
  <input id="convert_eol" type="checkbox">
  <label for="convert_eol">Convert EOL</label>
  <input id="autoconnect" type="checkbox">
  <label for="autoconnect">Automatically connect</label>
  <button id="download">Download output</button>
  <button id="clear">Clear output</button>
</div>
<div id="terminal"></div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
<commit_msg>improve layout and styling of options bar (#49)<commit_after><!DOCTYPE html>
<html>
<head>
  <style>
    body {
      padding: 0;
      margin: 0;
    }
    * {
      box-sizing: border-box;
    }
    #terminal {
      height: 90vh;
    }
    .options {
      padding: 0.75em;
    }
    #connect {
      margin-right: 2em;
    }
    label.checkbox {
      margin-right: 1em;
    }
  </style>
</head>
<body>
<div class="options">
  <label for="ports">Port:</label>
  <select id="ports">
    <option value="prompt">Click 'Connect' to add a port...</option>
  </select>
  <button id="connect">Connect</button>

  <button id="download">Download output</button>
  <button id="clear">Clear output</button>

  <br>

  <label for="baudrate">Baud rate:</label>
  <select id="baudrate">
    <option value="9600">9600</option>
    <option value="14400">14400</option>
    <option value="19200">19220</option>
    <option value="28800">28800</option>
    <option value="38400">38400</option>
    <option value="57600">57600</option>
    <option value="115200" selected>115200</option>
    <option value="230400">230400</option>
    <option value="460800">460800</option>
    <option value="921600">921600</option>
    <option value="custom">Custom</option>
  </select>
  <input id="custom_baudrate" type="number" min="1" placeholder="Enter baudrate..." hidden>
  <label for="databits">Data bits:</label>
  <select id="databits">
    <option value="7">7</option>
    <option value="8" selected>8</option>
  </select>
  <label for="parity">Parity:</label>
  <select id="parity">
    <option value="none" selected>None</option>
    <option value="even">Even</option>
    <option value="odd">Odd</option>
  </select>
  <label for="stopbits">Stop bits:</label>
  <select id="stopbits">
    <option value="1" selected>1</option>
    <option value="2">2</option>
  </select>
  <input id="rtscts" type="checkbox">
  <label for="rtscts">Hardware flow control</label>

  <br>

  <input id="echo" type="checkbox">
  <label class="checkbox" for="echo">Local echo</label>
  <input id="enter_flush" type="checkbox">
  <label class="checkbox" for="enter_flush">Flush on enter</label>
  <input id="convert_eol" type="checkbox">
  <label class="checkbox" for="convert_eol">Convert EOL</label>
  <input id="autoconnect" type="checkbox">
  <label class="checkbox" for="autoconnect">Automatically connect</label>
</div>
<div id="terminal"></div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>

{'fraction_non_alphanumeric': 0.19322247947800464, 'fraction_numerical': 0.05241001894338034, 'mean_word_length': 4.227722772277228, 'pattern_counts': {'":': 0, '<': 196, '<?xml version=': 0, '>': 196, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4836819', 'n_tokens_mistral': 1805, 'n_tokens_neox': 1630, 'n_words': 325}