<commit_before><html>
<head>
<link rel="stylesheet" href="themes/roleplay.graveyard/style.css" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="Shortcut Icon" href="favicon.png" />
<link rel="apple-touch-icon" href="iphone.png" />
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript" src="constantina.js"></script>
</head>
<body>
<div style="display: block; height: 510px; max-height: 60%; width: 100%;">
</div>

<div id="container" class="container">

<div class="logo">
   <img class="logo" src="themes/roleplay.graveyard/logo.png" />
</div>

<div class="card forumMenu" id="menu">
   <div class="cell">
      <p class="forumMenuHeading">Latest Updates</p>
      <p class="forumMenu">New: 4 posts, 2 threads</p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">Settings</p>
      <p class="forumMenu">User: <i><u>@wumpwoast</u></i></p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">How to Use</p>
      <p class="forumMenu"><tt>:vrolijk_1:&nbsp;=&nbsp;<img style="display: inline; position: absolute; z-index: 2;" src="images/smilies/vrolijk_1.gif" /></tt></p>
   </div>
   <span><form><input id="searchMenuText" type="search" placeholder="Search Forum&hellip;"</input></form></span>
</div>

<div class="card newPost">
<form>
  <textarea class="newThread" name="message" placeholder="Thread Title and Forum Name, one per line. Then, your message&hellip;"></textarea>

  <div class="rolldown newThread">
    <input type="file" class="threadFileInput" name="attachment"></input>
    <input type="submit" class="threadSubmit" name="submit"></button>
  </div>
</form>
</div>

   <!-- Contents go here -->

</div>
</body>
</html><commit_msg>graveyard template prep for testing forum colors and fresh colors<commit_after><html>
<head>
<link rel="stylesheet" href="themes/roleplay.graveyard/style.css" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="Shortcut Icon" href="favicon.png" />
<link rel="apple-touch-icon" href="iphone.png" />
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript" src="constantina.js"></script>
</head>
<body>
<div style="display: block; height: 510px; max-height: 60%; width: 100%;">
</div>

<div id="container" class="container">

<div class="logo">
   <img class="logo" src="themes/roleplay.graveyard/logo.png" />
</div>

<div class="card forumMenu" id="menu">
   <div class="cell">
      <p class="forumMenuHeading">Latest Updates</p>
      <p class="forumMenu">New: 4 posts, 2 threads</p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">Settings</p>
      <p class="forumMenu">User: <i><u>@wumpwoast</u></i></p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">How to Use</p>
      <p class="forumMenu"><tt>:vrolijk_1:&nbsp;=&nbsp;<img style="display: inline; position: absolute; z-index: 2;" src="images/smilies/vrolijk_1.gif" /></tt></p>
   </div>
   <span><form><input id="searchMenuText" type="search" placeholder="Search Forum&hellip;"</input></form></span>
</div>

<div class="card newPost">
<form>
  <textarea class="newThread" name="message" placeholder="Thread Title and Forum Name, one per line. Then, your message&hellip;"></textarea>

  <div class="rolldown newThread">
    <input type="file" class="threadFileInput" name="attachment"></input>
    <input type="submit" class="threadSubmit" name="submit"></button>
  </div>
</form>
</div>

<div class="card forum fresh odd thread-1476249257" id="1476249257")>
<div class="cardTitle">
  <h2><img src="images/avatars/wumpwoast.png"><a href="#1476249257" onclick="revealToggle('1476249257');">An Example Forum Thread</a></h2>
  <p class="subject"><a class="topicLink" href="javascript:">@wumpwoast</a>, <a class="topicLink" href="javascript:">#general</a></p>
</div>

<div class="divExpand">
<pre>&nbsp; &nbsp; &nbsp; &nbsp; 82 letters remain<br /> &nbsp; 0 1 2 3 4 5 6 7 8 9 A B C D E<br /> &nbsp; - - - - - - - - - - - - - - -<br />0&#124; @ &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; @ &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; @ &#124;0 &nbsp;My Words:<br />1&#124; &nbsp; * &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; * &nbsp; &#124;1 &nbsp; date(10)<br />2&#124; &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; - &nbsp; - &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; &#124;2<br />3&#124; - &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; - &#124;3<br />4&#124; &nbsp; &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; D &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; &nbsp; &#124;4<br />5&#124; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; A &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &#124;5<br />6&#124; &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; - T - &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; &#124;6<br />7&#124; @ &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; E &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; @ &#124;7<br />8&#124; &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; - &nbsp; - &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; &#124;8 &nbsp;Your Words:<br />9&#124; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &#124;9<br />A&#124; &nbsp; &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; &nbsp; &#124;A<br />B&#124; - &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; - &#124;B<br />C&#124; &nbsp; &nbsp; * &nbsp; &nbsp; &nbsp; - &nbsp; - &nbsp; &nbsp; &nbsp; * &nbsp; &nbsp; &#124;C<br />D&#124; &nbsp; * &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; + &nbsp; &nbsp; &nbsp; * &nbsp; &#124;D<br />E&#124; @ &nbsp; &nbsp; - &nbsp; &nbsp; &nbsp; @ &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp; @ &#124;E<br /> &nbsp; - - - - - - - - - - - - - - -<br /> &nbsp; 0 1 2 3 4 5 6 7 8 9 A B C D E<br /><br /> me:10 &nbsp; &nbsp; G D I N U S N &nbsp; you:0<br /></pre>
 
