<commit_before><!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>StreetView Slideshow</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

	<!-- build:css styles/vendor.css -->
	<!-- bower:css -->
	<link rel="stylesheet" href="bower_components/foundation/css/foundation.css" />
	<link rel="stylesheet" href="bower_components/foundation-icon-fonts/foundation-icons.css" />
	<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick.css" />
	<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick-theme.css" />
	<!-- endbower -->
	<!-- endbuild -->

	<!-- build:css({.tmp,app}) styles/main.css -->
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="bower_components/jquery-ui/themes/dark-hive/jquery-ui.min.css">
	<!-- endbuild -->

	<!-- TEMPLATES -->
	<!-- build:js scripts/templates.js -->
	<template id="tpl-image-container">
		<li class="container-streetview-image js-container-image">
			<i class="fi-x icon-remove clickable right-block-position js-remove-image"></i>
		</li>
	</template>
	<!-- endbuild -->
</head>
<body>
	<!--[if lt IE 10]>
		<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->

	<div id="help" class="reveal-modal" data-reveal aria-labelledby="help" aria-hidden="true" role="dialog">
		<ul>
			<li><strong>heading</strong> indicates the compass heading of the camera. Accepted values are from 0 to 360 (both values indicating North, with 90 indicating East, and 180 South). If no heading is specified, a value will be calculated that directs the camera towards the specified location, from the point at which the closest photograph was taken.
			</li>
			<li><strong>fov</strong> (default is 90) determines the horizontal field of view of the image. The field of view is expressed in degrees, with a maximum allowed value of 120. When dealing with a fixed-size viewport, as with a Street View image of a set size, field of view in essence represents zoom, with smaller numbers indicating a higher level of zoom.
			</li>
			<li><strong>pitch</strong> (default is 0) specifies the up or down angle of the camera relative to the Street View vehicle. This is often, but not always, flat horizontal. Positive values angle the camera up (with 90 degrees indicating straight up); negative values angle the camera down (with -90 indicating straight down).
			</li>
		</ul>
		<a class="close-reveal-modal" aria-label="Close">&#215;</a>
	</div>
	<form autocomplete="yes">
		<!-- SLIDERS -->
		<div class="row container-sliders js-streetview-options">
			<div class="row js-container-slider">
				<h4>HEADING</h4>
				<div class="small-2 columns">
					<span id="heading-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="heading-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-heading" name="api-heading" class="form-control" aria-label="Heading" placeholder="Heading" min="0" max="360"> -->
				</div>
			</div>
			<div class="row js-container-slider">
				<h4>FOV</h4>
				<div class="small-2 columns">
					<span id="fov-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="fov-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-fov" name="api-fov" class="form-control" aria-label="FOV" placeholder="FOV" min="0" max="120"> -->
				</div>
			</div>
			<div class="row js-container-slider">
				<h4>PITCH</h4>
				<div class="small-2 columns">
					<span id="pitch-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="pitch-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-pitch" name="api-pitch" class="form-control" aria-label="Pitch" placeholder="Pitch" min="-90"
					max="90"> -->
				</div>
			</div>
		</div>
		<!-- END: SLIDERS -->

		<!-- ADDRESS TEXT FIELDS -->
		<div class="container-address">
			<div class="row">
				<div class="columns small-12">
					<label for="address-origin">Origin</label>
					<div class="row collapse">
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-random-address" data-selector="#address-origin"><i class="icon fi-refresh"></i></button>
						</div>
						<div class="columns small-10">
							<input type="text" id="address-origin" name="address-origin" class="form-control" aria-labeledby="Origin" placeholder="Origin" required tab-index="1" autofocus="true" autocomplete="yes">
						</div>
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-get-image" data-selector="#address-origin"><i class="icon fi-camera"></i></button>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="columns small-12">
					<label for="address-destination">Destination</label>
					<div class="row collapse">
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-random-address" data-selector="#address-destination"><i class="icon fi-refresh"></i></button>
						</div>
						<div class="columns small-10">
							<input type="text" id="address-destination" name="address-destination" class="form-control" aria-label="Destination" placeholder="Destination" required tab-index="2" autocomplete="yes">
						</div>
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-get-image" data-selector="#address-destination"><i class="icon fi-camera"></i></button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END: ADDRESS TEXT FIELDS -->

		<!-- FORM SUBMIT -->
		<div class="row">
			<div class="columns small-10">
				<button type="submit" class="button right js-get-directions" tab-index="3">Add Images from Directions</button>
			</div>
			<div class="columns small-2">
				<button type="button" class="button right js-cancel-directions" tab-index="4">CANCEL</button>
			</div>
		</div>
		<!-- END: FORM SUBMIT -->
	</form>
	<a class="help-link" href="#" title="Help" data-reveal-id="help"><i class="fi-info help-icon"></i></a>

	<div class="row">
		<div class="columns">
			<ul class="js-container-images large-block-grid-5 medium-block-grid-4 small-block-grid-3"></ul>
		</div>
	</div>

	<!-- build:js scripts/vendor.js -->
	<!-- bower:js -->
	<script src="bower_components/modernizr/modernizr.js"></script>
	<script src="bower_components/jquery/dist/jquery.js"></script>
	<script src="bower_components/fastclick/lib/fastclick.js"></script>
	<script src="bower_components/jquery.cookie/jquery.cookie.js"></script>
	<script src="bower_components/jquery-placeholder/jquery.placeholder.js"></script>
	<script src="bower_components/foundation/js/foundation.js"></script>
	<script src="bower_components/spin.js/spin.js"></script>
	<script src="bower_components/jquery-ui/jquery-ui.js"></script>
	<script src="bower_components/slick-carousel/slick/slick.min.js"></script>
	<!-- endbower -->
	<script src="bower_components/hogan/lib/template.js"></script>
	<script src="bower_components/hogan/lib/compiler.js"></script>
	<!-- endbuild -->

	<!-- build:js scripts/main.js -->
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<KEY>"></script>
	<script src="scripts/libs/jquery.spin.js"></script>
	<script src="scripts/leopard.js"></script>
	<script src="scripts/template.js"></script>
	<script src="scripts/init.js"></script>
	<script src="scripts/main.js"></script>
	<!-- endbuild -->
