<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">
	<meta name="description" content="Authenticon Prototype">
	<meta name="author" content="Benetech Labs">

	
	<script>
	  var apiRoot = 'https://authenticon-api-qa.benetech.org';
	</script>
	
	<title>Authenticon Prototype - Benetech</title>

	<!-- Bootstrap Core CSS -->
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<!-- Theme CSS -->
	<link href="css/freelancer.min.css" rel="stylesheet">

	<!-- Custom Fonts -->
	<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

	<!-- 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	
	<!-- Text encodings use <pre>; this style tweak makes <pre> text larger -->
   <style>
	  pre.result {
		font-size: 160%;        
	  }
	</style>
	
</head>

<body id="page-top" class="index">

	<!-- Navigation -->
	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header page-scroll">
				<a class="navbar-brand" href="#page-top">Authenticon</a>
				<a class="navbar-brand" id="navsmall"  href="#page-top">Prototype</a>
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
				</button>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li class="hidden">
						<a href="#page-top"></a>
					</li>
					<li class="page-scroll">
						<a href="#viz">Visualize</a>
					</li>
					<li class="page-scroll">
						<a href="#about">About</a>
					</li>
					<li class="page-scroll">
						<a href="#foot">Contact</a>
					</li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	
<!-- Header -->
	
	<header>
		<section id="viz"  style="padding-bottom:50px;">
			<div class="container">
				<span id="fingerprint-entry" sytle="padding-top:120px;">&nbsp;</span>
					<div class="row" style="padding-bottom:30px">
						<div class="col-lg-12">
							<div class="intro-text">
								<h2>Authenticon</h2>
								<hr  class="star-light">
							</div>
						</div>	
					</div>	
					<div class="row" style="padding-bottom:30px">
						<div class="col-lg-12 text-center">
							<p class="lead">Please enter the encryption fingerprint below</p>
						</div>
					</div>	
				
				
				
							
				<div class="row">
					<div class="col-lg-12">
						<form id="fingerprintForm" autocomplete="off">
							<div class="form-group">
								<div class="col-md-6 col-md-offset-1">
									<input type="text" class="form-control input-lg" name="fingerprint" placeholder="Fingerprint (Martus or PGP format)"></input>
								</div>
								
								<div class="col-md-4">
									
									<div class="btn-group pull-left" role="group" aria-label="Choose Representation">
										<button id="current-encoding-name" type="button" class="btn btn-primary btn-lg">Choose Method</button>
										<button type="button" class="btn btn-primary btn-lg dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<span class="caret"></span>
											<span class="sr-only">Toggle Method Dropdown</span>
										</button>
										<ul id="methods-dropdown" class="dropdown-menu">
										</ul>
									</div>
									
									
								</div>		
								
							</div>	
						</form>
					</div>	
					
					


				</div>
				
				
				
				<div class="row" style="padding-top:75px;">
					<div class="img-responsive" id="visualise-result" style="display:none;">
						<button id="resultDone" class="btn btn-lg btn-success">Done</button>
					</div>
				</div>
			
			
			
			</div>
		</section>
	</header>
	

	<!-- About Section -->
	<section class="success" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>About</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 text-justify">
					<p>AuthentIcon is an open source prototype designed to improve the user experience of verifying a contact's cryptographic identity. The current standard implemented by widely-used encryption software, like <a style="text-decoration: underline; color:white" href="https://en.wikipedia.org/wiki/Pretty_Good_Privacy">PGP </a>and <a style="text-decoration: underline; color:white" href="https://en.wikipedia.org/wiki/Off-the-Record_Messaging">OTR</a>, requires users to compare long alphanumeric strings either visually or by reading aloud character-by-character. It is tedious, presents a significant barrier to verification, and often dissuades users from verifying their contacts at all, presenting serious security risks.</p>
				</div>
				<div class="col-lg-12 text-justify" style="padding-top:20px;">				
					<p>This prototype hopes to begin exploring various methods that can be used to compare and authenticate cryptographic fingerprints.</p>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-12 text-center" style="padding-top: 30px;">
					<h2>Current Methods</h2>
				</div>
			</div>
			<div class="row" style="padding-top: 10px;">
				<div class="col-md-4 text-justify">
					<h3 class="text-center">14 Icons (Permanent)</h3>
					<p style="font-size: 1.25em">Encodes fingerprints as a set of 14 icons. Icons can either be colored blue or orange, but contain unique concepts within a color. These icons should be described to the recipient using the color and a description in the users' preferred language. Each unique fingerprint will always encode to the same set of icons.</p>
				</div>
				<div class="col-md-4 text-justify">
					<h3 class="text-center">3 Icons (Temporary)</h3>
					<p style="font-size: 1.2em">Encodes fingerprints as a set of 3 icons. The icon set is associated with the fingerprint for a period of 24 hours. This method is useful for a real-time (or near real-time) verification, but cannot be used as a permanent representation of the fingerprint. After 24 hours, the same set of icons could be represent a different fingerprint.</p>
				</div>
				<div class="col-md-4 text-justify">
					<h3 class="text-center">Hash Mechanism</h3>
					<p style="font-size: 1.25em">Provides . Icons can either be colored blue or orange, and contain unique representations within a color. These icons can be described in the user's own language. Each unique fingerprint will always encode to the same icons.</p>
				</div>
		</div>
	</section><commit_msg>Change description<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">
	<meta name="description" content="Authenticon Prototype">
	<meta name="author" content="<NAME>">

	
	<script>
	  var apiRoot = 'https://authenticon-api-qa.benetech.org';
	</script>
	
	<title>Authenticon Prototype - Benetech</title>

	<!-- Bootstrap Core CSS -->
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<!-- Theme CSS -->
	<link href="css/freelancer.min.css" rel="stylesheet">

	<!-- Custom Fonts -->
	<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

	<!-- 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	
	<!-- Text encodings use <pre>; this style tweak makes <pre> text larger -->
   <style>
	  pre.result {
		font-size: 160%;        
	  }
	</style>
	
