<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Lexos</title>

	{%- set version = 2.5 %}

<meta http-equiv="cache-control" content="max-age=0" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="pragma" content="no-cache" />

	<!-- Latest compiled and minified Bootstrap CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <!-- SmartMenus jQuery plugin CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/jquery.smartmenus.bootstrap.css') }}?ver={{version}}"/>

	<!-- Full Screen Animate Modal CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">

	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <!-- Core JavaScript
    ================================================== -->
    <!-- Jquery core -->
	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

    <!-- Bootstrap core -->
    <!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- SmartMenus jQuery plugin -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.smartmenus.min.js') }}?ver={{version}}"></script>

    <!-- SmartMenus jQuery Bootstrap Addon -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.smartmenus.bootstrap.js') }}?ver={{version}}"></script>

	<!-- Lexos Scripts -->
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_icons.js') }}?ver={{version}}"></script>
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_base.js') }}?ver={{version}}"></script>
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_ITM.js') }}?ver={{version}}"></script>

	<!-- Lexos CSS -->
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/style.css') }}?ver={{version}}"/>
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/iconfonts.css') }}?ver={{version}}"/>
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/ITMtabStyles.css') }}?ver={{version}}"/>
    <link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/bootstrap.css') }}?ver={{version}}"/>

	<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}?ver={{version}}"/>

	<script>
	/* Move the banner above the navbar. This function must remain here. */
	$('#topnavbar').affix({
	    offset: {
	        top: $('#banner').height()
	    }
	});
	</script>
	{% block section_head %}{% endblock %}
	{% block head %}{% endblock %}
</head>

<body>
  <a name="page-top"></a>
  <!-- In the Margins Panel -->
  <div id="ITMPanel" class="container sidebar sidebar-left" style="width:500px;">
	<div id="ITMPanel-itm-content" data-slug="{{ itm }}" data-type="panel" data-status="closed" style="max-height:99%;overflow-y:auto;">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg1-12" data-side="">
				<div id="itm-header" style="padding:2px 20px;"><h3>In the Margins</h3></div>
				<div id="itm-content" style="padding:2px 20px;"></div>
				<div id="panel-status"><img src="{{ url_for('static', filename='images/loading_icon.svg') }}?ver={{version}}" alt="Loading..."></div>
			</div>
		</div>
	</div>
	<div id="toggler" class="toggler">
		<span class="glyphicon glyphicon-chevron-right" style="display:block;">&nbsp;</span> <span class="glyphicon glyphicon-chevron-left" style="display:none;">&nbsp;</span>
	</div>
  </div>
  <!--/In the Margins Panel  -->

	<header class="container">
	<input type="hidden" name="current_id" value="{{ session['id'] }}"/>
	<input type="hidden" name="current_version" value="{{ version }}"/>
	<!-- Loading icon -->
    <div id="status"><img src="{{ url_for('static', filename='images/loading_icon.svg') }}?ver={{version}}" alt="Loading..."></div>

    <div id="banner" class="container">
	    <div class="row">
		    <div class="pull-left">
				<h1 id="header-title">
					<a href="{{url_for('base')}}" id="titlelink"><span id="titleprefix" data-slug="{{ itm }}">Lexos</span> &#123;{% block title %}{% endblock %}&#125;</a>
					<small>An Integrated Lexomics Workflow</small>
					</h1>
			</div>

			<div class="pull-right">
				<a class="btn" id="bttn-downloadworkspace" href="{{ url_for('downloadworkspace') }}"><i class="fa fa-download fa-lg" style="margin-right:4px;"></i> Workspace</a>

				<a class="btn btn-restart" id="bttn-restart" href="{{ url_for('reset') }}"><i class="fa fa-repeat fa-lg" style="margin-right:4px;"></i> Reset</a>

				<a class="btn" id="bttn-cog" data-toggle="modal" data-target="#ITM-modal" data-slug="best-practices" data-type="dialog" href="#"><i class="fa fa-cog fa-lg"></i></a>
			</div>
		</div>
    </div>

	<!-- Static navbar -->
	<div class="container navbar navbar-fixed-static navbar-lexos" role="navigation" id="topnavbar">
	    <div class="navbar-header">
	        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	          <span class="sr-only">Toggle navigation</span>
	          <div class="icon-bar"></div>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>
	    </div>

	    <div class="navbar-collapse collapse">	      
		    <!-- Left nav -->
		    <ul class="nav navbar-nav">
		      <li{% if active_page == 'upload' %} class="active"{% endif
  %}><a href="{{ url_for('upload') }}">Upload</a></li>
		      <li{% if active_page == 'manage' %} class="active"{% endif
  %}><a href="{{ url_for('manage') }}">Manage</a></li>
		      <li{% if active_page == 'scrub' or active_page == 'cut' or active_page == 'tokenizer' %} class="active"{% endif
  %}><a href="#">Prepare <span class="caret"></span></a>
		        <ul class="dropdown-menu">
		          <li><a href="{{ url_for('scrub') }}">Scrub</a></li>
		          <li><a href="{{ url_for('cut') }}">Cut</a></li>
		          <li><a href="{{ url_for('tokenizer') }}">Tokenize/Count</a></li>
		        </ul>
		      </li>
		      <li{% if active_page == 'wordcloud' or active_page == 'multicloud' or active_page == 'viz' or active_page == 'rollingwindow' %} class="active"{% endif %}><a href="#">Visualize <span class="caret"></span></a>
		        <ul class="dropdown-menu">
		          <li><a href="{{ url_for('wordcloud') }}">Word Cloud</a></li>
		          <li><a href="{{ url_for('multicloud') }}">Multicloud</a></li>
		          <li><a href="{{ url_for('viz') }}">BubbleViz</a></li>
		          <li><a href="{{ url_for('rollingwindow') }}">Rolling Windows</a></li>
		        </ul>
		      </li>
	          <li{% if active_page == 'statistics' or active_page == 'hierarchy' or active_page == 'kmeans' or active_page == 'similarity' or active_page == 'topword' %} class="active"{% endif %}><a href="#">Analyze <span class="caret"></span></a>
	            <ul class="dropdown-menu">
	              <li><a href="{{ url_for('statistics') }}">Statistics</a></li>
	              <li><a href="#">Clustering <span class="caret caret-right"></span></a>
	                <ul class="dropdown-menu">
	                  <li><a href="{{ url_for('cluster') }}">Hierarchical Clustering</a></li>
	                  <li><a href="{{ url_for('kmeans') }}">K-Means Clustering</a></li>
	                </ul>
	              </li>
	              <li><a href="{{ url_for('similarity') }}">Similarity Query</a></li>
	              <li><a href="{{ url_for('topword') }}">Topword</a></li>
	            </ul>
	          </li>
		    </ul>

		    <!-- Right nav -->
