<commit_before><!doctype html>
<html class="no-js" lang="en" itemscope itemtype="http://schema.org/Person">
<head>

<!--
	Welcome to Jordsta.com.
	Please enjoy your stay.
-->

	<!-- Google Webfonts first, 'coz Google demands it -->
	<script type="text/javascript">
	WebFontConfig = {
		google: { families: [ 'Karla:400,700:latin' ] }
	};
	(function() {
		var wf = document.createElement('script');
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
		wf.type = 'text/javascript';
		wf.async = 'true';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(wf, s);
	})(); </script>

	<!-- Charsets and viewports -->
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Title/description -->
	<title>This is Jordsta / <NAME>iner's Website</title>
	<meta name="description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">

	<!-- Favicons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png" />
	<link rel="icon" type="image/png" href="assets/img/favicon-32x32.png" sizes="32x32" />
	<link rel="icon" type="image/png" href="assets/img/favicon-16x16.png" sizes="16x16" />
	<meta name="application-name" content="Jordsta" />
	<meta name="msapplication-TileColor" content="#3f51b5" />
	<meta name="msapplication-TileImage" content="assets/img/mstile-144x144.png" />

	<!-- Theme Colors -->
	<!-- I'm aware this is likely overkill, but presentation is everything -->
	<meta name="theme-color" content="#3f51b5">
	<meta name="msapplication-navbutton-color" content="#3f51b5">

	<!-- Social meta tags -->
	<meta itemprop="name" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta itemprop="description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta itemprop="image" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<!-- Twitter -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@jordsta">
	<meta name="twitter:title" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta name="twitter:description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta name="twitter:creator" content="@jordsta">
	<meta name="twitter:image:src" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<meta name="twitter:player" content="">
	<!-- Open Graph General (Facebook & Pinterest) -->
	<!--<meta property="og:url" content="http://www.jordsta.com">-->
	<meta property="og:url" content="http://jordsta.com">
	<meta property="og:title" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta property="og:description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta property="og:site_name" content="Jordsta">
	<meta property="og:image" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<meta property="fb:admins" content="1036031823">
	<meta property="og:type" content="website">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="assets/css/app.css">
</head>
<body data-interchange="[assets/img/jordan-photo-small.jpg, small], [assets/img/jordan-photo-medium.jpg, medium], [assets/img/jordan-photo.jpg, large]">

<!-- Show time! -->
 <?xml version="1.0"?>
<!-- SVG - responsible for the gradient + slashes and circles -->
<!-- Uses jquery-slashes-and-circles, a jQuery plugin I wrote for this purpose -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%">
	<defs>
		<linearGradient id="gradient" x1="0%" y1="0%" y2="50%" gradientUnits="userSpaceOnUse" gradientTransform="rotate(.7)">
			<stop offset=".1" stop-color="#3f51b5" ></stop>
			<stop offset=".9" stop-color="#ff5722" ></stop>
		</linearGradient>
		<clipPath id="theSVGPath">
			<rect stroke="#dc563d" stroke-miterlimit="10" width="100%" height="4" ></rect>
			<path d="M1 144a2 2 0 0 1-1-3L80 1a2 2 0 0 1 3-1 2 2 0 0 1 1 3L4 143A2 2 0 0 1 1 144Z" fill="#dc563d" data-width="85" data-height="145" class="slashes" id="slash1" ></path>
			<path d="M35 11c5 12-3 26-17 26C5 37-4 23 2 11 4 5 10 0 18 0S33 5 35 11ZM18 5c-7 0-11 4-13 8C2 22 8 32 18 32s16-10 13-19C29 8 25 5 18 5Z" fill="#dc563d" data-width="37" data-height="37" class="circles" id="circle1" ></path>
		</clipPath>
	</defs>
	<rect width="100%" height="100%" clip-path="url(#theSVGPath)" fill="url(#gradient)" id="rectangle" ></rect>
</svg>

