<commit_before><!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>test file: article element</title>
	</head>
	<body>
		<h1><code>article</code> element</h1>

		<div class="criteria">
			<h2>Pass Criteria</h2>
			<ul>
				<li>#1: Element is supported</li>
				<li>#2: Element has correct HTML and Core Accessibility API mappings</li>
			</ul>
		</div>

		<div class="reference">
			<h2>Reference</h2>
			<ul>
				<li><a href="http://www.w3.org/TR/html5/sections.html#the-article-element">HTML5 article element</a></li>
				<li><a href="https://www.w3.org/TR/html-aam-1.0/#el-article">HTML Accessibility API Mappings for article element</a></li>
				<li><a href="https://www.w3.org/TR/core-aam-1.1/#role-map-article">Core Accessibility API Mappings for article role</a></li>
			</ul>
		</div>

		<ul>
			<li>Plain</li>
			<li>With <code>&lt;h1></code></li>
			<li>With <code>aria-label</code>
			<li>With <code>&lt;h1></code> referenced by <code>aria-labelledby</code></li>
		</ul>

		<article>Lorem ipsum...</article>
		<hr>

		<article>
			<h1>Once upon a time</h1>
			Lorem ipsum...
		</article>
		<hr>

		<article aria-label="Once upon a time">Lorem ipsum...</article>
		<hr>

		<article aria-labelledby="article-title">
			<h1 id="article-title">Once upon a time</h1>
			Lorem ipsum...
		</article>

		<h2>Code</h2>
		<pre><code>&lt;article>Lorem ipsum...&lt;/article></code></pre>
		<hr>

		<pre><code>&lt;article>
	&lt;h1>Once upon a time&lt;/h1>
	Lorem ipsum...
&lt;/article></code></pre>
		<hr>

		<pre><code>&lt;article aria-label="Once upon a time">Lorem ipsum...&lt;/article></code></pre>
		<hr>

		<pre><code>&lt;article aria-labelledby="article-title">
	&lt;h1 id="article-title">Once upon a time&lt;/h1>
	Lorem ipsum...
&lt;/article></code></pre>
	</body>
</html><commit_msg>Update `article` to new template/style<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>test file: article element</title>
		<link rel="stylesheet" href="../style/styles.css" />
	</head>
	<body>
		<h1><code>article</code> element</h1>
		<div class="meta">
			<div class="criteria">
				<h2>Pass Criteria</h2>
				<ul>
					<li>#1: Element is supported</li>
					<li>#2: Element has correct HTML and Core Accessibility API mappings</li>
				</ul>
			</div>

			<div class="reference">
				<h2>Reference</h2>
				<ul>
					<li><a href="http://www.w3.org/TR/html5/sections.html#the-article-element">HTML5 article element</a></li>
					<li><a href="https://www.w3.org/TR/html-aam-1.0/#el-article">HTML Accessibility API Mappings for article element</a></li>
					<li><a href="https://www.w3.org/TR/core-aam-1.1/#role-map-article">Core Accessibility API Mappings for article role</a></li>
				</ul>
			</div>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ar-001">Test ar-001: Plain Article</h2>

			<article>Lorem ipsum...</article>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;article>Lorem ipsum...&lt;/article></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ar-002">Test ar-002: Article with <code>&lt;h1></code></h2>

			<article>
				<h1>Once upon a time</h1>
				Lorem ipsum...
			</article>
			
			<h3 class="code-title">Code</h3>
					<pre><code>&lt;article>
	&lt;h1>Once upon a time&lt;/h1>
	Lorem ipsum...
&lt;/article></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ar-003">Test ar-003: Article with <code>aria-label</code></h2>

			<article aria-label="Once upon a time">Lorem ipsum...</article>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;article aria-label="Once upon a time">Lorem ipsum...&lt;/article></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ar-004">Test ar-004: Article with <code>&lt;h1></code> referenced by <code>aria-labelledby</code></h2>

			<article aria-labelledby="article-title">
				<h1 id="article-title">Once upon a time</h1>
				Lorem ipsum...
			</article>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;article aria-labelledby="article-title">
	&lt;h1 id="article-title">Once upon a time&lt;/h1>
	Lorem ipsum...
&lt;/article></code></pre>
		</div>

	</body>
</html>
{'fraction_non_alphanumeric': 0.21936099189318073, 'fraction_numerical': 0.023366714353838816, 'mean_word_length': 3.599780701754386, 'pattern_counts': {'":': 0, '<': 203, '<?xml version=': 0, '>': 231, 'https://': 4, 'lorem ipsum': 0, 'www.': 6, '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': '2097257', 'n_tokens_mistral': 1871, 'n_tokens_neox': 1622, 'n_words': 310}