<commit_before><!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>

	<title>Modal Dialog</title>

	<!-- meta cluster -->
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="cleartype" content="on" />

	<script>
		/* Add to <head> */
		// Remove no-js and add 'js' to the HTML
		document.documentElement.className = document.documentElement.className.replace('no-js', ' ');
		document.documentElement.className += ' js ';
	</script>

	<link rel="stylesheet" href="vendor/css/modal.css" />

</head>
<body>

	<div class="content-area">
		<h1>Accessible Modal Window</h1>

		<p>
			Example paragraph goes here.
			<a data-action="modal-open"
				 data-modal-open="primary_modal"
				 data-set-modal-title="Test Title"
				 href="#primary_modal"
				 id="modal_opener">
				 Open Modal with a Link
			</a>
		</p>

		<div id="primary_modal" class="a11y-modal no-js-hide-modal">

			<div class="modal">

				<div class="modal__intro">
					<h3 id="small_modal_title" data-modal-title class="modal__intro__title">Small Modal Window</h3>
					<p>intro text <a href="#!">test</a></p>
				</div>

				<div class="modal__content">
					<p>Content goes here that talks about a thing that you couldn't doing the normal DOM flow for some reason. <a href="#!">test</a></p>
				</div><!--/.modal__content-->

				<!-- Outro content here -->
				<div class="modal__outro">
					<p>Outro message</p>
					<a data-modal-close
						 class="modal__outro__close"
						 href="#x">
						<span aria-hidden="true">⨉</span>
					</a>
				</div>

			</div> <!-- end .modal -->

		</div>

	</div>


	<button type="button" data-modal-alert="true" data-action="modal-open" aria-controls="normal_modal_b" data-modal-open="normal_modal_b" data-set-modal-title="Test Title" data-href="#normal_modal_b" id="modal_b_opener">
	 Open Modal with a Button
	</button>

	<button type="button" data-modal-alert="true" data-action="modal-open" aria-controls="normal_modal_1" data-modal-open="normal_modal_1" data-set-modal-title="Test Title" data-href="#normal_modal_1" id="modal_1_opener">
	 Open Modal {{this}} with a Button
	</button>

	<div id="normal_modal_b"
			 class="a11y-modal no-js-hide-modal"
			 data-modal-alert="true"
			 data-modal-stay="true">

		<div class="modal">

			<div class="modal__intro">
				<h3 id="normal_modal_b"
						data-modal-title
						class="modal__intro__title">
					Normal Modal Window
				</h3>
				<p>
					intro text
				</p>
			</div>

			<!-- main modal content here -->
			<div class="modal__content">
				<p>
					Content goes here that talks about a thing that you couldn't do
					in the normal DOM flow for some reason.
				</p>
			</div>


			<!-- Outro content here -->
			<div class="modal__outro">
				<p>Outro message?</p>
				<a data-modal-close
					 class="modal__outro__close"
					 href="#x">
					<span aria-hidden="true">⨉</span>
				</a>
			</div>

		</div> <!-- end .modal -->
	</div><!--/.a11y-modal-->


	<div id="normal_modal_1"
			 class="a11y-modal no-js-hide-modal"
			 data-modal-alert="true"
			 data-modal-stay="true">

		<div class="modal">

			<div class="modal__intro">
				<h3 id="normal_modal_1"
						data-modal-title
						class="modal__intro__title">
					Normal Modal Window 1
				</h3>
				<p>
					intro text
				</p>
			</div>


			<!-- main modal content here -->
			<div class="modal__content">
				<p>
					Content goes here that talks about a thing that you couldn't do
					in the normal DOM flow for some reason.
				</p>
			</div>


			<!-- Outro content here -->
			<div class="modal__outro">
				<p>Outro message?</p>
				<a data-modal-close
					 class="modal__outro__close"
					 href="#x">
					<span aria-hidden="true">⨉</span>
				</a>
			</div>