<!-- 			<ul class="nav navbar-nav navbar-right">
		    	<li><i id="activeDocIcon" class="fa fa-coffee fa-2x" style="color:white;cursor:pointer;display:block;" data-toggle="tooltip" data-placement="bottom" data-container="body" title="You have active documents."></i></li>
		    </ul>	 -->
			<ul class="nav navbar-nav navbar-pills navbar-right">
				<li class="foopy" style="padding:10px 0;">
					<i id="{{ numActiveDocs }}" class="fa fa-floppy-o fa-2x" style="color:white;cursor:pointer;{% if numActiveDocs > 0 %}display:block;{% else %}display:none {% endif %}" data-toggle="tooltip" data-placement="bottom" data-container="body" title="You have {{ numActiveDocs }} active document(s)."></i>


				</li>
			</ul>

		</div><!--/.nav-collapse -->
	</div><!--/.container -->
	</header>

	<!-- Begin Main Content -->
	<main class="container">
		<form method="POST" enctype="multipart/form-data">
			{% block content %}
			<!-- Default content -->
			{% endblock %}
		</form>
	</main>

	<footer class="container">
		<span id="aboutus">

			<a href="http://lexos.wheatoncollege.edu/" target="_blank">Lexos v{{version}}</a>
			© 2016

			<a href="http://lexomics.wheatoncollege.edu" target="_blank">Lexomics Research Group</a>
			 · <commit_msg>Just some test code for demonstration<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Lexos</title>

	{%- set version = 2.5 %}

