<commit_before><!DOCTYPE html>
<html>

<head>
	<!-- 
		Petal Documentation Page

		{{package.name}} v{{package.version}} - {{now "%Y-%m-%d"}}
		{{package.description}}
		{{package.homepage}}

		Copyright {{now "%Y"}} {{package.author.name}}; {{package.license}} License
	-->

	<meta charset="utf-8"> 
	<link rel="stylesheet" href="./demo.css">
	<link rel="stylesheet" href="../petal.css">

	<title>Petal Documentation</title>
</head>

<body>

<header class="stretch" id="page-header">
	<div class="container" id="top">
		<div class="row">
			<div class="logo">
				<img src="../logo.svg" width="150" height="150" alt="Petal Logo">
			</div>
			<h1 class="keepcase">Petal</h1>
			<br>
			<p class="version">v{{package.version}} - {{now "%Y-%m-%d"}}</p>
			<p>{{package.description}}</p>
			<p>Fork on <a href="{{package.repository.url}}">GitHub repo</a>.</p>
			<p>Includes <a href="http://necolas.github.io/normalize.css/">normalize.css</a> by <NAME> &amp; <NAME> (MIT License). <br>
			Includes <a href="https://github.com/Formstone/Selecter">Selecter</a> jQuery Plugin by <NAME> (MIT License).
			<br>
			Uses <a href="http://www.google.com/fonts/specimen/Lato">Lato font</a> by <NAME> (SIL OFL 1.1) as the default font, hosted on Google Fonts.</p>
		</div>
		
		<br>
		
		<div class="row">
			{{> start }}
		</div>
	</div>
</header>

<div class="container">
<div class="row">
	<div class="col-4 colspan-3">
		<section class="row">
			{{> layouts }}
		</section>

		<section class="row">
			{{> typography }}
		</section>

		<section class="row">
			{{> quickmargins }}
		</section>

		<section class="row">
			{{> colors }}
		</section>
		
		<section class="row">
			{{> buttons }}
		</section>

		<section class="row">
			{{> forms }}
		</section>

		<section class="row">
			{{> tables }}
		</section>

		<section class="row">
			{{> paging }}
		</section>

		<section class="row">
			{{> panels }}
		</section>
	</div>
	<div class="col-4">
		<nav id="menu">
			<ul>
				<li><a href="#section-layout">Layout</a></li>
				<li><a href="#section-typography">Typography</a></li>
				<li><a href="#section-quickmargins">Quick Margins &amp; Paddings</a></li>
				<li><a href="#section-colors">Colors</a></li>
				<li><a href="#section-buttons">Buttons</a></li>
				<li><a href="#section-forms">Form elements</a></li>
				<li><a href="#section-tables">Tables</a></li>
				<li><a href="#section-paging">Paging</a></li>
				<li><a href="#section-panels">Panels</a></li>
			</ul>

			<p>
				<a href="#top" class="totop">Back to top</a>
			</p>

			<button class="btn hollow red" id="btn-demo-toggle" data-toggle="toggle">Toggle Light/Dark</button>
		</nav> 
	</div>
</div>
</div><!-- container end -->

<footer class="stretch">
	<div class="container">
		<div class="row credits">
			<h4>Credits</h4>
			<p>{{package.name}} v{{package.version}} - {{now "%Y-%m-%d"}}</p>
			<p>An open source project by <a href="http://shakr.com">Shakr</a></p>
			<p>©2015 Shakr. Released under the <a href="http://opensource.org/licenses/MIT"> MIT License</a>.</p>
		</div>
	</div>
</footer>
	

</body>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="../build/petal.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/languages/less.min.js"></script>



<script>
	// original code from http://jsfiddle.net/mekwall/up4nu/

	// prevent default button clicks
	$('a[href="#"], button').click(function(event) {  
		event.preventDefault();
	});

	var lastId;<commit_msg>Change docs build destination (2)<commit_after><!DOCTYPE html>
<html>

