<commit_before>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Citro Systems Blog Posting</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Citro Systems Blog Posting" />
	<meta name="keywords" content="michael citro, citro blog, blog posting" />
	<meta name="author" content="<NAME>" />

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
	<!-- Animate -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon -->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<link rel="stylesheet" href="css/style.css">



	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	<header id="citro-header">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12 col-md-12 text-center">
					<a href="https://citrosystems.com"><img src="../img/pp.jpg" style="width: 300px;border-radius: 4px"></a>
					<h1 id="citro-logo" style="border-bottom: 1px solid black; padding-bottom: 15px;"><a href="https://citrosystems.com"><NAME>'s Blog</a></h1>
					<h3 class="citro-article-title animate-box">Welcome, please read this intro to get a better understanding of what topices i will be covering, Thank You.</h3>
					<p class="intro-ptag animate-box" style="text-align: left;">
						Hi and welcome to my blog. In my initial few postings I will be getting into the basics of web development making my way from frontend developer to backend development and covering a few different technologies, I will explain what Frontend vs. Backend is don’t worry. I will be mainly aiming to aid those trying to get into web development but get lost in all the acronyms and terminologies that clutter tutorials now adays. There are an abundant of new frameworks, I will explain what frameworks are as well, but the underlying technologies are all the same. It’s these technologies that you should master in order to be able to take full advantaged and truly appreciate these technologies, my opinion. As a new web developer, or just want to educate yourself on web development, if you get caught up trying to start off using these frameworks and not truly understanding the underlying technologies that they are built on you will have many gaps in your knowledge, and therefor giving you a disadvantage. </p>
					<p class="intro-ptag animate-box" style="text-align: left;">
						I will not be going to details or getting to tecknogiesly involved initialy but will give a genial overview of how web developer works and it all connects and works. I truly belive that knowing the archecutre of something you are tyring to learned it the best starting point. Followed by leaneing the underlying tecknlogies that it is bulilt on. Only then can you start to take advantaged of these advanced new framworks. I feel it a misconception, again my opiion, that you must take classes to be a great developer. My opion is that it does not take classes but just passion detemineation and motivation to read, implement, and learn. Also please not that in all my blogs these are my opions based off of many years of reseach and work/personal experance. If you do not agree with any of my options im sorry, but for the post part I will be explaining how web tecknoges/devlopemnt works, which are facts. Whither or not I approve or like one tecbknlogoe over another is were my opione will come in, but that should be up to you to decied by implementing and practiving it. I am a great advocated of teaching others to code becusing I feel that this forced a diferant way of thinking and vewing the world, so now lets begin 

						PS: Please comment below if you have an opion on something I said, or somhting I said is incoorect or acincaacure, or just want more clarity on something I said
					</p>
				</div>
			</div>
		</div>
	</header>
	<!-- END #citro-header -->
	<div class="container-fluid">
		<div class="row citro-post-entry">

			<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
				<figure>
					<a href="single.html"><img src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
				</figure>
				<span class="citro-meta"><a href="single.html">Food &amp; Drink</a></span>
				<h2 class="citro-article-title"><a href="single.html">We Eat and Drink All Night</a></h2>
				<span class="citro-meta citro-date">March 6th, 2016</span>
			</article>

		</div>
	</div>

	<footer id="citro-footer">
		<p><small>&copy; 2016. <NAME>. All Rights Reserverd.</small></p>
	</footer>


	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>

	</body>
