<commit_before><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>snaut</title>

<!-- Bootstrap -->
<link href="{{ static_prefix }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ static_prefix }}/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
<link href="{{ static_prefix }}/css/snaut.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="transbox">
  <!-- see tooltip on bootstr js page -->
  <div class="container">
    <!-- Static navbar -->
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
	<div class="navbar-header">
	  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	    <span class="sr-only">Toggle navigation</span>
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	  </button>
	  <a class="navbar-brand" href="{{ url_prefix }}/">snaut</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">
	  <ul class="nav navbar-nav navbar-right">
	    <li class="active"><a href="{{ url_prefix }}/">Application</a></li>
	    <li><a href="{{ url_prefix }}/doc/help">Help</a></li>
	  </ul>
	</div><!--/.nav-collapse -->
      </div><!--/.container-fluid -->
    </nav>

    <!-- Server status box -->
    <div class="row">
      <div class="col-xs-9">
	<div id="status-box"></div>
	<h4><div id="semspace-name">Loading...</div></h4>
	<button type="button" data-toggle="modal" data-target="#space-modal" class="btn btn-default btn-xs">More info</button>
	<button type="button" data-toggle="modal" id="load-semspace-modal-open" class="btn btn-default btn-xs">Change</button>
      </div>
      <div class="col-xs-3">
	<div id="server-status"></div>
	<!-- Button trigger modal -->
      </div>
    </div>


    <div class="content">
      <div class="row top-buffer">
	<div class="col-md-12">
	  <!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist">
	    <li role="presentation" class="active"><a href="#explore" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-star"></span> Neighbours</a></li>
	    <li role="presentation"><a href="#matrix" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-th"></span> Matrix</a></li>
	    <li role="presentation"><a href="#pairwise" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-list"></span> Pairwise</a></li>
	    <li role="presentation"><a href="#arithmetic" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-plus"></span> Analogy</a></li>
	  </ul>

	  <!-- Tab panes -->
	  <div class="content tab-content">
	    <div role="tabpanel" class="tab-pane fade in active" id="explore">
	      <div class="row top-buffer">
		<div class="col-md-7">
		  <!-- single word requests -->
		  <div id="explore-single" class="form-group">
		    <label for="explore-single-input">Words/phrases:</label>
		    <textarea id="explore-single-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-inline">
		    <div class="form-group">
		      <button class="btn btn-danger" type="button" id="explore-single-go">Calculate</button>
		    </div>
		    <div class="form-group">
		      <label for="explore-number">Neighbours:</label>
		      <input type="text" id="explore-number" value="10" class="form-control small-input">
		    </div>
		    <div class="form-group">
		      <label for="explore-single-input">Distance:</label>
		      <select class="selectpicker metrics-options" id="explore-metric"></select>
		    </div>
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#explore-single-input">
		    </span>
		  </div>
		</div>
		<div class="col-md-2 col-md-offset-3">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#explore-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row top-buffer">
		<div id="explore-results">
		  <div class="col-md-7 alert alert-success">
		    You can explore the semantic space by looking up word neighbours in the semantic space.
		    For example, type in <br><br>
		    <em>
		      dinosaur<br>
		      brain<br>
		      behavior<br>
		      research<br>
		      behavior research<br>
		    </em>
		    <br>and press <b>Calculate</b>.
		    <br><br>
		    For more information see <a href="http://crr.ugent.be/snaut/" target="_blank">the snaut website</a>.
		  </div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="matrix">
	      <div class="row top-buffer">
		<div class="col-md-4">
		  <div class="btn-group">
		    <button class="btn btn-danger" id="matrix-go">Calculate</button>
		    <select class="selectpicker metrics-options" id="matrix-metric">
		      <option value="cosine" selected>cosine</option>
		      <option value="euclidean">euclidean</option>
		      <option value="manhattan">manhattan</option>
		    </select>
		  </div>
		</div>
		<div class="col-md-4">
		  <label for="matrix-targetswitch">Compare with:</label>
		  <select class="selectpicker" id="matrix-targetswitch">
		    <option value="same">same words</option>
		    <option value="all" selected>all other words</option>
		    <option value="list">words from a second list</option>
		  </select>
		</div>
		<div class="col-md-2 col-md-offset-2">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#matrix-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row">
		<div class="col-md-4">
		  <textarea id="matrix-reflist" class="form-control no-resize" rows="8" placeholder="One word or phrase per line"></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#matrix-reflist">
		    </span>
		    <button class="btn btn-success availability-check" id="matrix-go" data-target="#matrix-reflist-alert" data-source="#matrix-reflist">Check availability</button>
		  </div>
		  <div id="matrix-reflist-alert" class="top-buffer"></div>
		</div>
		<div class="col-md-4">
		  <textarea id="matrix-targetlist" class="form-control no-resize matrix-targetlist" rows="8" placeholder="One word or phrase per line"></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load matrix-targetlist" data-target="#matrix-targetlist" id="matrix-targetlist-browse">
		    </span>
		    <button class="btn btn-success availability-check matrix-targetlist" id="matrix-go" data-target="#matrix-targetlist-alert" data-source="#matrix-targetlist">Check availability</button>
		  </div>
		  <div id="matrix-targetlist-alert" class="top-buffer"></div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="pairwise">
	      <div class="row top-buffer">
		<div class="col-md-4">
		  <div class="btn-group">
		    <button class="btn btn-danger" id="pairwise-go">Calculate</button>
		    <select class="selectpicker metrics-options" id="pairwise-metric">
		      <option value="cosine" selected>cosine</option>
		      <option value="euclidean">euclidean</option>
		      <option value="manhattan">manhattan</option>
		    </select>
		  </div>
		</div>
		<div class="col-md-2 col-md-offset-6">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#pairwise-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row">
		<div class="col-md-4">
		  <textarea id="pairwise-pairlist" class="form-control no-resize" rows="8" placeholder="Pairs separated with ':'. One pair per line. For example, 'queen : king'."></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#pairwise-pairlist">
		    </span>
		    <button class="btn btn-success availability-check" data-target="#pairwise-pairlist-alert" data-source="#pairwise-pairlist">Check availability</button>
		  </div>
		  <div id="pairwise-pairlist-alert" class="top-buffer"></div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="arithmetic">
	      <div class="row top-buffer">
		<div class="col-md-7">
		  <!-- single word requests -->
		  <div class="form-group">
		    <label for="arithmetic-positive-input">Positive words/phrases:</label>
		    <textarea id="arithmetic-positive-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-group">
		    <label for="arithmetic-negative-input">Negative words/phrases:</label>
		    <textarea id="arithmetic-negative-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-inline">
		    <div class="form-group">
		      <button class="btn btn-danger" type="button" id="arithmetic-go">Calculate offset</button>
		    </div>
		    <div class="form-group">
		      <label for="arithmetic-number">Neighbours:</label>
		      <input type="text" id="arithmetic-number" value="10" class="form-control small-input">
		    </div>
		    <div class="form-group">
		      <label for="arithmetic-input">Distance:</label>
		      <select class="selectpicker metrics-options" id="arithmetic-metric"></select>
		    </div>
		  </div>
		</div>
		<div class="col-md-3 top-buffer">
		  <div id="arithmetic-results"></div>
		</div>
		<div class="col-md-2">
		  <div class="text-right">
		    <a target="_blank" href="{{ url_prefix }}/doc/help#analogy-menu">Usage info</a>
		  </div>
		</div>
	      </div>
	      <div class="row-fluid top-buffer" id="arithmetic-info">
		<div class="col-md-7 alert alert-success">
		  This is an interface that allows to do semantic arithmetic. For example, <em>king</em> - <em>man</em> + <em>woman</em> = <em>queen</em>.
		  You can combine arbitrary number of positive and negative vectors.<br>
		  In order to try this example, type 'king, woman' to the upper box (positive vecotrs) and 'man' (negative vector) to the lower one.
		  <br><br>
		  For more information see:<br><br>
		  <em><NAME>., <NAME>., & <NAME>. (2013). Linguistic Regularities in Continuous Space Word Representations. In HLT-NAACL (pp. 746–751).</em>
		</div>
	      </div>
	    </div>
	  </div>
	</div>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="space-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><commit_msg>Fix typo in template<commit_after><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>snaut</title>