<head>
	<!-- 
		Petal Documentation Page

		{{package.name}} v{{package.version}} - {{now "%Y-%m-%d"}}
		{{package.description}}
		{{package.homepage}}

		Copyright {{now "%Y"}} {{package.author.name}}; {{package.license}} License
	-->

	<meta charset="utf-8"> 
	<link rel="stylesheet" href="./demo.css">
	<link rel="stylesheet" href="./build/petal.css">

	<title>Petal Documentation</title>
</head>

<body>

<header class="stretch" id="page-header">
	<div class="container" id="top">
		<div class="row">
			<div class="logo">
				<img src="./logo.svg" width="150" height="150" alt="Petal Logo">
			</div>
			<h1 class="keepcase">Petal</h1>
			<br>
			<p class="version">v{{package.version}} - {{now "%Y-%m-%d"}}</p>
			<p>{{package.description}}</p>
			<p>Fork on <a href="{{package.repository.url}}">GitHub repo</a>.</p>
			<p>Includes <a href="http://necolas.github.io/normalize.css/">normalize.css</a> by <NAME> &amp; <NAME> (MIT License). <br>
			Includes <a href="https://github.com/Formstone/Selecter">Selecter</a> jQuery Plugin by <NAME> (MIT License).
			<br>
			Uses <a href="http://www.google.com/fonts/specimen/Lato">Lato font</a> by <NAME> (SIL OFL 1.1) as the default font, hosted on Google Fonts.</p>
		</div>
		
		<br>
		
		<div class="row">
			{{> start }}
		</div>
	</div>
</header>

<div class="container">
<div class="row">
	<div class="col-4 colspan-3">
		<section class="row">
			{{> layouts }}
		</section>

		<section class="row">
			{{> typography }}
		</section>

		<section class="row">
			{{> quickmargins }}
		</section>

		<section class="row">
			{{> colors }}
		</section>
		
		<section class="row">
			{{> buttons }}
		</section>

		<section class="row">
			{{> forms }}
		</section>

		<section class="row">
			{{> tables }}
		</section>

		<section class="row">
			{{> paging }}
		</section>

		<section class="row">
			{{> panels }}
		</section>
	</div>
	<div class="col-4">
		<nav id="menu">
			<ul>
				<li><a href="#section-layout">Layout</a></li>
				<li><a href="#section-typography">Typography</a></li>
				<li><a href="#section-quickmargins">Quick Margins &amp; Paddings</a></li>
				<li><a href="#section-colors">Colors</a></li>
				<li><a href="#section-buttons">Buttons</a></li>
				<li><a href="#section-forms">Form elements</a></li>
				<li><a href="#section-tables">Tables</a></li>
				<li><a href="#section-paging">Paging</a></li>
				<li><a href="#section-panels">Panels</a></li>
			</ul>

			<p>
				<a href="#top" class="totop">Back to top</a>
			</p>

			<button class="btn hollow red" id="btn-demo-toggle" data-toggle="toggle">Toggle Light/Dark</button>
		</nav> 
	</div>
</div>
</div><!-- container end -->

<footer class="stretch">
	<div class="container">
		<div class="row credits">
			<h4>Credits</h4>
			<p>{{package.name}} v{{package.version}} - {{now "%Y-%m-%d"}}</p>
			<p>An open source project by <a href="http://shakr.com">Shakr</a></p>
			<p>©2015 Shakr. Released under the <a href="http://opensource.org/licenses/MIT"> MIT License</a>.</p>
		</div>
	</div>
</footer>
	

</body>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="./build/petal.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/languages/less.min.js"></script>



<script>
	// original code from http://jsfiddle.net/mekwall/up4nu/

	// prevent default button clicks
	$('a[href="#"], button').click(function(event) {  
		event.preventDefault();
	});

	var lastId;
{'fraction_non_alphanumeric': 0.24200850596789683, 'fraction_numerical': 0.007820002743860612, 'mean_word_length': 3.780327868852459, 'pattern_counts': {'":': 0, '<': 301, '<?xml version=': 0, '>': 321, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, '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': '7463321', 'n_tokens_mistral': 3097, 'n_tokens_neox': 2705, 'n_words': 507}