<commit_before><?php
	include_once('config.php');
	include_once('functions.php');
	include_once('includes/head.html'); 
 ?>

<aside id="sidebar" class="sidebar">
	<h3 class="sidebar-title"><a href="/">Turret</a><code>v3.0.0</code></h3>
	<?php include('includes/navigation.html'); ?>
</aside>

<main id="content" class="content">
	
	<header class="header visible-small-down">
		<button id="sidebar-toggle" class="navigation-toggle">
			<span class="bar"></span>
			<span class="bar"></span>
			<span class="bar"></span>
		</button>
		<h1 class="header-title">Turret</h1>
	</header>
	
	<!-- Getting Started -->
	<section id="getting-started" class="section section-header">
		<div class="container">
			<h1 class="title">Getting Started</h1>
			<p class="lead">A introduction to Turret, how to get started, how to download and use.</p>
		</div>
	</section>
	
	<!-- Download -->
	<section id="download" class="section">
		<div class="container">
			<h2 class="section-title">Download</h2>
			<p>There are three quick start ways to download Turret available:</p>
			<div class="row">
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Install with <a href="https://www.npmjs.com/package/bigfishtv-turret">npm</a></p>
					<?php bash('npm install bigfishtv-turret'); ?>
				</div>
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Clone the repo from GitHub</p>
					<?php git('git clone https://github.com/bigfishtv/turret.git'); ?>
				</div>
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Download the latest release</p>
					<a class="button button-primary" href="https://github.com/bigfishtv/turret/archive/master.zip">Download from Github</a>
				</div>
			</div>
		</div>
	</section>

	<!-- Structure -->
	<section id="structure" class="section">
		<div class="container">
			<h2 class="section-title">Structure</h2>
			<h3 class="section-block-title">Selectors</h3>
			<?php markup('<div class="[element] [element-behaviour] [element-style]">...</div>'); ?>
			<h3 class="section-block-title">Viewport</h3>
			<p>To ensure proper rendering and touch zooming, add the viewport meta tag to your <?php code('<head>'); ?>.</p>
			<?php markup('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">'); ?>
			<h3 class="section-block-title">HTML5 Doctype</h3>
			<p>Turret makes use of HTML5 elements and CSS properties that require the use of the HTML5 doctype.</p>
			<?php markup('<!DOCTYPE html>'); ?>
			<h3 class="section-block-title">Normalize</h3>
			<p>For improved cross-browser rendering, Turret uses <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank"><NAME></a> and <a href="http://twitter.com/jon_neal" target="_blank"><NAME></a>.</p>
			<h3 class="section-block-title">Template</h3>
			<?php sample_code('template'); ?>
		</div>
	</section>
	
	<!-- Usage -->
	<section id="usage" class="section">
		<div class="container">
			<h2 class="section-title">Usage</h2>
			<h3 class="section-block-title">Repo File Structure</h3>
			<ul class="files">
				<li>turret/
					<ul>
						<li>dist/
							<ul>
								<li><code>turret.css</code></li>
								<li><code>turret.min.css</code></li>
							</ul>
						</li>
						<li>docs/</li>
						<li>examples/
							<ul>
								<li><code>grid.html</code></li>
								<li><code>template.html</code></li>
								<li><code>theme.html</code></li>
							</ul>
						</li>
						<li>turret/</li>
					</ul>
				</li>
			</ul>

			<h3 class="section-block-title">Turret File Structure</h3>
			<ul class="files">
				<li>turret/
					<ul>
						<li><code>turret.less</code></li>
						<li>lib/
							<ul>
								<li><code>normalize.less</code></li>
							</ul>
						</li>
						<li>base/
							<ul>
								<li><code>global.less</code></li>
								<li><code>body.less</code></li>
								<li><code>colors.less</code></li>
								<li><code>font.less</code></li>
								<li><code>link.less</code></li>
								<li><code>image.less</code></li>
								<li><code>breakpoints.less</code></li>
								<li><code>media-queries.less</code></li>
								<li><code>print.less</code></li>
							</ul>
						</li>
						<li>typography/<commit_msg>Docs: Usage with Less and CSS<commit_after><?php
	include_once('config.php');
	include_once('functions.php');
	include_once('includes/head.html'); 
 ?>

<aside id="sidebar" class="sidebar">
	<h3 class="sidebar-title"><a href="/">Turret</a><code>v3.0.0</code></h3>
	<?php include('includes/navigation.html'); ?>
</aside>