<!-- Bootstrap -->
<link href="{{ static_prefix }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ static_prefix }}/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
<link href="{{ static_prefix }}/css/snaut.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="transbox">
  <!-- see tooltip on bootstr js page -->
  <div class="container">
    <!-- Static navbar -->
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
	<div class="navbar-header">
	  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	    <span class="sr-only">Toggle navigation</span>
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	  </button>
	  <a class="navbar-brand" href="{{ url_prefix }}/">snaut</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">
	  <ul class="nav navbar-nav navbar-right">
	    <li class="active"><a href="{{ url_prefix }}/">Application</a></li>
	    <li><a href="{{ url_prefix }}/doc/help">Help</a></li>
	  </ul>
	</div><!--/.nav-collapse -->
      </div><!--/.container-fluid -->
    </nav>

    <!-- Server status box -->
    <div class="row">
      <div class="col-xs-9">
	<div id="status-box"></div>
	<h4><div id="semspace-name">Loading...</div></h4>
	<button type="button" data-toggle="modal" data-target="#space-modal" class="btn btn-default btn-xs">More info</button>
	<button type="button" data-toggle="modal" id="load-semspace-modal-open" class="btn btn-default btn-xs">Change</button>
      </div>
      <div class="col-xs-3">
	<div id="server-status"></div>
	<!-- Button trigger modal -->
      </div>
    </div>


    <div class="content">
      <div class="row top-buffer">
	<div class="col-md-12">
	  <!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist">
	    <li role="presentation" class="active"><a href="#explore" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-star"></span> Neighbours</a></li>
	    <li role="presentation"><a href="#matrix" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-th"></span> Matrix</a></li>
	    <li role="presentation"><a href="#pairwise" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-list"></span> Pairwise</a></li>
	    <li role="presentation"><a href="#arithmetic" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-plus"></span> Analogy</a></li>
	  </ul>

	  <!-- Tab panes -->
	  <div class="content tab-content">
	    <div role="tabpanel" class="tab-pane fade in active" id="explore">
	      <div class="row top-buffer">
		<div class="col-md-7">
		  <!-- single word requests -->
		  <div id="explore-single" class="form-group">
		    <label for="explore-single-input">Words/phrases:</label>
		    <textarea id="explore-single-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-inline">
		    <div class="form-group">
		      <button class="btn btn-danger" type="button" id="explore-single-go">Calculate</button>
		    </div>
		    <div class="form-group">
		      <label for="explore-number">Neighbours:</label>
		      <input type="text" id="explore-number" value="10" class="form-control small-input">
		    </div>
		    <div class="form-group">
		      <label for="explore-single-input">Distance:</label>
		      <select class="selectpicker metrics-options" id="explore-metric"></select>
		    </div>
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#explore-single-input">
		    </span>
		  </div>
		</div>
		<div class="col-md-2 col-md-offset-3">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#explore-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row top-buffer">
		<div id="explore-results">
		  <div class="col-md-7 alert alert-success">
		    You can explore the semantic space by looking up word neighbours in the semantic space.
		    For example, type in <br><br>
		    <em>
		      dinosaur<br>
		      brain<br>
		      behavior<br>
		      research<br>
		      behavior research<br>
		    </em>
		    <br>and press <b>Calculate</b>.
		    <br><br>
		    For more information see <a href="http://crr.ugent.be/snaut/" target="_blank">the snaut website</a>.
		  </div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="matrix">
	      <div class="row top-buffer">
		<div class="col-md-4">
		  <div class="btn-group">
		    <button class="btn btn-danger" id="matrix-go">Calculate</button>
		    <select class="selectpicker metrics-options" id="matrix-metric">
		      <option value="cosine" selected>cosine</option>
		      <option value="euclidean">euclidean</option>
		      <option value="manhattan">manhattan</option>
		    </select>
		  </div>
		</div>
		<div class="col-md-4">
		  <label for="matrix-targetswitch">Compare with:</label>
		  <select class="selectpicker" id="matrix-targetswitch">
		    <option value="same">same words</option>
		    <option value="all" selected>all other words</option>
		    <option value="list">words from a second list</option>
		  </select>
		</div>
		<div class="col-md-2 col-md-offset-2">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#matrix-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row">
		<div class="col-md-4">
		  <textarea id="matrix-reflist" class="form-control no-resize" rows="8" placeholder="One word or phrase per line"></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#matrix-reflist">
		    </span>
		    <button class="btn btn-success availability-check" id="matrix-go" data-target="#matrix-reflist-alert" data-source="#matrix-reflist">Check availability</button>
		  </div>
		  <div id="matrix-reflist-alert" class="top-buffer"></div>
		</div>
		<div class="col-md-4">
		  <textarea id="matrix-targetlist" class="form-control no-resize matrix-targetlist" rows="8" placeholder="One word or phrase per line"></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load matrix-targetlist" data-target="#matrix-targetlist" id="matrix-targetlist-browse">
		    </span>
		    <button class="btn btn-success availability-check matrix-targetlist" id="matrix-go" data-target="#matrix-targetlist-alert" data-source="#matrix-targetlist">Check availability</button>
		  </div>
		  <div id="matrix-targetlist-alert" class="top-buffer"></div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="pairwise">
	      <div class="row top-buffer">
		<div class="col-md-4">
		  <div class="btn-group">
		    <button class="btn btn-danger" id="pairwise-go">Calculate</button>
		    <select class="selectpicker metrics-options" id="pairwise-metric">
		      <option value="cosine" selected>cosine</option>
		      <option value="euclidean">euclidean</option>
		      <option value="manhattan">manhattan</option>
		    </select>
		  </div>
		</div>
		<div class="col-md-2 col-md-offset-6">
		  <p class="text-right">
		  <a target="_blank" href="{{ url_prefix }}/doc/help#pairwise-menu">Usage info</a>
		  </p>
		</div>
	      </div>
	      <div class="row">
		<div class="col-md-4">
		  <textarea id="pairwise-pairlist" class="form-control no-resize" rows="8" placeholder="Pairs separated with ':'. One pair per line. For example, 'queen : king'."></textarea>
		  <div class="top-buffer">
		    <span class="btn btn-primary btn-file">
		      Load from a file<input type="file" class="textarea-load" data-target="#pairwise-pairlist">
		    </span>
		    <button class="btn btn-success availability-check" data-target="#pairwise-pairlist-alert" data-source="#pairwise-pairlist">Check availability</button>
		  </div>
		  <div id="pairwise-pairlist-alert" class="top-buffer"></div>
		</div>
	      </div>
	    </div>
	    <div role="tabpanel" class="tab-pane fade" id="arithmetic">
	      <div class="row top-buffer">
		<div class="col-md-7">
		  <!-- single word requests -->
		  <div class="form-group">
		    <label for="arithmetic-positive-input">Positive words/phrases:</label>
		    <textarea id="arithmetic-positive-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-group">
		    <label for="arithmetic-negative-input">Negative words/phrases:</label>
		    <textarea id="arithmetic-negative-input" placeholder="One word or phrase per line" class="form-control no-resize" rows="4"></textarea>
		  </div>
		  <div class="form-inline">
		    <div class="form-group">
		      <button class="btn btn-danger" type="button" id="arithmetic-go">Calculate offset</button>
		    </div>
		    <div class="form-group">
		      <label for="arithmetic-number">Neighbours:</label>
		      <input type="text" id="arithmetic-number" value="10" class="form-control small-input">
		    </div>
		    <div class="form-group">
		      <label for="arithmetic-input">Distance:</label>
		      <select class="selectpicker metrics-options" id="arithmetic-metric"></select>
		    </div>
		  </div>
		</div>
		<div class="col-md-3 top-buffer">
		  <div id="arithmetic-results"></div>
		</div>
		<div class="col-md-2">
		  <div class="text-right">
		    <a target="_blank" href="{{ url_prefix }}/doc/help#analogy-menu">Usage info</a>
		  </div>
		</div>
	      </div>
	      <div class="row-fluid top-buffer" id="arithmetic-info">
		<div class="col-md-7 alert alert-success">
		  This is an interface that allows to do semantic arithmetic. For example, <em>king</em> - <em>man</em> + <em>woman</em> = <em>queen</em>.
		  You can combine arbitrary number of positive and negative vectors.<br>
		  In order to try this example, type 'king, woman' to the upper box (positive vectors) and 'man' (negative vector) to the lower one.
		  <br><br>
		  For more information see:<br><br>
		  <em><NAME>., <NAME>., & <NAME>. (2013). Linguistic Regularities in Continuous Space Word Representations. In HLT-NAACL (pp. 746–751).</em>
		</div>
	      </div>
	    </div>
	  </div>
	</div>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="space-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
{'fraction_non_alphanumeric': 0.19300523935336528, 'fraction_numerical': 0.0052841341632707895, 'mean_word_length': 3.491552695092518, 'pattern_counts': {'":': 0, '<': 703, '<?xml version=': 0, '>': 703, 'https://': 4, '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': '5739419', 'n_tokens_mistral': 7992, 'n_tokens_neox': 7141, 'n_words': 1610}