<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<title>{{ page.title }}</title>

	<!-- Demo Styles -->
	<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/demo.css?t=1462179764" media="screen">

	<!-- Modaal Styles -->
	<link rel="stylesheet" href="css/modaal.min.css" media="screen">

	<!-- Made by Humaan http://humaan.com @wearehumaan -->

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">

	<meta name="description" content="Modaal - An accessible dialog window plugin for all humans by @wearehumaan"/>
	<meta name="robots" content="noodp"/>
	<link rel="canonical" href="http://www.humaan.com/modaal" />

	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Modaal - A WCAG 2.0 Level AA accessible modal plugin by @wearehumaan" />
	<meta property="og:url" content="http://www.humaan.com/modaal/" />
	<meta property="og:site_name" content="Modaal: WCAG 2.0 Level AA accessible modal plugin" />
	<meta property="og:image" content="http://www.humaan.com/modaal/demo/social-share-modaal.png" />

	<meta name="twitter:card" content="summary"/>
	<meta name="twitter:title" content="Modaal - A WCAG 2.0 Level AA accessible modal plugin by @wearehumaan"/>
	<meta name="twitter:site" content="@wearehumaan"/>
	<meta name="twitter:image" content="http://www.humaan.com/modaal/demo/social-share-modaal.png"/>
	<meta name="twitter:creator" content="@wearehumaan"/>

	<!-- Google Analytics -->
	<script>
		// (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		// (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		// m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		// })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		// ga('create', 'UA-22985555-46', 'humaan.com');
		// ga('send', 'pageview');
	</script>

</head>
<body>
	{{ content }}
	<header class="modaal-header">
		<h1>{% include modaal-logo.svg %}<span class="ui-hidden">Modaal</span></h1>
		<p>An accessible dialog window plugin for all humans.</p>
		<a href="https://github.com/humaan/Modaal" target="_blank" class="btn btn-download">Download from Github</a>
		<a href="#inline-content" class="btn modaal main-example" data-modaal-type="inline">View Example</a>
		<div class="version" aria-label="Version 0.2.11">v0.3.0</div>
		<a href="http://www.humaan.com" target="_blank" class="humaan-project">A Humaan project</a>

		<div class="share">
			<a href="javascript:void 0" class="social-share share-fb" onclick="return addthis_sendto('facebook');"><span class="ui-hidden">Share on Facebook</span></a>
			<a href="javascript:void 0" class="social-share share-tw" onclick="return addthis_sendto('twitter');"><span class="ui-hidden">Share on Twitter</span></a>
			<a href="javascript:void 0" class="social-share share-other" onclick="return addthis_sendto('more');"><span class="ui-hidden">Share this page</span></a><commit_msg>Uncomment Google Analytics<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<title>{{ page.title }}</title>

	<!-- Demo Styles -->
	<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/demo.css?t=1462179764" media="screen">

	<!-- Modaal Styles -->
	<link rel="stylesheet" href="css/modaal.min.css" media="screen">

	<!-- Made by Humaan http://humaan.com @wearehumaan -->

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">

	<meta name="description" content="Modaal - An accessible dialog window plugin for all humans by @wearehumaan"/>
	<meta name="robots" content="noodp"/>
	<link rel="canonical" href="http://www.humaan.com/modaal" />

	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Modaal - A WCAG 2.0 Level AA accessible modal plugin by @wearehumaan" />
	<meta property="og:url" content="http://www.humaan.com/modaal/" />
	<meta property="og:site_name" content="Modaal: WCAG 2.0 Level AA accessible modal plugin" />
	<meta property="og:image" content="http://www.humaan.com/modaal/demo/social-share-modaal.png" />

	<meta name="twitter:card" content="summary"/>
	<meta name="twitter:title" content="Modaal - A WCAG 2.0 Level AA accessible modal plugin by @wearehumaan"/>
	<meta name="twitter:site" content="@wearehumaan"/>
	<meta name="twitter:image" content="http://www.humaan.com/modaal/demo/social-share-modaal.png"/>
	<meta name="twitter:creator" content="@wearehumaan"/>

	<!-- Google Analytics -->
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-22985555-46', 'humaan.com');
		ga('send', 'pageview');
	</script>

</head>
<body>
	{{ content }}
	<header class="modaal-header">
		<h1>{% include modaal-logo.svg %}<span class="ui-hidden">Modaal</span></h1>
		<p>An accessible dialog window plugin for all humans.</p>
		<a href="https://github.com/humaan/Modaal" target="_blank" class="btn btn-download">Download from Github</a>
		<a href="#inline-content" class="btn modaal main-example" data-modaal-type="inline">View Example</a>
		<div class="version" aria-label="Version 0.2.11">v0.3.0</div>
		<a href="http://www.humaan.com" target="_blank" class="humaan-project">A Humaan project</a>

		<div class="share">
			<a href="javascript:void 0" class="social-share share-fb" onclick="return addthis_sendto('facebook');"><span class="ui-hidden">Share on Facebook</span></a>
			<a href="javascript:void 0" class="social-share share-tw" onclick="return addthis_sendto('twitter');"><span class="ui-hidden">Share on Twitter</span></a>
			<a href="javascript:void 0" class="social-share share-other" onclick="return addthis_sendto('more');"><span class="ui-hidden">Share this page</span></a>
{'fraction_non_alphanumeric': 0.2109033028253084, 'fraction_numerical': 0.02175354821594376, 'mean_word_length': 5.860782529572338, 'pattern_counts': {'":': 0, '<': 141, '<?xml version=': 0, '>': 141, 'https://': 6, 'lorem ipsum': 0, 'www.': 12, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2853231', 'n_tokens_mistral': 2858, 'n_tokens_neox': 2719, 'n_words': 475}