<main id="content" class="content">
	
	<header class="header visible-small-down">
		<button id="sidebar-toggle" class="navigation-toggle">
			<span class="bar"></span>
			<span class="bar"></span>
			<span class="bar"></span>
		</button>
		<h1 class="header-title">Turret</h1>
	</header>
	
	<!-- Getting Started -->
	<section id="getting-started" class="section section-header">
		<div class="container">
			<h1 class="title">Getting Started</h1>
			<p class="lead">A introduction to Turret, how to get started, how to download and use.</p>
		</div>
	</section>
	
	<!-- Download -->
	<section id="download" class="section">
		<div class="container">
			<h2 class="section-title">Download</h2>
			<p>There are three quick start ways to download Turret available:</p>
			<div class="row">
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Install with <a href="https://www.npmjs.com/package/bigfishtv-turret">npm</a></p>
					<?php bash('npm install bigfishtv-turret'); ?>
				</div>
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Clone the repo from GitHub</p>
					<?php git('git clone https://github.com/bigfishtv/turret.git'); ?>
				</div>
				<div class="column-1-2 column-large-1-2 column-xlarge-1-3">
					<p>Download the latest release</p>
					<a class="button button-primary" href="https://github.com/bigfishtv/turret/archive/master.zip">Download from Github</a>
				</div>
			</div>
		</div>
	</section>

	<!-- Structure -->
	<section id="structure" class="section">
		<div class="container">
			<h2 class="section-title">Structure</h2>
			<h3 class="section-block-title">Selectors</h3>
			<?php markup('<div class="[element] [element-behaviour] [element-style]">...</div>'); ?>
			<h3 class="section-block-title">Viewport</h3>
			<p>To ensure proper rendering and touch zooming, add the viewport meta tag to your <?php code('<head>'); ?>.</p>
			<?php markup('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">'); ?>
			<h3 class="section-block-title">HTML5 Doctype</h3>
			<p>Turret makes use of HTML5 elements and CSS properties that require the use of the HTML5 doctype.</p>
			<?php markup('<!DOCTYPE html>'); ?>
			<h3 class="section-block-title">Normalize</h3>
			<p>For improved cross-browser rendering, Turret uses <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank"><NAME></a> and <a href="http://twitter.com/jon_neal" target="_blank"><NAME></a>.</p>
			<h3 class="section-block-title">Template</h3>
			<?php sample_code('template'); ?>
		</div>
	</section>
	
	<!-- Usage -->
	<section id="usage" class="section">
		<div class="container">
			<h2 class="section-title">Usage</h2>
			<p>Turret is a collection of self-contained less files that include definitions and styles required for each element. These can be included and removed as required to minimise generated CSS styles.</p>
			<h3 class="section-block-title">CSS</h3>
			<p>To use Turret as CSS in your project include <code>turret.min.css</code> in your document <?php code('<head>'); ?></p>
			<h3 class="section-block-title">Less</h3>
			<p>To use Turret with Less in your project you will need to either:</p>
			<ol>
				<li>Import <code>turret.less</code> to include styles for all elements.</li>
				<li>Import <code>.less</code> files for each element as required.</li>
			</ol>
			<h3 class="section-block-title">Theming</h3>
			<p>To theme Turret you can override default style defintions within your own project styles.</p>
			<h3 class="section-block-title">Repo File Structure</h3>
			<ul class="files">
				<li>turret/
					<ul>
						<li>dist/
							<ul>
								<li><code>turret.css</code></li>
								<li><code>turret.min.css</code></li>
							</ul>
						</li>
						<li>docs/</li>
						<li>examples/
							<ul>
								<li><code>grid.html</code></li>
								<li><code>template.html</code></li>
								<li><code>theme.html</code></li>
							</ul>
						</li>
						<li>turret/</li>
					</ul>
				</li>
			</ul>
			<h3 class="section-block-title">Turret File Structure</h3>
			<ul class="files">
				<li>turret/
					<ul>
						<li><code>turret.less</code></li>
						<li>lib/
							<ul>
								<li><code>normalize.less</code></li>
							</ul>
						</li>
						<li>base/
							<ul>
								<li><code>global.less</code></li>
								<li><code>body.less</code></li>
								<li><code>colors.less</code></li>
								<li><code>font.less</code></li>
								<li><code>link.less</code></li>
								<li><code>image.less</code></li>
								<li><code>breakpoints.less</code></li>
								<li><code>media-queries.less</code></li>
								<li><code>print.less</code></li>
							</ul>
						</li>
						<li>typography/
{'fraction_non_alphanumeric': 0.2068710359408034, 'fraction_numerical': 0.012050739957716702, 'mean_word_length': 3.355893186003683, 'pattern_counts': {'":': 0, '<': 441, '<?xml version=': 0, '>': 441, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1300931', 'n_tokens_mistral': 4099, 'n_tokens_neox': 3304, 'n_words': 655}