</body>
</html>
<commit_msg>Closes #26 - Add tooltips to all buttons<commit_after><!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>StreetView Slideshow</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

	<!-- build:css styles/vendor.css -->
	<!-- bower:css -->
	<link rel="stylesheet" href="bower_components/foundation/css/foundation.css" />
	<link rel="stylesheet" href="bower_components/foundation-icon-fonts/foundation-icons.css" />
	<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick.css" />
	<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick-theme.css" />
	<!-- endbower -->
	<!-- endbuild -->

	<!-- build:css({.tmp,app}) styles/main.css -->
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="bower_components/jquery-ui/themes/dark-hive/jquery-ui.min.css">
	<!-- endbuild -->

	<!-- TEMPLATES -->
	<!-- build:js scripts/templates.js -->
	<template id="tpl-image-container">
		<li class="container-streetview-image js-container-image">
			<i class="fi-x icon-remove clickable right-block-position js-remove-image"></i>
		</li>
	</template>
	<!-- endbuild -->
</head>
<body>
	<!--[if lt IE 10]>
		<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->

	<div id="help" class="reveal-modal" data-reveal aria-labelledby="help" aria-hidden="true" role="dialog">
		<ul>
			<li><strong>heading</strong> indicates the compass heading of the camera. Accepted values are from 0 to 360 (both values indicating North, with 90 indicating East, and 180 South). If no heading is specified, a value will be calculated that directs the camera towards the specified location, from the point at which the closest photograph was taken.
			</li>
			<li><strong>fov</strong> (default is 90) determines the horizontal field of view of the image. The field of view is expressed in degrees, with a maximum allowed value of 120. When dealing with a fixed-size viewport, as with a Street View image of a set size, field of view in essence represents zoom, with smaller numbers indicating a higher level of zoom.
			</li>
			<li><strong>pitch</strong> (default is 0) specifies the up or down angle of the camera relative to the Street View vehicle. This is often, but not always, flat horizontal. Positive values angle the camera up (with 90 degrees indicating straight up); negative values angle the camera down (with -90 indicating straight down).
			</li>
		</ul>
		<a class="close-reveal-modal" aria-label="Close">&#215;</a>
	</div>
	<form autocomplete="yes">
		<!-- SLIDERS -->
		<div class="row container-sliders js-streetview-options">
			<div class="row js-container-slider">
				<h4>HEADING</h4>
				<div class="small-2 columns">
					<span id="heading-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="heading-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-heading" name="api-heading" class="form-control" aria-label="Heading" placeholder="Heading" min="0" max="360"> -->
				</div>
			</div>
			<div class="row js-container-slider">
				<h4>FOV</h4>
				<div class="small-2 columns">
					<span id="fov-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="fov-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-fov" name="api-fov" class="form-control" aria-label="FOV" placeholder="FOV" min="0" max="120"> -->
				</div>
			</div>
			<div class="row js-container-slider">
				<h4>PITCH</h4>
				<div class="small-2 columns">
					<span id="pitch-value" class="js-slider-value"></span>
				</div>
				<div class="columns small-10">
					<div id="pitch-slider" class="js-slider"></div>
					<!-- <input type="number" id="api-pitch" name="api-pitch" class="form-control" aria-label="Pitch" placeholder="Pitch" min="-90"
					max="90"> -->
				</div>
			</div>
		</div>
		<!-- END: SLIDERS -->

		<!-- ADDRESS TEXT FIELDS -->
		<div class="container-address">
			<div class="row">
				<div class="columns small-12">
					<label for="address-origin">Origin</label>
					<div class="row collapse">
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-random-address" data-selector="#address-origin" title="Random Address"><i class="icon fi-refresh"></i></button>
						</div>
						<div class="columns small-10">
							<input type="text" id="address-origin" name="address-origin" class="form-control" aria-labeledby="Origin" placeholder="Origin" required tab-index="1" autofocus="true" autocomplete="yes">
						</div>
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-get-image" data-selector="#address-origin" title="Generate Image"><i class="icon fi-camera"></i></button>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="columns small-12">
					<label for="address-destination">Destination</label>
					<div class="row collapse">
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-random-address" data-selector="#address-destination" title="Random Address"><i class="icon fi-refresh"></i></button>
						</div>
						<div class="columns small-10">
							<input type="text" id="address-destination" name="address-destination" class="form-control" aria-label="Destination" placeholder="Destination" required tab-index="2" autocomplete="yes">
						</div>
						<div class="columns small-1">
							<button type="button" class="button primary prefix js-get-image" data-selector="#address-destination" title="Generate Image"><i class="icon fi-camera"></i></button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END: ADDRESS TEXT FIELDS -->

		<!-- FORM SUBMIT -->
		<div class="row">
			<div class="columns small-10">
				<button type="submit" class="button right js-get-directions" tab-index="3" title="Generate Images from Directions">Generate Images from Directions</button>
			</div>
			<div class="columns small-2">
				<button type="button" class="button right js-cancel-directions" tab-index="4" title="cancel">CANCEL</button>
			</div>
		</div>
		<!-- END: FORM SUBMIT -->
	</form>
	<a class="help-link" href="#" title="Help" data-reveal-id="help"><i class="fi-info help-icon"></i></a>

	<div class="row">
		<div class="columns">
			<ul class="js-container-images large-block-grid-5 medium-block-grid-4 small-block-grid-3"></ul>
		</div>
	</div>

	<!-- build:js scripts/vendor.js -->
	<!-- bower:js -->
	<script src="bower_components/modernizr/modernizr.js"></script>
	<script src="bower_components/jquery/dist/jquery.js"></script>
	<script src="bower_components/fastclick/lib/fastclick.js"></script>
	<script src="bower_components/jquery.cookie/jquery.cookie.js"></script>
	<script src="bower_components/jquery-placeholder/jquery.placeholder.js"></script>
	<script src="bower_components/foundation/js/foundation.js"></script>
	<script src="bower_components/spin.js/spin.js"></script>
	<script src="bower_components/jquery-ui/jquery-ui.js"></script>
	<script src="bower_components/slick-carousel/slick/slick.min.js"></script>
	<!-- endbower -->
	<script src="bower_components/hogan/lib/template.js"></script>
	<script src="bower_components/hogan/lib/compiler.js"></script>
	<!-- endbuild -->

	<!-- build:js scripts/main.js -->
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<KEY>"></script>
	<script src="scripts/libs/jquery.spin.js"></script>
	<script src="scripts/leopard.js"></script>
	<script src="scripts/template.js"></script>
	<script src="scripts/init.js"></script>
	<script src="scripts/main.js"></script>
	<!-- endbuild -->
</body>
</html>

{'fraction_non_alphanumeric': 0.1880287513516952, 'fraction_numerical': 0.009668596145283379, 'mean_word_length': 4.074887023886379, 'pattern_counts': {'":': 0, '<': 445, '<?xml version=': 0, '>': 445, 'https://': 2, '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': '1300590', 'n_tokens_mistral': 5731, 'n_tokens_neox': 4999, 'n_words': 1171}