<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>keyboardevent-key-polyfill demo</title>
    <style>
      body { font: 2em monospace; }
      .main { margin: 2em 10%; }
      p { color: #333; }
      .projectName { background: yellow; color: #666; display: inline; font-size: 1.5em; font-weight: 300; padding: .2em .4em; }
      .projectName b { color: #000; font-weight: 600; }
      .directions { color: #999; font-style: italic; margin-top: 1.5em; }
    </style>
  </head>
  <body>
    <main id="main" class="main">
      <h1 class="projectName"><b>keyboardevent-key-polyfill</b> demo</h1>
      <p class="directions">Press any key</p>
    </main>
    <footer id="footer"></footer>
    <script src="index.js"></script>
    <script>

      keyboardeventKeyPolyfill.polyfill();

      // Don't try `keypress`.
      document.body.addEventListener('keydown', function (e) {
        var msg = (e.which || e.keyCode) + ' → ' + e.key;
        console.log(msg);
        main.innerHTML += '<p>' + msg + '</p>';
        footer.scrollIntoView();
      });

    </script><commit_msg>update demo to show whitespace<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>keyboardevent-key-polyfill demo</title>
    <style>
      body { font: 2em monospace; }
      .main { margin: 2em 10%; }
      p { color: #333; }
      code { background: whitesmoke; white-space: pre; padding: 0.1em 0.5em; }
      .projectName { background: yellow; color: #666; display: inline; font-size: 1.5em; font-weight: 300; padding: .2em .4em; }
      .projectName b { color: #000; font-weight: 600; }
      .directions { color: #999; font-style: italic; margin-top: 1.5em; }
    </style>
  </head>
  <body>
    <main id="main" class="main">
      <h1 class="projectName"><b>keyboardevent-key-polyfill</b> demo</h1>
      <p class="directions">Press any key</p>
    </main>
    <footer id="footer"></footer>
    <script src="index.js"></script>
    <script>

      keyboardeventKeyPolyfill.polyfill();

      // Don't try `keypress`.
      document.body.addEventListener('keydown', function (e) {
        var msg = (e.which || e.keyCode) + ' → ' + '<code>' + e.key + '</code>';
        console.log(msg);
        main.innerHTML += '<p>' + msg + '</p>';
        footer.scrollIntoView();
      });

    </script>
{'fraction_non_alphanumeric': 0.18523260776781902, 'fraction_numerical': 0.028169014084507043, 'mean_word_length': 2.6797488226059656, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, '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': '1135953', 'n_tokens_mistral': 868, 'n_tokens_neox': 801, 'n_words': 185}