<!-- Here's the important stuff - the content -->
<section class="content">
	<section class="content__outer">
		<div class="content__inner">
			<div class="content__text">
				<h1>
					Dependable,<br>
					extensible, and<br>
					with added <span class="line-light">quirk.</span>
				</h1>
				<p>Hi, I&#x27;m <strong itemprop="name"><NAME></strong>, a <span itemprop="jobtitle">web designer/developer</span> and entrepreneur. For nearly eight years I&#x27;ve hand-crafted countless beautiful, accessible and responsive websites and web apps on the sunny <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span itemprop="addressLocality">Gold Coast</span>, <span itemprop="addressCountry">Australia</span></span>.</p>
				<p><strong>I'm available now for local, national and international job opportunities.</strong></p>

				<!-- Pls download my resume -->
				<!-- It's made from JSON, thrown into a template and converted to these file formats -->
				<div class="content__bottom">
					<a href="/resume/resume.pdf" class="expanded download button" onclick="ga('send','event','Viewed Resume','/resume/resume.pdf')" target="_blank">Download r&#233;sum&#233; (PDF)</a>
					<p class="button__aside">Also in <a href="/resume/" onclick="ga('send','event','Viewed Resume','/resume/')" target="_blank">HTML</a> and <a href="/resume/resume.json" onclick="ga('send','event','Viewed Resume','/resume/resume.json')" target="_blank">JSON</a>.</p>
				</div>
			</div>
		</div>
	</section>
</section>

<!-- Down to the footer... -->
<footer class="footer">
	<div class="footer__inner">
		<!-- I'm social. Sometimes. -->
		<div class="footer__social">
			<p>
				<a href="https://twitter.com/jordsta" onclick="ga('send','event','Viewed Social Media','https://twitter.com/jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-twitter"></i></a>
				<a href="https://www.linkedin.com/in/jordsta" onclick="ga('send','event','Viewed Social Media','https://www.linkedin.com/in/jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-linkedin"></i></a>
				<a href="https://medium.com/@jordsta" onclick="ga('send','event','Viewed Social Media','https://medium.com/@jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-medium"></i></a>
				<a href="https://github.com/j0rdsta" onclick="ga('send','event','Viewed Social Media','https://github.com/j0rdsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-github"></i></a>
			</p>
		</div>
		<div class="footer__contact">
			<!-- This uses Typeform. Check it out if you haven't already! -->
			<p>
				<a href="https://jordsta1.typeform.com/to/V7fzwP" onclick="ga('send','event','Contact Form','https://jordsta1.typeform.com/to/V7fzwP')" target="_blank" data-mode="2" class="inverse rounded expanded button typeform-share link">Email Jordan</a>
			</p>
			<script>(function () {
				var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = 'typef_orm', b = 'https://s3-eu-west-1.amazonaws.com/share.typeform.com/';
				if (!gi.call(d, id)) {
					js = ce.call(d, 'script');
					js.id = id;
					js.src = b + 'share.js';
					q = gt.call(d, 'script')[0];
					q.parentNode.insertBefore(js, q)
				}
			})()</script>
		</div>
	</div>
</footer>