<p class="postBody">Sometimes failures are more interesting than successes. Last week marked the end of my focused efforts on the Gapless-5 library. Properly implemented, this library would enable a web jukebox to playing multiple songs in order, without audible gaps in between the songs. <a href="#" class="showShort"></a></p>

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a onclick="createPost('1476249257', 'reply');">Reply</a></u>&nbsp;<u><a onclick="createPost('1476249257', 'quote');">Quote</a></u> <a href="/public_html/?xn1476249257">Thread</a>&nbsp;<a href="/public_html/?xn=1476249257">Post</a></p>
         <p class="postDate">3 days ago</p>
      </div>
   </div>
</div>
</div>

<div class="card forum fresh even thread-1476249257" id="13241234a">
<div class="cardTitle">
  <h5><img src="images/avatars/wumpwoast.png"><a href="#">@wumpwoast</a> &middot; #2/12</h5>
</div>

<p class="postBody">This is a response.</p>

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a href="#">Reply</a></u>&nbsp;<u><a href="#">Quote</a></u> <a href="/public_html/?xn1476249257">Post</a></p>
         <p class="postDate">October 11, 2016</p>
      </div>
   </div>
</div>

<div class="card forum odd thread-1476249257" id="13241234b">
<div class="cardTitle">
  <h5><img src="images/avatars/wumpwoast.png"><a href="#">@wumpwoast</a> &middot; #3/12 (R1)</h5>
</div>

   <div class="cardQuote"><p class="quote">This is a response.</p><p class="attribution">@wumpwoast</p></div>
<p class="postBody">This is a response that has been modified once. It has a quote and a song attached.</p>

<p class="attachment"><img class="attachmentIcon" src="images/mimetypes/audio.png" /><a href="some-attachment-file.mp3">some-attachment-file.mp3</a></p>

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a href="#">Reply</a></u>&nbsp;<u><a href="#">Quote</a></u> <a href="/public_html/?xn1476249257">Post</a></p>
         <p class="postDate">October 15, 2016</p>
      </div>
   </div>
</div>

<div class="card forum even thread-1476249257" id="13241234c">
<div class="cardTitle">
  <h5><img src="images/avatars/wumpwoast.png"><a href="#">@wumpwoast</a> &middot; #4/12</h5>
</div>

   <div class="cardQuote"><p class="quote">This is a response, in a quote. It's really long, so you can see what the quoting style will eventually look like on a bigger card.</p><p class="attribution">@wumpwoast</p></div>
   <p class="postBody">This is a response. A really long response that could conflict or wrap around the little date tag, if we didn't have a full footer bar.</p>

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a href="#">Reply</a></u>&nbsp;<u><a href="#">Quote</a></u> <a href="/public_html/?xn1476249257">Post</a></p>
         <p class="postDate">October 11, 2016</p>
      </div>
   </div>
</div>

<div class="card forum odd thread-1476249257" id="13241234d">
<div class="cardTitle">
  <h5><img src="images/avatars/wumpwoast.png"><a href="#">@wumpwoast</a> &middot; #5/12</h5>
</div>

<p class="postBody">This is a response with an image attachment.</p>

<p class="attachment"><img class="attachmentIcon" src="images/mimetypes/jpg.png" /><a href="zoo/pictures/ruined-castle-background.jpg">ruined-castle-background.jpg</a></p>

<img class="attachmentImage" src="zoo/pictures/ruined-castle-background.jpg" />

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a href="#">Reply</a></u>&nbsp;<u><a href="#">Quote</a></u> <a href="/public_html/?xn1476249257">Post</a></p>
         <p class="postDate">October 11, 2016</p>
      </div>
   </div>
</div>

<div class="card forumMenu">
   <span>An Example Forum Thread: 6 Posts Still Unloaded</span>
   <div class="cell">
      <p class="forumMenuHeading">Expand All</p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">Latest Posts</p>
   </div>
   <div class="cell">
      <p class="forumMenuHeading">Shrink All</p>
   </div>
</div>

<div class="card forum odd thread-1476249000" id="1476249000")>
<div class="cardTitle">
  <h2><img src="images/avatars/wumpwoast.png" /><a href="#1476249257" onclick="revealToggle('1476249257');">Welcome to the new Codaworry forum</a></h2>
  <p class="subject"><a class="topicLink" href="javascript:">@wumpwoast</a>, <a class="topicLink" href="javascript:">#general</a></p>
</div>

<p class="postBody">This is a post that has been expanded, but has no replies.</p>

   <div class="cardFooter">
      <div class="bottom">
         <p class="cardNav"><u><a href="#">Reply</a></u>&nbsp;<u><a href="#">Quote</a></u> <a href="/public_html/?xn1476249257">Thread</a>&nbsp;<a href="/public_html/?xn=1476249257">Post</a></p>
         <p class="postDate">1 week ago</p>
      </div>
   </div>
</div>


<div class="card forum even thread-1476200000" id="1476200000")>
<div class="cardTitle">
  <h2><img src="images/avatars/wumpwoast.png"><a href="#1476249257" onclick="revealToggle('1476249257');">Follow the rules or else</a></h2>
  <p class="subject"><a class="topicLink" href="javascript:">@wumpwoast</a>, <a class="topicLink" href="javascript:">#scrabble</a></p>
</div>
</div>

   <!-- Contents go here -->

</div>
</body>
</html>
{'fraction_non_alphanumeric': 0.23174803718075987, 'fraction_numerical': 0.046205216135727825, 'mean_word_length': 4.636826042726348, 'pattern_counts': {'":': 0, '<': 409, '<?xml version=': 0, '>': 407, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2007741', 'n_tokens_mistral': 4500, 'n_tokens_neox': 4062, 'n_words': 961}