</head>

<body id="page-top" class="index">

	<!-- Navigation -->
	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header page-scroll">
				<a class="navbar-brand" href="#page-top">Authenticon</a>
				<a class="navbar-brand" id="navsmall"  href="#page-top">Prototype</a>
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
				</button>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li class="hidden">
						<a href="#page-top"></a>
					</li>
					<li class="page-scroll">
						<a href="#viz">Visualize</a>
					</li>
					<li class="page-scroll">
						<a href="#about">About</a>
					</li>
					<li class="page-scroll">
						<a href="#foot">Contact</a>
					</li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	
<!-- Header -->
	
	<header>
		<section id="viz"  style="padding-bottom:50px;">
			<div class="container">
				<span id="fingerprint-entry" sytle="padding-top:120px;">&nbsp;</span>
					<div class="row" style="padding-bottom:30px">
						<div class="col-lg-12">
							<div class="intro-text">
								<h2>Authenticon</h2>
								<hr  class="star-light">
							</div>
						</div>	
					</div>	
					<div class="row" style="padding-bottom:30px">
						<div class="col-lg-12 text-center">
							<p class="lead">Please enter the encryption fingerprint below</p>
						</div>
					</div>	
				
				
				
							
				<div class="row">
					<div class="col-lg-12">
						<form id="fingerprintForm" autocomplete="off">
							<div class="form-group">
								<div class="col-md-6 col-md-offset-1">
									<input type="text" class="form-control input-lg" name="fingerprint" placeholder="Fingerprint (Martus or PGP format)"></input>
								</div>
								
								<div class="col-md-4">
									
									<div class="btn-group pull-left" role="group" aria-label="Choose Representation">
										<button id="current-encoding-name" type="button" class="btn btn-primary btn-lg">Choose Method</button>
										<button type="button" class="btn btn-primary btn-lg dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<span class="caret"></span>
											<span class="sr-only">Toggle Method Dropdown</span>
										</button>
										<ul id="methods-dropdown" class="dropdown-menu">
										</ul>
									</div>
									
									
								</div>		
								
							</div>	
						</form>
					</div>	
					
					


				</div>
				
				
				
				<div class="row" style="padding-top:75px;">
					<div class="img-responsive" id="visualise-result" style="display:none;">
						<button id="resultDone" class="btn btn-lg btn-success">Done</button>
					</div>
				</div>
			
			
			
			</div>
		</section>
	</header>
	

	<!-- About Section -->
	<section class="success" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>About</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 text-justify">
					<p>AuthentIcon is an open source prototype designed to improve the user experience of verifying a contact's cryptographic identity. The current standard implemented by widely-used encryption software, like <a style="text-decoration: underline; color:white" href="https://en.wikipedia.org/wiki/Pretty_Good_Privacy">PGP </a>and <a style="text-decoration: underline; color:white" href="https://en.wikipedia.org/wiki/Off-the-Record_Messaging">OTR</a>, requires users to compare long alphanumeric strings either visually or by reading aloud character-by-character. It is tedious, presents a significant barrier to verification, and often dissuades users from verifying their contacts at all, presenting serious security risks.</p>
				</div>
				<div class="col-lg-12 text-justify" style="padding-top:20px;">				
					<p>This prototype hopes to begin exploring various methods that can be used to compare and authenticate cryptographic fingerprints.</p>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-12 text-center" style="padding-top: 30px;">
					<h2>Current Methods</h2>
				</div>
			</div>
			<div class="row" style="padding-top: 10px;">
				<div class="col-md-4 text-justify">
					<h3 class="text-center">14 Icons (Permanent)</h3>
					<p style="font-size: 1.25em">Encodes fingerprints as a set of 14 icons. Icons can either be colored blue or orange, but contain unique concepts within a color. These icons should be described to the recipient using the color and a description in the users' preferred language. Each unique fingerprint will always encode to the same set of icons.</p>
				</div>
				<div class="col-md-4 text-justify">
					<h3 class="text-center">3 Icons (Temporary)</h3>
					<p style="font-size: 1.2em">Encodes fingerprints as a set of 3 icons. The icon set is associated with the fingerprint for a period of 24 hours. This method is useful for a real-time (or near real-time) verification, but cannot be used as a permanent representation of the fingerprint. After 24 hours, the same set of icons could be represent a different fingerprint.</p>
				</div>
				<div class="col-md-4 text-justify">
					<h3 class="text-center">Hash Mechanism</h3>
					<p style="font-size: 1.25em">Lorem Ipsum</p>
				</div>
		</div>
	</section>
{'fraction_non_alphanumeric': 0.16561116785835886, 'fraction_numerical': 0.014164113040517535, 'mean_word_length': 3.188819167142042, 'pattern_counts': {'":': 0, '<': 370, '<?xml version=': 0, '>': 370, 'https://': 14, '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': '1712937', 'n_tokens_mistral': 5969, 'n_tokens_neox': 4603, 'n_words': 1223}