</html>
<commit_msg>blog updates<commit_after>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Citro Systems Blog Posting</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Citro Systems Blog Posting" />
	<meta name="keywords" content="michael citro, citro blog, blog posting" />
	<meta name="author" content="<NAME>" />

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
	<!-- Animate -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon -->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<link rel="stylesheet" href="css/style.css">



	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	<header id="citro-header">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12 col-md-12 text-center">
					<div class="fb-like" data-href="https://citrosystems.com/Homepage/blog" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="true" style="position: fixed; top: 5px; right: 15px;"></div>
					<a href="https://citrosystems.com"><img src="../img/pp.jpg" style="width: 300px;border-radius: 4px"></a>
					<h1 id="citro-logo" style="border-bottom: 1px solid black; padding-bottom: 15px;"><a href="https://citrosystems.com"><NAME>'s Blog</a></h1>
					<h3 class="citro-article-title animate-box">Welcome, please read this intro to get a better understanding of what topices i will be covering, Thank You.</h3>
					<p class="intro-ptag animate-box" style="text-align: left;">
						Hi and welcome to my blog. In my initial few postings I will be getting into the basics of web development making my way from frontend developer to backend development and covering a few different technologies, I will explain what Frontend vs. Backend is don’t worry. I will be mainly aiming to aid those trying to get into web development but get lost in all the acronyms and terminologies that clutter tutorials now adays. There are an abundant of new frameworks, I will explain what frameworks are as well, but the underlying technologies are all the same. It’s these technologies that you should master in order to be able to take full advantaged and truly appreciate these technologies, my opinion. As a new web developer, or just want to educate yourself on web development, if you get caught up trying to start off using these frameworks and not truly understanding the underlying technologies that they are built on you will have many gaps in your knowledge, and therefor giving you a disadvantage. </p>
					<p class="intro-ptag animate-box" style="text-align: left;">
						I will not be going to details or getting to tecknogiesly involved initialy but will give a genial overview of how web developer works and it all connects and works. I truly belive that knowing the archecutre of something you are tyring to learned it the best starting point. Followed by leaneing the underlying tecknlogies that it is bulilt on. Only then can you start to take advantaged of these advanced new framworks. I feel it a misconception, again my opiion, that you must take classes to be a great developer. My opion is that it does not take classes but just passion detemineation and motivation to read, implement, and learn. Also please not that in all my blogs these are my opions based off of many years of reseach and work/personal experance. If you do not agree with any of my options im sorry, but for the post part I will be explaining how web tecknoges/devlopemnt works, which are facts. Whither or not I approve or like one tecbknlogoe over another is were my opione will come in, but that should be up to you to decied by implementing and practiving it. I am a great advocated of teaching others to code becusing I feel that this forced a diferant way of thinking and vewing the world, so now lets begin 

						PS: Please comment below if you have an opion on something I said, or somhting I said is incoorect or acincaacure, or just want more clarity on something I said
					</p>
				</div>
			</div>
		</div>
	</header>
	<!-- END #citro-header -->
	<div class="container-fluid">
		<div class="row citro-post-entry">

			<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
				<figure>
					<a href="single.html"><img src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
				</figure>
				<span class="citro-meta"><a href="single.html">Food &amp; Drink</a></span>
				<h2 class="citro-article-title"><a href="single.html">We Eat and Drink All Night</a></h2>
				<span class="citro-meta citro-date">March 6th, 2016</span>
			</article>

		</div>
	</div>
	<div class="fb-comments" data-href="https://citrosystems.com/Homepage/blog" data-numposts="5"></div>
	<footer id="citro-footer">
	<div id="fb-root"></div>
		<p><small>&copy; 2016. <NAME>. All Rights Reserverd.</small></p>
	</footer>


	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>
	<!-- Facebook like button -->
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
	</script>

	<!-- Facebook Comments -->
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<!-- Google Anily -->
    <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-42972594-1', 'auto');
      ga('send', 'pageview');
    
    </script>
	</body>
</html>

{'fraction_non_alphanumeric': 0.15546063774946609, 'fraction_numerical': 0.012077472567935784, 'mean_word_length': 4.033358042994811, 'pattern_counts': {'":': 0, '<': 266, '<?xml version=': 0, '>': 264, 'https://': 6, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1148747', 'n_tokens_mistral': 4648, 'n_tokens_neox': 4248, 'n_words': 1489}