<commit_before><!DOCTYPE html>
<html lang="en-us">

<head>
	<title>Hutts verification</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/png" href="img/hutts-verification-icon.png">
	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/slick-theme.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" href="css/jquery.circliful.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
	<script type="text/javascript" src="js/slick.min.js"></script>
	<script type="text/javascript" src="js/slick.min.js"></script>
	<script type="text/javascript" src="js/lightbox.js"></script>
	<script type="text/javascript" src="js/sticky-nav.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</head>

<body>
	<header>
		<!-- Fixed Side Navbar -->
		<div class="navbar">
			<div class="side-nav fixed">
				<div class="navlogo">
					<a href="https://javathehutts.github.io/Java-the-Hutts/" target="_blank">
						<img class="circle hoverable tooltipped" src="img/Java-Hutts2.png"
						data-position="right" data-delay="50" data-tooltip="Java the Hutts">
					</a>
				</div>
				<div class="nav-options">
					<a href="#" data-activates="settings-slide"
					data-position="right" data-delay="50" data-tooltip="Settings"
					class="waves-effect tooltipped hoverable slide-btn">
						<i class="material-icons">settings</i>
					</a>
					<a href="#" class="waves-effect tooltipped scroll-top hoverable"
					data-position="right" data-delay="50" data-tooltip="To Top">
						<i class="material-icons prefix fa fa-angle-double-up"></i>
					</a>
					<a href="#" class="waves-effect tooltipped scroll-bottom hoverable"
					data-position="right" data-delay="50" data-tooltip="To Bottom">
						<i class="material-icons prefix fa fa-angle-double-down"></i>
					</a>
					<a href="#" data-activates="info-slide"
					data-position="right" data-delay="50" data-tooltip="Info"
					class="waves-effect tooltipped hoverable slide-btn">
						<i class="material-icons">info_outline</i>
					</a>
				</div>
			</div>
		</div>
		<!-- End Fixed Side Navbar -->
		<!-- Settings Slide Out -->
		<ul id="settings-slide" class="side-nav slide-out">
			<li>
				<div class="slide-head-wrapper">
					<p>
						<i class="material-icons prefix">settings</i>
						Settings
					</p>
				</div>
			</li>
			<li>
				<!-- Settings 1 -->
				<ul class="collapsible" data-collapsible="accordion">
					<li>
						<div class="collapsible-header waves-effect waves-teal">
							<i class="material-icons carets">chevron_right</i>
							General
						</div>
						<div class="collapsible-body">

						</div>
					</li>
					<li>
						<div class="collapsible-header waves-effect waves-teal active">
							<i class="material-icons carets">expand_more</i>
							Text Extraction
						</div>
						<div class="collapsible-body">
							<div class="row">
								<div class="col s6">
									<p class="special">Techniques</p>
								</div>
								<div class="input-field col s12">
									<select>
										<option value="" disabled selected></option>
										<option value="1">Conventional</option>
										<option value="2">Gaussian</option>
										<option value="3">Median</option>
									</select>
									<label>Blur Technique</label>
								</div>
								<div class="input-field col s12">
									<select>
										<option value="" disabled selected></option>
										<option value="1">Adaptive</option>
										<option value="2">Otsu</option>
									</select>
									<label>Threshold Technique</label>
								</div>
							</div>
							<div class="row">
								<div class="col s12">Noise Reduction</div>
								<div class="col s12">
									<div class="col s6">
										<p class="light">Profile</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox" checked="checked">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col s6">
									<p class="light">Barcode</p>
								</div>
								<div class="col s6">
									<div class="switch">
										<label>
											No
											<input type="checkbox" checked="checked">
											<span class="lever"></span>
											Yes
											</label>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col s12">Remove Channel</div>
								<div class="col s12">
									<div class="col s6">
										<p class="light">Red</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
									<div class="col s6">
										<p class="light">Green</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
									<div class="col s6">
										<p class="light">Blue</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="collapsible-header waves-effect waves-teal">
							<i class="material-icons carets">expand_more</i>Profile Extraction
						</div>
						<div class="collapsible-body">

						</div>
					</li>
				</ul>
				<!-- End Settings 1 -->
			</li>
	  </ul>
  	<!-- End Settings Slide Out -->
		<!-- Info Slide Out -->
		<ul id="info-slide" class="side-nav slide-out">
			<li>
				<div class="slide-head-wrapper"><commit_msg>Added ID's to settings<commit_after><!DOCTYPE html>
<html lang="en-us">

<head>
	<title>Hutts verification</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/png" href="img/hutts-verification-icon.png">
	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/slick-theme.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" href="css/jquery.circliful.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
	<script type="text/javascript" src="js/slick.min.js"></script>
	<script type="text/javascript" src="js/slick.min.js"></script>
	<script type="text/javascript" src="js/lightbox.js"></script>
	<script type="text/javascript" src="js/sticky-nav.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</head>

