<commit_before><!DOCTYPE html>
<meta charset="utf-8">
<base target="_blank">
<title>Two-Paned Editor</title>
<link rel="stylesheet" href="../codemirror2/lib/codemirror.css">
<link rel="stylesheet" href="../jsbin-codemirror-theme.css">
<style>
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.html {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 50%;
}

.CodeMirror, .CodeMirror-scroll {
  height: 100%;
}

.error, .preview {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  height: 100%;
  border: none;
}

.preview {
  border-left: 1px solid black;
}

.error {
  background: rgba(128, 0, 0, 0.75);
  color: white;
  padding: 10px;
  overflow: auto;
  -webkit-box-sizing: border-box;
}

.error em[data-highlight] {
  font-style: normal;
  cursor: pointer;
}

.error em.highlight-1, .CodeMirror span.highlight-1 {
  color: black;
  background: yellow;
}

.error em.highlight-2, .CodeMirror span.highlight-2 {
  color: white;
  background: gray;
}

.suggestions a {
  color: inherit;
}

.suggestions li p {
  font-size: smaller;
}

code {
  font-family: Menlo, Monaco, consolas, monospace;
  font-size: smaller;
}

.help {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 50%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: small;
  -webkit-box-sizing: border-box;
}

.help a {
  color: inherit;
}

.help a.learn-more {
  display: inline-block;
  padding: 2px;
  margin: 1px;
  font-size: smaller;
  background: lightgray;
  color: #222222;
}
</style>
<textarea class="html"></textarea>
<script type="text/html" id="initial-html">
<style>
  p {
    color: blue;
  }
</style>
<p>Tinker with me.</p>
</script>
<iframe class="preview" src="blank.html"></iframe>
<div class="error" style="display: none"></div>
<div class="help" style="display: none"></div>
<div id="templates" style="display: none">
  <a class="learn-more" href="">Learn more&hellip;</a>
  <div class="error-msgs"></div><commit_msg>tweaked styling for 'learn more' button in editor.<commit_after><!DOCTYPE html>
<meta charset="utf-8">
<base target="_blank">
<title>Two-Paned Editor</title>
<link rel="stylesheet" href="../codemirror2/lib/codemirror.css">
<link rel="stylesheet" href="../jsbin-codemirror-theme.css">
<style>
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.html {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 50%;
}

.CodeMirror, .CodeMirror-scroll {
  height: 100%;
}

.error, .preview {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  height: 100%;
  border: none;
}

.preview {
  border-left: 1px solid black;
}

.error {
  background: rgba(128, 0, 0, 0.75);
  color: white;
  padding: 10px;
  overflow: auto;
  -webkit-box-sizing: border-box;
}

.error em[data-highlight] {
  font-style: normal;
  cursor: pointer;
}

.error em.highlight-1, .CodeMirror span.highlight-1 {
  color: black;
  background: yellow;
}

.error em.highlight-2, .CodeMirror span.highlight-2 {
  color: white;
  background: gray;
}

.suggestions a {
  color: inherit;
}

.suggestions li p {
  font-size: smaller;
}

code {
  font-family: Menlo, Monaco, consolas, monospace;
  font-size: smaller;
}

.help {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 50%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: small;
  -webkit-box-sizing: border-box;
}

.help a {
  color: inherit;
}

.help a.learn-more {
  display: inline-block;
  text-decoration: none;
  padding: 1px;
  margin: 0px 2px 0px 2px;
  font-size: smaller;
  background: lightgray;
  color: #222222;
}

.help a.learn-more:hover {
  background: white;
  color: black;
}
</style>
<textarea class="html"></textarea>
<script type="text/html" id="initial-html">
<style>
  p {
    color: blue;
  }
</style>
<p>Tinker with me.</p>
</script>
<iframe class="preview" src="blank.html"></iframe>
<div class="error" style="display: none"></div>
<div class="help" style="display: none"></div>
<div id="templates" style="display: none">
  <a class="learn-more" href="">more&hellip;</a>
  <div class="error-msgs"></div>
{'fraction_non_alphanumeric': 0.17640214102862461, 'fraction_numerical': 0.027228298813125437, 'mean_word_length': 3.807606263982103, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 59, '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': '5593160', 'n_tokens_mistral': 1805, 'n_tokens_neox': 1651, 'n_words': 404}