<commit_before><!doctype html>
<html ng-app="fractalTree">
	<head>
		<!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
		<link href="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="node_modules/angular-material/angular-material.css" rel="stylesheet" />

		<script src="node_modules/angular/angular.js" type="text/javascript" ></script>
		<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

		<script src="node_modules/angular-animate/angular-animate.js" type="text/javascript" ></script>
		<script src="node_modules/angular-aria/angular-aria.js" type="text/javascript" ></script>
		<script src="node_modules/angular-material/angular-material.js" type="text/javascript" ></script>


		<script src="js/angularApp.js"></script>
		<script src="js/ftCanvas.js"></script>
		<script src="js/ftDrawService.js"></script>
	</head>
	<body ng-controller="fractalTreeCtrl" class="container">
		<md-slider-container>
			<md-slider class="red-slider" ng-model="bg_colorpicker.red" min="0" max="255"></md-slider>
			<md-slider  class="green-slider" ng-model="bg_colorpicker.green" min="0" max="255"></md-slider>
			<md-slider  class="blue-slider" ng-model="bg_colorpicker.blue" min="0" max="255"></md-slider>
		</md-slider-container>

	<md-slider-container>
		<md-slider class="red-slider" ng-model="tree_colorpicker.red" min="0" max="255"></md-slider>
		<md-slider  class="green-slider" ng-model="tree_colorpicker.green" min="0" max="255"></md-slider>
		<md-slider  class="blue-slider" ng-model="tree_colorpicker.blue" min="0" max="255"></md-slider>
	</md-slider-container>

		<!-- NOT YET IMPLEMENTED -->
		<!-- <div id="design_sliders"> -->
			<!-- <div id="iterations" ui-slider="design.iterationOptions" ng-model="design.iterations"></div> -->
			<!-- <div id="noOfTrees" ui-slider="design.noOfTreesOptions" ng-model="design.noOfTrees"></div> -->
			<!-- <div id="rotationPerIteration" ui-slider="design.rotationPerIterationOptions" ng-model="design.rotationPerIteration"></div> -->
			<!-- <div id="branchIterationScaling" ui-slider="design.branchIterationScalingOptions" ng-model="design.branchIterationScaling"></div> -->
			<!-- <div id="zoom" ui-slider="design.zoomOptions" ng-model="design.zoom"></div> -->
			<!-- <div id="lineWidth" ui-slider="design.lineWidthOptions" ng-model="design.lineWidth"></div> -->
			<!-- <div id="startingAngle" ui-slider="design.startingAngleOptions" ng-model="design.startingAngle"></div> -->
		<!-- </div> -->

		<ft-canvas></ft-canvas>
	</body>
</html>
<commit_msg>Add in aria labels as expected by MD<commit_after><!doctype html>
<html ng-app="fractalTree">
	<head>
		<!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
		<link href="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="node_modules/angular-material/angular-material.css" rel="stylesheet" />

		<script src="node_modules/angular/angular.js" type="text/javascript" ></script>
		<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

    <script src="node_modules/angular-animate/angular-animate.js" type="text/javascript" ></script>
    <script src="node_modules/angular-aria/angular-aria.js" type="text/javascript" ></script>
		<script src="node_modules/angular-material/angular-material.js" type="text/javascript" ></script>


		<script src="js/angularApp.js"></script>
		<script src="js/ftCanvas.js"></script>
		<script src="js/ftDrawService.js"></script>
	</head>
	<body ng-controller="fractalTreeCtrl" class="container">
		<md-slider-container>
			<md-slider class="red-slider" ng-model="bg_colorpicker.red" min="0" max="255" aria-label="BG Red"></md-slider>
			<md-slider  class="green-slider" ng-model="bg_colorpicker.green" min="0" max="255" aria-label="BG Green"></md-slider>
			<md-slider  class="blue-slider" ng-model="bg_colorpicker.blue" min="0" max="255" aria-label="BG Blue"></md-slider>
		</md-slider-container>

	<md-slider-container>
		<md-slider class="red-slider" ng-model="tree_colorpicker.red" min="0" max="255" aria-label="FG Red"></md-slider>
		<md-slider  class="green-slider" ng-model="tree_colorpicker.green" min="0" max="255" aria-label="FG Green"></md-slider>
		<md-slider  class="blue-slider" ng-model="tree_colorpicker.blue" min="0" max="255" aria-label="FG Blue"></md-slider>
	</md-slider-container>

		<!-- NOT YET IMPLEMENTED -->
		<!-- <div id="design_sliders"> -->
			<!-- <div id="iterations" ui-slider="design.iterationOptions" ng-model="design.iterations"></div> -->
			<!-- <div id="noOfTrees" ui-slider="design.noOfTreesOptions" ng-model="design.noOfTrees"></div> -->
			<!-- <div id="rotationPerIteration" ui-slider="design.rotationPerIterationOptions" ng-model="design.rotationPerIteration"></div> -->
			<!-- <div id="branchIterationScaling" ui-slider="design.branchIterationScalingOptions" ng-model="design.branchIterationScaling"></div> -->
			<!-- <div id="zoom" ui-slider="design.zoomOptions" ng-model="design.zoom"></div> -->
			<!-- <div id="lineWidth" ui-slider="design.lineWidthOptions" ng-model="design.lineWidth"></div> -->
			<!-- <div id="startingAngle" ui-slider="design.startingAngleOptions" ng-model="design.startingAngle"></div> -->
		<!-- </div> -->

		<ft-canvas></ft-canvas>
	</body>
</html>

{'fraction_non_alphanumeric': 0.21317758715093996, 'fraction_numerical': 0.00876072275962767, 'mean_word_length': 5.1297539149888145, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 147, 'https://': 0, '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': '1584316', 'n_tokens_mistral': 1965, 'n_tokens_neox': 1837, 'n_words': 255}