<commit_before><!doctype html>
<html lang="en" ng-app="orrApp">

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">


		<title>ORR - One Ring Roller</title>

		<link rel="icon" href="favicon.ico" type="image/x-icon">

		<link rel="stylesheet" href="deps/barekit.css">
		<link rel="stylesheet" href="orr/sprite-dice.css">

		<!-- TODO Move to SCSS -->
		<style type="text/css">
			h2 {
				margin-top: 0;
				margin-bottom: 0;
			}
			.bottomSeparated {
				margin-bottom: 0.5em;
			}
			.topPaddedSmall {
				padding-top: 0.25em;
			}
			.hide {
				display: none !important;
			}
			.dice {
				display: inline-block;
			}
			.doRoll {
				padding: 0.5em 1em;
			}
			.panel {
				background-color: #eee;
				padding: 0.5em;
				border: 1px solid #ccc;
			}
			.disabledDie {
				opacity: 0.5;
			}

			/* For AngularJS's ng-cloak attribute. */
			[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  				display: none !important;
			}
		</style>

	</head>

	<body>

		<div ng-controller="OrrCtrl" ng-cloak>

			<div class="row">
				<div class="sm-8 lg-5 has-gutter">
					<h2>One Ring Roller</h2>
					<div>Alpha v0.0.1</div>
				</div>
				<div class="sm-4 lg-7 has-gutter topPaddedSmall bottomSeparated">
					<input type="submit" value="Roll" class="doRoll" ng-click="doRoll()"/>
				</div>
			</div>

			<div class="row">

				<div class="sm-12 lg-5 has-gutter">


					<div class="row bottomSeparated">
						<div class="sm-12 md-3 has-gutter bottomSeparated">
							<strong>Feat Dice</strong>
						</div>
						<div class="sm-12 md-9 has-gutter">
							<label class="radio">
								<input name="featDice" type="radio" value="1" checked="checked">
								<span>One</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="2">
								<span>Two high</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="3">
								<span>Two low</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="0">
								<span>None</span>
							</label>
						</div>
					</div>
					<div class="row bottomSeparated">
						<div class="sm-12 md-3 has-gutter bottomSeparated">
							<strong>Success Dice</strong>
						</div>
						<div class="sm-12 md-9 has-gutter">
							<label class="radio">
								<input name="successDice" type="radio" value="1">
								<span>One</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="2">
								<span>Two</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="3" checked="checked">
								<span>Three</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="4">
								<span>Four</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="5">
								<span>Five</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="6">
								<span>Six</span>
							</label>
						</div>
					</div>
					<div class="row bottomSeparated">
						<div class="sm-12 has-gutter">
							<strong>Conditions</strong>
						</div>
					</div>
					<div class="row bottomSeparated">
						<div class="sm-3 has-gutter">
							<label class="checkbox">
								<input name="isWeary" type="checkbox" value="1">
								<span>Weary?&nbsp;</span>
							</label>
						</div>
						<div class="sm-3 has-gutter">
							<label class="checkbox">
								<input name="isEnemy" type="checkbox" value="1">
								<span>Enemy roll?</span>
							</label>
						</div>
					</div>

				</div>

				<div class="sm-12 lg-7 has-gutter">

					<div class="row">
						<div class="sm-12 has-gutter bottomSeparated">
							<strong>Result @ {{result.time | date:'mediumTime'}}</strong>
						</div>
					</div>
					<div class="row">
						<div class="sm-12 has-gutter">
							<span id="noRoll">-- press roll first --</span>
							<span class="d12 dice dice-d12-1 hide"></span>
							<span class="d12 dice dice-d12-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
							<span class="d6 dice dice-d6-1 hide"></span>
						</div>
					</div>
					<div class="row">
						<div class="sm-12 has-gutter">
