<commit_before>{% extends "base.html" %}

{% block content %}
<div id="header" class="container">
  <div class="jumbotron">
    <h1 style="text-align:center;">
      <strong>Texonomy</strong>
      <br>
      <small>A free online TeX symbol recognizer</small>
    </h1>
  </div>
</div>

<div id="intro" class="container">
  <h2 style="text-align:center;">What is Texonomy?</h2>
  <p>
    Texonomy is a new online TeX symbol recognizer based on Compressed Sensing.
    <br>
    Blablabla.
  </p>
  <!--
  <form name="show">
    <input type="text" name="mousex" value="0" size="4"> X<br>
    <input type="text" name="mousey" value="0" size="4"> Y<br>
  </form>-->
</div>

<div id="tryit" class="container">
  <h3><strong>Draw a symbol!</strong></h3>
</div>

<div id="input" class="container">
  <div class="row">
    <div id="draw" class="col-sm-4">
      <canvas id="can" width="296" height="296" style="border:2px solid;">
    </div>
    <div id="canvas" class="col-sm-4">
      <img id="canvasimg" style="display:none;">
    </div>
  </div>
</div>

<div id="buttons" class="container">
  <!-- Only when something is drawn, activate RECOGNIZE and SNAPSHOT. -->
  <button type="button" class="btn btn-primary disabled" onclick="recognize()">RECOGNIZE</button>
  <button type="button" class="btn btn-primary disabled" onclick="snapshot()">SNAPSHOT</button>
  <button type="button" class="btn btn-primary" onclick="erase()">CLEAR</button>
</div>

<div id="output" class="container">
  <div class="well">
    <table class="table">
      <thead>
	<tr>
	  <th>Symbol</th>
	  <th>Code</th>
	  <th>Score</th>
	</tr>
      </thead>
      <!-- All images in Symbol column will be in class .img-responsive. -->
      <tbody>
	<!-- Success means the No.1 symbol. -->
	<tr class="success">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<!-- Info means the No.2 or 3 symbol. -->
	<tr class="info">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<tr class="info">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<!-- Warning means the No.4 or 5 symbol. -->
	<tr class="warning">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<tr class="warning">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
      </tbody>
    </table>
  </div>
</div>

<div id="footer" class="container">
  <div id="github">
    <p>
      <a href="https://github.com/AugustusHuang/">
	<span class="icon  icon--github">
	  <svg width="16" height="16" viewBox="0 0 16 16">
	    <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
	  </svg>
	</span>
	<span class="username">AugustusHuang</span>
      </a>
    </p>
  </div>
</div>

<!--
<section>
  <div id="input" style="height:500px;">
    <div id="draw">
      <table style="width:100%;">
	<tr>
	  <td><canvas id="can" width="298" height="298" style="position:relative;border:2px solid;"></canvas></td>
	  <!--
	  <td><div id="eraser" style="position:relative;">
	      <div id="name">Color</div>
	      <div id="white" style="position:relative;width:15px;height:15px;background-color:white;border:1px solid;" onclick="color(this)"></div>
	      <div id="black" style="position:relative;width:15px;height:15px;background-color:black;border:1px solid;" onclick="color(this)"></div></div>
	  </td>-->
<!--	  <td><img id="canvasimg" style="position:relative;display:none"></td>
	</tr>
      </table>
    </div>-->
<!--
    <div id="buttons" style="position:relative;top:30px">
      <input type="button" value="recognize" id="sbmt" class="buttons" size="100" onclick="recognize()" style="position:relative;left:50px;">
      <input type="button" value="snapshot" id="shot" class="buttons" size="100" onclick="snapshot()" style="position:relative;left:150px;">
      <input type="button" value="clear" id="clr" class="buttons" size="100" onclick="erase()" style="position:relative;left:250px;">
    </div>
  </div>

  <!-- List five most possible output, symbols will be there using MathJax? -->