<!-- Now for a few final things -->
<!-- Google Analytics - kool kustom kode -->
<script>
	(function(j,o,r,d,s,t,a){j['GoogleAnalyticsObject']=s;j[s]=j[s]||function(){
				(j[s].q=j[s].q||[]).push(arguments)},j[s].l=1*new Date();t=o.createElement(r),
			a=o.getElementsByTagName(r)[0];t.async=1;t.src=d;a.parentNode.insertBefore(t,a)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-17825543-1', 'auto');
	ga('send', 'pageview');
</script>

<!-- Minified JS -->
<script src="assets/js/app.js"></script>

<!-- And we're done! -->
<!-- Thanks so much for visiting. -->
</body>
</html><commit_msg>Testing async on minified JS<commit_after><!doctype html>
<html class="no-js" lang="en" itemscope itemtype="http://schema.org/Person">
<head>

<!--
	Welcome to Jordsta.com.
	Please enjoy your stay.
-->

	<!-- Google Webfonts first, 'coz Google demands it -->
	<script type="text/javascript">
	WebFontConfig = {
		google: { families: [ 'Karla:400,700:latin' ] }
	};
	(function() {
		var wf = document.createElement('script');
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
		wf.type = 'text/javascript';
		wf.async = 'true';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(wf, s);
	})(); </script>

	<!-- Charsets and viewports -->
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Title/description -->
	<title>This is Jordsta / Jordan Gardiner's Website</title>
	<meta name="description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">

	<!-- Favicons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png" />
	<link rel="icon" type="image/png" href="assets/img/favicon-32x32.png" sizes="32x32" />
	<link rel="icon" type="image/png" href="assets/img/favicon-16x16.png" sizes="16x16" />
	<meta name="application-name" content="Jordsta" />
	<meta name="msapplication-TileColor" content="#3f51b5" />
	<meta name="msapplication-TileImage" content="assets/img/mstile-144x144.png" />

	<!-- Theme Colors -->
	<!-- I'm aware this is likely overkill, but presentation is everything -->
	<meta name="theme-color" content="#3f51b5">
	<meta name="msapplication-navbutton-color" content="#3f51b5">

	<!-- Social meta tags -->
	<meta itemprop="name" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta itemprop="description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta itemprop="image" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<!-- Twitter -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@jordsta">
	<meta name="twitter:title" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta name="twitter:description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta name="twitter:creator" content="@jordsta">
	<meta name="twitter:image:src" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<meta name="twitter:player" content="">
	<!-- Open Graph General (Facebook & Pinterest) -->
	<!--<meta property="og:url" content="http://www.jordsta.com">-->
	<meta property="og:url" content="http://jordsta.com">
	<meta property="og:title" content="This is Jordsta / The website of <NAME>, a web designer and developer">
	<meta property="og:description" content="Jordan 'Jordsta' Gardiner is an Australian web designer/developer and entrepreneur skilled in everything PHP, Laravel, HTML5, CSS3 and JavaScript.">
	<meta property="og:site_name" content="Jordsta">
	<meta property="og:image" content="http://jordsta.com/assets/img/jordan-photo.jpg">
	<meta property="fb:admins" content="1036031823">
	<meta property="og:type" content="website">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="assets/css/app.css">
</head>
<body data-interchange="[assets/img/jordan-photo-small.jpg, small], [assets/img/jordan-photo-medium.jpg, medium], [assets/img/jordan-photo.jpg, large]">

<!-- Show time! -->
 <?xml version="1.0"?>
<!-- SVG - responsible for the gradient + slashes and circles -->
<!-- Uses jquery-slashes-and-circles, a jQuery plugin I wrote for this purpose -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%">
	<defs>
		<linearGradient id="gradient" x1="0%" y1="0%" y2="50%" gradientUnits="userSpaceOnUse" gradientTransform="rotate(.7)">
			<stop offset=".1" stop-color="#3f51b5" ></stop>
			<stop offset=".9" stop-color="#ff5722" ></stop>
		</linearGradient>
		<clipPath id="theSVGPath">
			<rect stroke="#dc563d" stroke-miterlimit="10" width="100%" height="4" ></rect>
			<path d="M1 144a2 2 0 0 1-1-3L80 1a2 2 0 0 1 3-1 2 2 0 0 1 1 3L4 143A2 2 0 0 1 1 144Z" fill="#dc563d" data-width="85" data-height="145" class="slashes" id="slash1" ></path>
			<path d="M35 11c5 12-3 26-17 26C5 37-4 23 2 11 4 5 10 0 18 0S33 5 35 11ZM18 5c-7 0-11 4-13 8C2 22 8 32 18 32s16-10 13-19C29 8 25 5 18 5Z" fill="#dc563d" data-width="37" data-height="37" class="circles" id="circle1" ></path>
		</clipPath>
	</defs>
	<rect width="100%" height="100%" clip-path="url(#theSVGPath)" fill="url(#gradient)" id="rectangle" ></rect>
</svg>

<!-- Here's the important stuff - the content -->
<section class="content">
	<section class="content__outer">
		<div class="content__inner">
			<div class="content__text">
				<h1>
					Dependable,<br>
					extensible, and<br>
					with added <span class="line-light">quirk.</span>
				</h1>
				<p>Hi, I&#x27;m <strong itemprop="name"><NAME></strong>, a <span itemprop="jobtitle">web designer/developer</span> and entrepreneur. For nearly eight years I&#x27;ve hand-crafted countless beautiful, accessible and responsive websites and web apps on the sunny <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span itemprop="addressLocality">Gold Coast</span>, <span itemprop="addressCountry">Australia</span></span>.</p>
				<p><strong>I'm available now for local, national and international job opportunities.</strong></p>

				<!-- Pls download my resume -->
				<!-- It's made from JSON, thrown into a template and converted to these file formats -->
				<div class="content__bottom">
					<a href="/resume/resume.pdf" class="expanded download button" onclick="ga('send','event','Viewed Resume','/resume/resume.pdf')" target="_blank">Download r&#233;sum&#233; (PDF)</a>
					<p class="button__aside">Also in <a href="/resume/" onclick="ga('send','event','Viewed Resume','/resume/')" target="_blank">HTML</a> and <a href="/resume/resume.json" onclick="ga('send','event','Viewed Resume','/resume/resume.json')" target="_blank">JSON</a>.</p>
				</div>
			</div>
		</div>
	</section>
</section>

<!-- Down to the footer... -->
<footer class="footer">
	<div class="footer__inner">
		<!-- I'm social. Sometimes. -->
		<div class="footer__social">
			<p>
				<a href="https://twitter.com/jordsta" onclick="ga('send','event','Viewed Social Media','https://twitter.com/jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-twitter"></i></a>
				<a href="https://www.linkedin.com/in/jordsta" onclick="ga('send','event','Viewed Social Media','https://www.linkedin.com/in/jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-linkedin"></i></a>
				<a href="https://medium.com/@jordsta" onclick="ga('send','event','Viewed Social Media','https://medium.com/@jordsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-medium"></i></a>
				<a href="https://github.com/j0rdsta" onclick="ga('send','event','Viewed Social Media','https://github.com/j0rdsta')" target="_blank" class="outline round button"><i class="fa fa-lg fa-fw fa-github"></i></a>
			</p>
		</div>
		<div class="footer__contact">
			<!-- This uses Typeform. Check it out if you haven't already! -->
			<p>
				<a href="https://jordsta1.typeform.com/to/V7fzwP" onclick="ga('send','event','Contact Form','https://jordsta1.typeform.com/to/V7fzwP')" target="_blank" data-mode="2" class="inverse rounded expanded button typeform-share link">Email Jordan</a>
			</p>
			<script>(function () {
				var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = 'typef_orm', b = 'https://s3-eu-west-1.amazonaws.com/share.typeform.com/';
				if (!gi.call(d, id)) {
					js = ce.call(d, 'script');
					js.id = id;
					js.src = b + 'share.js';
					q = gt.call(d, 'script')[0];
					q.parentNode.insertBefore(js, q)
				}
			})()</script>
		</div>
	</div>
</footer>


<!-- Now for a few final things -->
<!-- Google Analytics - kool kustom kode -->
<script>
	(function(j,o,r,d,s,t,a){j['GoogleAnalyticsObject']=s;j[s]=j[s]||function(){
				(j[s].q=j[s].q||[]).push(arguments)},j[s].l=1*new Date();t=o.createElement(r),
			a=o.getElementsByTagName(r)[0];t.async=1;t.src=d;a.parentNode.insertBefore(t,a)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-17825543-1', 'auto');
	ga('send', 'pageview');
</script>

<!-- Minified JS -->
<script async src="assets/js/app.js"></script>

<!-- And we're done! -->
<!-- Thanks so much for visiting. -->
</body>
</html>
{'fraction_non_alphanumeric': 0.19886930495510474, 'fraction_numerical': 0.03303403170380224, 'mean_word_length': 4.77376, 'pattern_counts': {'":': 0, '<': 344, '<?xml version=': 2, '>': 344, 'https://': 24, 'lorem ipsum': 0, 'www.': 10, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3649005', 'n_tokens_mistral': 6897, 'n_tokens_neox': 6140, 'n_words': 1429}