<commit_before><!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>MDP</title>
	<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta name="robots" content="all" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta http-equiv="imagetoolbar" content="false" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->	
	<style>
		* { padding: 0; margin: 0; }
		body { background-color: #333; }
		p { color: #000000; font-family: Courier New; font-size: 24px; font-weight: bold; line-height: 28px; margin-bottom: 12px; -webkit-font-smoothing: antialiased; }
		a { color: #000000; font-size: 22px; font-weight: normal; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); }
		a:hover { color: #00FF00; border-bottom: 1px solid rgba(255,255,255,1); }
		#about { width: auto; float:right; padding: -20px -40px -20px -20px; margin: 30px 0px 0 auto !important; }
		#monogram { width: 50px; padding: 0 0 0 0; margin: 0 auto 0 50px; }
		@media (max-width: 767px) {
			#about { position: float:right; top:25; width: auto; padding: 20px; margin: 30px !important; }
			#monogram { position: float:left; top:25; width: auto; padding: 0px; margin: 0; }
			background-image { opacity: 0.2; }
		}
	</style>
</head>	
    
<body>

<!-- swap out for a logo -->
<div id="monogram">
	<img src="logo.svg" />
</div>

<!-- swap out for information about yourself -->
<div id="about">
	<p>Currently in Vietnam. </a></p>
<p>Sometimes blogging on <a href="http://mattsrespite.com">Matt's Respite</a></p>
<p>You can also find me here:</p> 
<p><a href="https://www.facebook.com/thematthewperkins"/><NAME> on Facebook</a></p>
<p><a href="http://instagram.com/mattarse"/>mattarse on Instagram</a></p>
<p><a href="http://flickr.com/Matthewp3"/>Flickr</a></p>
<p><a href="https://twitter.com/mattarse"/>@mattarse on Twitter</a></p>
<p><a href="https://plus.google.com/+MatthewPerkins"/>+MatthewPerkins on Google+</a></p>
</div>



<!--include jquery & backstretch-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.backstretch.min.js"></script>
<script type="text/javascript">
$(function(){
     $(window).resize(function(){
         if($(this).width() >= 767){
             $.backstretch("Vietnam.jpg", {speed: 150});
         }
      })
      .resize();//trigger resize on page load
});<commit_msg>add linkedin<commit_after><!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>MDP</title>
	<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta name="robots" content="all" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta http-equiv="imagetoolbar" content="false" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->	
	<style>
		* { padding: 0; margin: 0; }
		body { background-color: #333; }
		p { color: #000000; font-family: Courier New; font-size: 24px; font-weight: bold; line-height: 28px; margin-bottom: 12px; -webkit-font-smoothing: antialiased; }
		a { color: #000000; font-size: 22px; font-weight: normal; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); }
		a:hover { color: #00FF00; border-bottom: 1px solid rgba(255,255,255,1); }
		#about { width: auto; float:right; padding: -20px -40px -20px -20px; margin: 30px 0px 0 auto !important; }
		#monogram { width: 50px; padding: 0 0 0 0; margin: 0 auto 0 50px; }
		@media (max-width: 767px) {
			#about { position: float:right; top:25; width: auto; padding: 20px; margin: 30px !important; }
			#monogram { position: float:left; top:25; width: auto; padding: 0px; margin: 0; }
			background-image { opacity: 0.2; }
		}
	</style>
</head>	
    
<body>

<!-- swap out for a logo -->
<div id="monogram">
	<img src="logo.svg" />
</div>

<!-- swap out for information about yourself -->
<div id="about">
	<p>Currently in Vietnam. </a></p>
<p>Sometimes blogging on <a href="http://mattsrespite.com">Matt's Respite</a></p>
<p>You can also find me here:</p> 
<p><a href="https://www.facebook.com/thematthewperkins"/><NAME> on Facebook</a></p>
<p><a href="http://instagram.com/mattarse"/>mattarse on Instagram</a></p>
<p><a href="http://flickr.com/Matthewp3"/>Flickr</a></p>
<p><a href="https://twitter.com/mattarse"/>@mattarse on Twitter</a></p>
<p><a href="https://plus.google.com/+MatthewPerkins"/>+MatthewPerkins on Google+</a></p>
<p><a href="cz.linkedin.com/in/mattdperkins"/>MatthewPerkins on LinkedIn</a></p>

</div>



<!--include jquery & backstretch-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.backstretch.min.js"></script>
<script type="text/javascript">
$(function(){
     $(window).resize(function(){
         if($(this).width() >= 767){
             $.backstretch("Vietnam.jpg", {speed: 150});
         }
      })
      .resize();//trigger resize on page load
});
{'fraction_non_alphanumeric': 0.20963277357446022, 'fraction_numerical': 0.03875253736851818, 'mean_word_length': 4.29296875, 'pattern_counts': {'":': 0, '<': 133, '<?xml version=': 0, '>': 135, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1584393', 'n_tokens_mistral': 2213, 'n_tokens_neox': 1965, 'n_words': 437}