<commit_msg>Updated html for the dice, isWeary and isEnemy so far.<commit_after><!doctype html>
<html lang="en" ng-app="orrApp">

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">


		<title>ORR - One Ring Roller</title>

		<link rel="icon" href="favicon.ico" type="image/x-icon">

		<link rel="stylesheet" href="deps/barekit.css">
		<link rel="stylesheet" href="orr/sprite-dice.css">

		<!-- TODO Move to SCSS -->
		<style type="text/css">
			h2 {
				margin-top: 0;
				margin-bottom: 0;
			}
			.bottomSeparated {
				margin-bottom: 0.5em;
			}
			.topPaddedSmall {
				padding-top: 0.25em;
			}
			.hide {
				display: none !important;
			}
			.dice {
				display: inline-block;
			}
			.doRoll {
				padding: 0.5em 1em;
			}
			.panel {
				background-color: #eee;
				padding: 0.5em;
				border: 1px solid #ccc;
			}
			.disabledDie {
				opacity: 0.5;
			}

			/* For AngularJS's ng-cloak attribute. */
			[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  				display: none !important;
			}
		</style>

	</head>

	<body>

		<div ng-controller="OrrCtrl" ng-cloak>

			<div class="row">
				<div class="sm-8 lg-5 has-gutter">
					<h2>One Ring Roller</h2>
					<div>Alpha v0.0.1</div>
				</div>
				<div class="sm-4 lg-7 has-gutter topPaddedSmall bottomSeparated">
					<input type="submit" value="Roll" class="doRoll" ng-click="doRoll()"/>
				</div>
			</div>

			<div class="row">

				<div class="sm-12 lg-5 has-gutter">


					<div class="row bottomSeparated">
						<div class="sm-12 md-3 has-gutter bottomSeparated">
							<strong>Feat Dice</strong>
						</div>
						<div class="sm-12 md-9 has-gutter">
							<label class="radio">
								<input name="featDice" type="radio" value="1" checked="checked">
								<span>One</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="2">
								<span>Two high</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="3">
								<span>Two low</span>
							</label>
							<label class="radio">
								<input name="featDice" type="radio" value="0">
								<span>None</span>
							</label>
						</div>
					</div>
					<div class="row bottomSeparated">
						<div class="sm-12 md-3 has-gutter bottomSeparated">
							<strong>Success Dice</strong>
						</div>
						<div class="sm-12 md-9 has-gutter">
							<label class="radio">
								<input name="successDice" type="radio" value="1">
								<span>One</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="2">
								<span>Two</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="3" checked="checked">
								<span>Three</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="4">
								<span>Four</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="5">
								<span>Five</span>
							</label>
							<label class="radio">
								<input name="successDice" type="radio" value="6">
								<span>Six</span>
							</label>
						</div>
					</div>

					<div class="row bottomSeparated">
						<div class="sm-12 has-gutter">
							<strong>Conditions</strong>
						</div>
					</div>
					<div class="row bottomSeparated">
						<div class="sm-3 has-gutter">
							<label class="checkbox">
								<input type="checkbox" ng-model="isWeary">
								<span>Weary?&nbsp;</span>
							</label>
						</div>
						<div class="sm-3 has-gutter">
							<label class="checkbox">
								<input type="checkbox" ng-model="isEnemy">
								<span>Enemy roll?</span>
							</label>
						</div>
					</div>

				</div>

				<div class="sm-12 lg-7 has-gutter">

					<div class="row">
						<div class="sm-12 has-gutter bottomSeparated">
							<strong>Result @
								<span ng-if="!result.dateStamp">TBD</span>
								<span ng-if="result.dateStamp">{{result.dateStamp | date:'mediumTime'}}</span>
							</strong>
						</div>
					</div>

					<div class="row">
						<div class="sm-12 has-gutter">
							<span ng-if="!result.dateStamp">-- press roll first --</span>
							<span ng-repeat="d12 in result.d12s" class="dice dice-d12-{{d12.value}}"></span>
							<span ng-repeat="d6 in result.d6s" class="dice dice-d6-{{d6.value}}"></span>
						</div>
					</div>

					<div class="row">
						<div class="sm-12 has-gutter">

{'fraction_non_alphanumeric': 0.18595493327499454, 'fraction_numerical': 0.01881426383723474, 'mean_word_length': 2.360161705255421, 'pattern_counts': {'":': 0, '<': 293, '<?xml version=': 0, '>': 293, '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': '2437788', 'n_tokens_mistral': 4685, 'n_tokens_neox': 3241, 'n_words': 675}