<meta http-equiv="cache-control" content="max-age=0" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="pragma" content="no-cache" />

	<!-- Latest compiled and minified Bootstrap CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <!-- SmartMenus jQuery plugin CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/jquery.smartmenus.bootstrap.css') }}?ver={{version}}"/>

	<!-- Full Screen Animate Modal CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">

	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <!-- Core JavaScript
    ================================================== -->
    <!-- Jquery core -->
	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

    <!-- Bootstrap core -->
    <!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- SmartMenus jQuery plugin -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.smartmenus.min.js') }}?ver={{version}}"></script>

    <!-- SmartMenus jQuery Bootstrap Addon -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.smartmenus.bootstrap.js') }}?ver={{version}}"></script>

	<!-- Lexos Scripts -->
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_icons.js') }}?ver={{version}}"></script>
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_base.js') }}?ver={{version}}"></script>
	<script type="text/javascript" src="{{ url_for('static', filename='js/scripts_ITM.js') }}?ver={{version}}"></script>

	<!-- Lexos CSS -->
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/style.css') }}?ver={{version}}"/>
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/iconfonts.css') }}?ver={{version}}"/>
	<link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/ITMtabStyles.css') }}?ver={{version}}"/>
    <link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/bootstrap.css') }}?ver={{version}}"/>

	<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}?ver={{version}}"/>

	<script>
	/* Move the banner above the navbar. This function must remain here. */
	$('#topnavbar').affix({
	    offset: {
	        top: $('#banner').height()
	    }
	});
	</script>
	{% block section_head %}{% endblock %}
	{% block head %}{% endblock %}
</head>

<body>
  <a name="page-top"></a>
  <!-- In the Margins Panel -->
  <div id="ITMPanel" class="container sidebar sidebar-left" style="width:500px;">
	<div id="ITMPanel-itm-content" data-slug="{{ itm }}" data-type="panel" data-status="closed" style="max-height:99%;overflow-y:auto;">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg1-12" data-side="">
				<div id="itm-header" style="padding:2px 20px;"><h3>In the Margins</h3></div>
				<div id="itm-content" style="padding:2px 20px;"></div>
				<div id="panel-status"><img src="{{ url_for('static', filename='images/loading_icon.svg') }}?ver={{version}}" alt="Loading..."></div>
			</div>
		</div>
	</div>
	<div id="toggler" class="toggler">
		<span class="glyphicon glyphicon-chevron-right" style="display:block;">&nbsp;</span> <span class="glyphicon glyphicon-chevron-left" style="display:none;">&nbsp;</span>
	</div>
  </div>
  <!--/In the Margins Panel  -->

	<header class="container">
	<input type="hidden" name="current_id" value="{{ session['id'] }}"/>
	<input type="hidden" name="current_version" value="{{ version }}"/>
	<!-- Loading icon -->
    <div id="status"><img src="{{ url_for('static', filename='images/loading_icon.svg') }}?ver={{version}}" alt="Loading..."></div>

    <div id="banner" class="container">
	    <div class="row">
		    <div class="pull-left">
				<h1 id="header-title">
					<a href="{{url_for('base')}}" id="titlelink"><span id="titleprefix" data-slug="{{ itm }}">Lexos</span> &#123;{% block title %}{% endblock %}&#125;</a>
					<small>An Integrated Lexomics Workflow</small>
					</h1>
			</div>

			<div class="pull-right">
				<a class="btn" id="bttn-downloadworkspace" href="{{ url_for('downloadworkspace') }}"><i class="fa fa-download fa-lg" style="margin-right:4px;"></i> Workspace</a>

				<a class="btn btn-restart" id="bttn-restart" href="{{ url_for('reset') }}"><i class="fa fa-repeat fa-lg" style="margin-right:4px;"></i> Reset</a>

				<a class="btn" id="bttn-cog" data-toggle="modal" data-target="#ITM-modal" data-slug="best-practices" data-type="dialog" href="#"><i class="fa fa-cog fa-lg"></i></a>
			</div>
		</div>
    </div>

	<!-- Static navbar -->
	<div class="container navbar navbar-fixed-static navbar-lexos" role="navigation" id="topnavbar">
	    <div class="navbar-header">
	        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	          <span class="sr-only">Toggle navigation</span>
	          <div class="icon-bar"></div>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>
	    </div>

	    <div class="navbar-collapse collapse">	      
		    <!-- Left nav -->
		    <ul class="nav navbar-nav">
		      <li{% if active_page == 'upload' %} class="active"{% endif
  %}><a href="{{ url_for('upload') }}">Upload</a></li>
		      <li{% if active_page == 'manage' %} class="active"{% endif
  %}><a href="{{ url_for('manage') }}">Manage</a></li>
		      <li{% if active_page == 'scrub' or active_page == 'cut' or active_page == 'tokenizer' %} class="active"{% endif
  %}><a href="#">Prepare <span class="caret"></span></a>
		        <ul class="dropdown-menu">
		          <li><a href="{{ url_for('scrub') }}">Scrub</a></li>
		          <li><a href="{{ url_for('cut') }}">Cut</a></li>
		          <li><a href="{{ url_for('tokenizer') }}">Tokenize/Count</a></li>
		        </ul>
		      </li>
		      <li{% if active_page == 'wordcloud' or active_page == 'multicloud' or active_page == 'viz' or active_page == 'rollingwindow' %} class="active"{% endif %}><a href="#">Visualize <span class="caret"></span></a>
		        <ul class="dropdown-menu">
		          <li><a href="{{ url_for('wordcloud') }}">Word Cloud</a></li>
		          <li><a href="{{ url_for('multicloud') }}">Multicloud</a></li>
		          <li><a href="{{ url_for('viz') }}">BubbleViz</a></li>
		          <li><a href="{{ url_for('rollingwindow') }}">Rolling Windows</a></li>
		        </ul>
		      </li>
	          <li{% if active_page == 'statistics' or active_page == 'hierarchy' or active_page == 'kmeans' or active_page == 'similarity' or active_page == 'topword' %} class="active"{% endif %}><a href="#">Analyze <span class="caret"></span></a>
	            <ul class="dropdown-menu">
	              <li><a href="{{ url_for('statistics') }}">Statistics</a></li>
	              <li><a href="#">Clustering <span class="caret caret-right"></span></a>
	                <ul class="dropdown-menu">
	                  <li><a href="{{ url_for('cluster') }}">Hierarchical Clustering</a></li>
	                  <li><a href="{{ url_for('kmeans') }}">K-Means Clustering</a></li>
	                </ul>
	              </li>
	              <li><a href="{{ url_for('similarity') }}">Similarity Query</a></li>
	              <li><a href="{{ url_for('topword') }}">Topword</a></li>
	            </ul>
	          </li>
		    </ul>

		    <!-- Right nav -->