<commit_msg>Fix duplicate ID in modal example<commit_after><!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>

	<title>Modal Dialog</title>

	<!-- meta cluster -->
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="cleartype" content="on" />

	<script>
		/* Add to <head> */
		// Remove no-js and add 'js' to the HTML
		document.documentElement.className = document.documentElement.className.replace('no-js', ' ');
		document.documentElement.className += ' js ';
	</script>

	<link rel="stylesheet" href="vendor/css/modal.css" />

</head>
<body>

	<div class="content-area">
		<h1>Accessible Modal Window</h1>

		<p>
			Example paragraph goes here.
			<a data-action="modal-open"
				 data-modal-open="primary_modal"
				 data-set-modal-title="Test Title"
				 href="#primary_modal"
				 id="modal_opener">
				 Open Modal with a Link
			</a>
		</p>

		<div id="primary_modal" class="a11y-modal no-js-hide-modal">

			<div class="modal">

				<div class="modal__intro">
					<h3 id="small_modal_title" data-modal-title class="modal__intro__title">Small Modal Window</h3>
					<p>intro text <a href="#!">test</a></p>
				</div>

				<div class="modal__content">
					<p>Content goes here that talks about a thing that you couldn't doing the normal DOM flow for some reason. <a href="#!">test</a></p>
				</div><!--/.modal__content-->

				<!-- Outro content here -->
				<div class="modal__outro">
					<p>Outro message</p>
					<a data-modal-close
						 class="modal__outro__close"
						 href="#x">
						<span aria-hidden="true">⨉</span>
					</a>
				</div>

			</div> <!-- end .modal -->

		</div>

	</div>


	<button type="button" data-modal-alert="true" data-action="modal-open" aria-controls="normal_modal_b" data-modal-open="normal_modal_b" data-set-modal-title="Test Title" data-href="#normal_modal_b" id="modal_b_opener">
	 Open Modal with a Button
	</button>

	<button type="button" data-modal-alert="true" data-action="modal-open" aria-controls="normal_modal_1" data-modal-open="normal_modal_1" data-set-modal-title="Test Title" data-href="#normal_modal_1" id="modal_1_opener">
	 Open Modal {{this}} with a Button
	</button>

	<div id="normal_modal_b"
			 class="a11y-modal no-js-hide-modal"
			 data-modal-alert="true"
			 data-modal-stay="true">

		<div class="modal">

			<div class="modal__intro">
				<h3 id="normal_modal_b_title"
						data-modal-title
						class="modal__intro__title">
					Normal Modal Window
				</h3>
				<p>
					intro text
				</p>
			</div>

			<!-- main modal content here -->
			<div class="modal__content">
				<p>
					Content goes here that talks about a thing that you couldn't do
					in the normal DOM flow for some reason.
				</p>
			</div>


			<!-- Outro content here -->
			<div class="modal__outro">
				<p>Outro message?</p>
				<a data-modal-close
					 class="modal__outro__close"
					 href="#x">
					<span aria-hidden="true">⨉</span>
				</a>
			</div>

		</div> <!-- end .modal -->
	</div><!--/.a11y-modal-->


	<div id="normal_modal_1"
			 class="a11y-modal no-js-hide-modal"
			 data-modal-alert="true"
			 data-modal-stay="true">

		<div class="modal">

			<div class="modal__intro">
				<h3 id="normal_modal_1_title"
						data-modal-title
						class="modal__intro__title">
					Normal Modal Window 1
				</h3>
				<p>
					intro text
				</p>
			</div>


			<!-- main modal content here -->
			<div class="modal__content">
				<p>
					Content goes here that talks about a thing that you couldn't do
					in the normal DOM flow for some reason.
				</p>
			</div>


			<!-- Outro content here -->
			<div class="modal__outro">
				<p>Outro message?</p>
				<a data-modal-close
					 class="modal__outro__close"
					 href="#x">
					<span aria-hidden="true">⨉</span>
				</a>
			</div>

{'fraction_non_alphanumeric': 0.17354719957927953, 'fraction_numerical': 0.0068367078622140415, 'mean_word_length': 2.9827225130890054, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 211, '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': '749415', 'n_tokens_mistral': 3296, 'n_tokens_neox': 2613, 'n_words': 605}