<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>rot13</title>
  <style>
* {
  box-sizing: border-box;
}
html {
  background: #eee;
  color: #333;
  padding: 10px;
  margin: 0;
  font-family: Helvetica, sans-serif;
}
body {
  margin: 0 auto;
  padding: 0;
  max-width: 600px;
}
p {
  font-size: 20px;
}
a {
  text-decoration: underline;
  color: #358;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 40px;
  text-align: center;
}
textarea {
  font-family: inherit;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  background: rgba(255, 255, 255, 1);
  color: inherit;
  resize: vertical;
  min-height: 10em;
  display: block;
  width: 100%;
  border-radius: 4px;
  font-size: 20px;
}
#input:focus {
  border-color: #79c;
  box-shadow: 0 0 4px #79c;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea[readonly] {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.05);
}
footer {
  font-weight: bold;
  text-align: center;
}
footer,
footer a {
  color: #555;
}
  </style>
</head>
<body>
  <h1>rot13 encoder/decoder</h1>
  <p>
    <a href="https://en.wikipedia.org/wiki/ROT13">rot13</a>
    is a great way to hide spoilers on the Internet.
    Just put the text you want to encode or decode
    into the white box and it will be converted automatically.
  </p>
  <label for="input" class="sr-only">input</label>
  <textarea
    id="input"
    spellcheck="false"
    placeholder="Type something here&hellip;"
    oninput="translate()"
  ></textarea>
  <label for="output" class="sr-only">output</label>
  <textarea
    id="output"
    onfocus="event.target.select()"
    readonly
  ></textarea>
  <footer>
    &copy; 2015 <a href="http://mockbrian.com/"><NAME></a>
  </footer>
<script>
function $(selector) {
  return document.querySelector(selector);
}
var theInput = $("#input");
var theOutput = $("#output");
theInput.addEventListener("input", translate);
theOutput.addEventListener("focus", selectTarget);
function selectTarget(event) {
  /*
    this timeout ensures select() is called after any built-in click handlers
    that could otherwise clear the selection (as occurs reliably in Chrome).
  */
  window.setTimeout(function() {
    event.target.select();
  }, 0);
}
function translate() {<commit_msg>Switch from block comment to line comments<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>rot13</title>
  <style>
* {
  box-sizing: border-box;
}
html {
  background: #eee;
  color: #333;
  padding: 10px;
  margin: 0;
  font-family: Helvetica, sans-serif;
}
body {
  margin: 0 auto;
  padding: 0;
  max-width: 600px;
}
p {
  font-size: 20px;
}
a {
  text-decoration: underline;
  color: #358;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 40px;
  text-align: center;
}
textarea {
  font-family: inherit;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  background: rgba(255, 255, 255, 1);
  color: inherit;
  resize: vertical;
  min-height: 10em;
  display: block;
  width: 100%;
  border-radius: 4px;
  font-size: 20px;
}
#input:focus {
  border-color: #79c;
  box-shadow: 0 0 4px #79c;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea[readonly] {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.05);
}
footer {
  font-weight: bold;
  text-align: center;
}
footer,
footer a {
  color: #555;
}
  </style>
</head>
<body>
  <h1>rot13 encoder/decoder</h1>
  <p>
    <a href="https://en.wikipedia.org/wiki/ROT13">rot13</a>
    is a great way to hide spoilers on the Internet.
    Just put the text you want to encode or decode
    into the white box and it will be converted automatically.
  </p>
  <label for="input" class="sr-only">input</label>
  <textarea
    id="input"
    spellcheck="false"
    placeholder="Type something here&hellip;"
    oninput="translate()"
  ></textarea>
  <label for="output" class="sr-only">output</label>
  <textarea
    id="output"
    onfocus="event.target.select()"
    readonly
  ></textarea>
  <footer>
    &copy; 2015 <a href="http://mockbrian.com/"><NAME></a>
  </footer>
<script>
function $(selector) {
  return document.querySelector(selector);
}
var theInput = $("#input");
var theOutput = $("#output");
theInput.addEventListener("input", translate);
theOutput.addEventListener("focus", selectTarget);
function selectTarget(event) {
  // This timeout ensures select() is called after any built-in click handlers
  // that could otherwise clear the selection (as occurs reliably in Chrome).
  window.setTimeout(function() {
    event.target.select();
  }, 0);
}
function translate() {
{'fraction_non_alphanumeric': 0.16128393104814742, 'fraction_numerical': 0.03804240142659005, 'mean_word_length': 3.67840593141798, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, 'https://': 2, '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': '6757046', 'n_tokens_mistral': 2027, 'n_tokens_neox': 1822, 'n_words': 494}