<body>
	<header>
		<!-- Fixed Side Navbar -->
		<div class="navbar">
			<div class="side-nav fixed">
				<div class="navlogo">
					<a href="https://javathehutts.github.io/Java-the-Hutts/" target="_blank">
						<img class="circle hoverable tooltipped" src="img/Java-Hutts2.png"
						data-position="right" data-delay="50" data-tooltip="Java the Hutts">
					</a>
				</div>
				<div class="nav-options">
					<a href="#" data-activates="settings-slide"
					data-position="right" data-delay="50" data-tooltip="Settings"
					class="waves-effect tooltipped hoverable slide-btn">
						<i class="material-icons">settings</i>
					</a>
					<a href="#" class="waves-effect tooltipped scroll-top hoverable"
					data-position="right" data-delay="50" data-tooltip="To Top">
						<i class="material-icons prefix fa fa-angle-double-up"></i>
					</a>
					<a href="#" class="waves-effect tooltipped scroll-bottom hoverable"
					data-position="right" data-delay="50" data-tooltip="To Bottom">
						<i class="material-icons prefix fa fa-angle-double-down"></i>
					</a>
					<a href="#" data-activates="info-slide"
					data-position="right" data-delay="50" data-tooltip="Info"
					class="waves-effect tooltipped hoverable slide-btn">
						<i class="material-icons">info_outline</i>
					</a>
				</div>
			</div>
		</div>
		<!-- End Fixed Side Navbar -->
		<!-- Settings Slide Out -->
		<ul id="settings-slide" class="side-nav slide-out">
			<li>
				<div class="slide-head-wrapper">
					<p>
						<i class="material-icons prefix">settings</i>
						Settings
					</p>
				</div>
			</li>
			<li>
				<!-- Settings 1 -->
				<ul class="collapsible" data-collapsible="accordion">
					<li>
						<div class="collapsible-header waves-effect waves-teal">
							<i class="material-icons carets">chevron_right</i>
							General
						</div>
						<div class="collapsible-body">

						</div>
					</li>
					<li>
						<div class="collapsible-header waves-effect waves-teal active">
							<i class="material-icons carets">expand_more</i>
							Text Extraction
						</div>
						<div class="collapsible-body">
							<div class="row">
								<div class="col s6">
									<p class="special">Techniques</p>
								</div>
								<div class="input-field col s12">
									<select id="blur_technique">
										<option value="" disabled selected></option>
										<option value="1">Conventional</option>
										<option value="2">Gaussian</option>
										<option value="3">Median</option>
									</select>
									<label>Blur Technique</label>
								</div>
								<div class="input-field col s12">
									<select id="threshold_technique">
										<option value="" disabled selected></option>
										<option value="1">Adaptive</option>
										<option value="2">Otsu</option>
									</select>
									<label>Threshold Technique</label>
								</div>
							</div>
							<div class="row">
								<div class="col s12">Noise Reduction</div>
								<div class="col s12">
									<div class="col s6">
										<p class="light">Profile</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox" checked="checked" id="profile_switch">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col s6">
									<p class="light">Barcode</p>
								</div>
								<div class="col s6">
									<div class="switch">
										<label>
											No
											<input type="checkbox" checked="checked" id="barcode_switch">
											<span class="lever"></span>
											Yes
											</label>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col s12">Remove Channel</div>
								<div class="col s12">
									<div class="col s6">
										<p class="light">Red</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox" id="extract_red">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
									<div class="col s6">
										<p class="light">Green</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox" id="extract_green">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
									<div class="col s6">
										<p class="light">Blue</p>
									</div>
									<div class="col s6">
										<div class="switch">
											<label>
												No
												<input type="checkbox" id="extract_blue">
												<span class="lever"></span>
												Yes
												</label>
										</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="collapsible-header waves-effect waves-teal">
							<i class="material-icons carets">expand_more</i>Profile Extraction
						</div>
						<div class="collapsible-body">

						</div>
					</li>
				</ul>
				<!-- End Settings 1 -->
			</li>
	  </ul>
  	<!-- End Settings Slide Out -->
		<!-- Info Slide Out -->
		<ul id="info-slide" class="side-nav slide-out">
			<li>
				<div class="slide-head-wrapper">
{'fraction_non_alphanumeric': 0.17952920143027415, 'fraction_numerical': 0.008939213349225268, 'mean_word_length': 2.2217422606191506, 'pattern_counts': {'":': 0, '<': 441, '<?xml version=': 0, '>': 441, 'https://': 12, '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': '6294037', 'n_tokens_mistral': 6671, 'n_tokens_neox': 4350, 'n_words': 853}