<!--  <div id="output">
    <table id="output-table" style="width:100%">
      <tr>
	<th>Header1</th>
	<th>Header2</th>
	<th>Header3</th>
      </tr>
      <tr>
	<td>Placeholder1</td>
	<td>Placeholder2</td>
	<td>Placeholder3</td>
      </tr>
      <tr>
	<td>Placeholder1</td>
	<td>Placeholder2</td>
	<td>Placeholder3</td>
      </tr>
      <tr>
	<td>Placeholder1</td>
	<td>Placeholder2</td>
	<td>Placeholder3</td>
      </tr>
      <tr>
	<td>Placeholder1</td>
	<td>Placeholder2</td>
	<td>Placeholder3</td>
      </tr>
      <tr>
	<td>Placeholder1</td>
	<td>Placeholder2</td>
	<td>Placeholder3</td>
      </tr>
    </table>
  </div>
</section>-->
<!--
<footer>
  <div id="github">
    <p>
      <a href="https://github.com/AugustusHuang/">
	<span class="icon  icon--github">
	  <svg width="16" height="16" viewBox="0 0 16 16">
	    <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
	  </svg>
	</span>
	<span class="username">AugustusHuang</span>
      </a>
    </p>
  </div>
  <footer>-->
    <commit_msg>move description to the end of the website<commit_after>{% extends "base.html" %}

{% block content %}
<div id="header" class="container">
  <div class="jumbotron">
    <h1 style="text-align:center;">
      <strong>Texonomy</strong>
      <br>
      <small>A free online TeX symbol recognizer</small>
    </h1>
  </div>
</div>

<div id="tryit" class="container">
  <h3><strong>Draw a symbol!</strong></h3>
</div>

<div id="input" class="container">
  <div class="row">
    <div id="draw" class="col-sm-4">
      <canvas id="can" width="296" height="296" style="border:2px solid;">
    </div>
    <div id="canvas" class="col-sm-4">
      <img id="canvasimg" style="display:none;">
    </div>
  </div>
</div>

<div id="buttons" class="container">
  <button type="button" class="btn btn-primary" onclick="recognize()">RECOGNIZE</button>
  <button type="button" class="btn btn-primary" onclick="snapshot()">SNAPSHOT</button>
  <button type="button" class="btn btn-primary" onclick="erase()">CLEAR</button>
</div>

<div id="output" class="container">
  <div class="well">
    <table class="table">
      <thead>
	<tr>
	  <th>Symbol</th>
	  <th>Code</th>
	  <th>Score</th>
	</tr>
      </thead>
      <!-- All images in Symbol column will be in class .img-responsive. -->
      <tbody>
	<!-- Success means the No.1 symbol. -->
	<tr class="success">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<!-- Info means the No.2 or 3 symbol. -->
	<tr class="info">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<tr class="info">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<!-- Warning means the No.4 or 5 symbol. -->
	<tr class="warning">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
	<tr class="warning">
	  <td></td>
	  <td></td>
	  <td></td>
	</tr>
      </tbody>
    </table>
  </div>
</div>

<div id="intro" class="container">
  <h2 style="text-align:center;">What is Texonomy?</h2>
  <p style="text-align:center;">
    Texonomy is a new online TeX symbol recognizer based on Compressed Sensing.
    <br>
    Blablabla.
  </p>
</div>

<div id="footer" class="container">
  <div id="github">
    <p>
      <a href="https://github.com/AugustusHuang/">
	<span class="icon  icon--github">
	  <svg width="16" height="16" viewBox="0 0 16 16">
	    <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
	  </svg>
	</span>
	<span class="username">AugustusHuang</span>
      </a>
    </p>
  </div>
</div>

{'fraction_non_alphanumeric': 0.25132113821138213, 'fraction_numerical': 0.18648373983739838, 'mean_word_length': 3.414984297891431, 'pattern_counts': {'":': 0, '<': 358, '<?xml version=': 0, '>': 356, 'https://': 3, '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': '2808654', 'n_tokens_mistral': 5473, 'n_tokens_neox': 4525, 'n_words': 608}