<!-- 			<ul class="nav navbar-nav navbar-right">
		    	<li><i id="activeDocIcon" class="fa fa-coffee fa-2x" style="color:white;cursor:pointer;display:block;" data-toggle="tooltip" data-placement="bottom" data-container="body" title="You have active documents."></i></li>
		    </ul>	 -->
			<ul class="nav navbar-nav navbar-pills navbar-right">
				<li class="foopy" style="padding:10px 0;">
					<i id="{{ numActiveDocs }}" class="fa fa-floppy-o fa-2x" style="color:white;cursor:pointer;{% if numActiveDocs > 0 %}display:block;{% else %}display:none {% endif %}" data-toggle="tooltip" data-placement="bottom" data-container="body" title="You have {{ numActiveDocs }} active document(s)."></i>
				</li>
				<li style="padding:10px 0;">
				<span class="fa-stack">
				  <i class="fa fa-circle fa-stack-2x" style="cursor:pointer;"></i>
				  <i class="fa fa-stack-1x text-success" style="display:block !important;font-weight:bold;cursor:pointer;{% if numActiveDocs > 0 %}display:block;{% else %}display:none {% endif %}" data-toggle="tooltip" data-placement="bottom" data-container="body" title="You have {{ numActiveDocs }} active document(s).">{{ numActiveDocs }}</i>
				</span>
				</li>
			</ul>

		</div><!--/.nav-collapse -->
	</div><!--/.container -->
	</header>

	<!-- Begin Main Content -->
	<main class="container">
		<form method="POST" enctype="multipart/form-data">
			{% block content %}
			<!-- Default content -->
			{% endblock %}
		</form>
	</main>

	<footer class="container">
		<span id="aboutus">

			<a href="http://lexos.wheatoncollege.edu/" target="_blank">Lexos v{{version}}</a>
			© 2016

			<a href="http://lexomics.wheatoncollege.edu" target="_blank">Lexomics Research Group</a>
			 · 
{'fraction_non_alphanumeric': 0.2387861394557823, 'fraction_numerical': 0.006909013605442177, 'mean_word_length': 3.800255102040816, 'pattern_counts': {'":': 0, '<': 509, '<?xml version=': 0, '>': 512, 'https://': 10, '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': '1028103', 'n_tokens_mistral': 6799, 'n_tokens_neox': 6171, 'n_words': 1242}