<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dylan's Portfolio</title>
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">

   	<!--Animation CSS and WOW.JS-->
   	<!-- see http://mynameismatthieu.com/WOW/docs.html for additional details -->
   	<link rel="stylesheet" href="css/animate.css">
   	<script src="js/wow.min.js"></script>

    <!--Awesome Fonts Library-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Google Fonts (from https://www.google.com/fonts )-->
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 	<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
	<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

    <!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

	<!-- Mapbox Css and Js Libraries-->
   	<script src='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script>
	<link href='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' />

	<!--NEW MAPBOX LIBRARIES-->
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.13.1/mapbox-gl.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.13.1/mapbox-gl.css' rel='stylesheet' />

	<!--Skype Call Button-->
	<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
</head>



<body id="bootstrapoverrides">

<script>
	/*enables all animation behavior*/
	new WOW().init();
</script>

    <!--Contact Info Card-->
	<div class="container">
		<div class="row">
			<div id="contactinfo" class="infobox wow fadeInDown text-vertical-center col-sm-offset-3 col-sm-6 col-xs-12">
				<div class="wow fadeInLeft" data-wow-delay="0.5s"><h1><NAME></h1></div>
				<div class="wow fadeInRight" data-wow-delay="1s"><h4>Environmentalist / Urbanist / Cartographer / Data Analyst</h4></div>
				<div class="wow fadeInUp" data-wow-delay="1.2s"><hr class="medium"></div>
				<!--<h3>A Personal Webpage</h3>-->
				<div class="text-center center-block site-header">
					<!--Resume-->
					<a href="#" title="Resume" data-toggle="tooltip" data-placement="bottom"><div class="fa fa-file-text-o fa-3x social-rm grow wow fadeInLeft" data-wow-delay="1.2s" data-toggle="modal" data-target="#ResumeModal" style="outline: 0px; text-decoration: initial; "></div></a>
					<!--Linkedin-->
					<a href="https://www.linkedin.com/in/dylancobean" title="Linkedin" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-linkedin fa-3x social-fb grow wow fadeInDown" data-wow-delay="1.4s"></i></a>
					<!--Github-->
					<a href="https://github.com/dylansc22" title="Github" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-github fa-3x social-gp grow wow fadeInRight" data-wow-delay="1.6s"></i></a>
					<!--Gmail-->
					<a href="mailto:<EMAIL>.com" title="Email" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-envelope fa-3x social-em grow wow fadeInUp" data-wow-delay="1.8s"></i></a>
					<!--Twitter-->
					<a href="https://twitter.com/MrDylanScott" title="Twitter" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-twitter fa-3x social-tw grow wow fadeInDown" data-wow-delay="2s"></i></a>
					<!--Skype-->
					<a href="skype:dylanvideochat?userinfo" title="Skype" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-skype fa-3x social-sk grow wow fadeInRight" data-wow-delay="2.4s"></i></a>
				</div>
			</div>

			<div id="contactinfofooter" class="row">
				<div class="col-xs-12 text-vertical-center center-block">                 
					<div class="text-vertical-center wow fadeInUp" data-wow-delay="3s">
                 		<a href="#navigationtabs" class="btn btn-lg btn-warning" role="button" style="padding-top:0px; padding-bottom:0px"><h5>Click to Learn More</h5></a>
                    </div>
                    <!-- Circlur Arrow Button-->
						<!--
						<div id="enter" class="text-vertical-center wow bounceInUp" data-wow-delay="3s">
                    	<a href="#aboutme" class="btn btn-circle page-scroll text-vertical-center center-block grow" title="Click to Learn More" data-toggle="tooltip" data-placement="top">
                        <i class="fa fa-angle-double-down"></i>
                    	</a>
                    	</div>
                    	-->
				</div>
			</div>
		</div>
	</div><!--end container-->

    <!--<div id='mapidheader'>-->
        <div class="container-fluid">
            <div class="row-fluid">
                <div id="navigationtabs" class="col-xs-12">
                    <!-- Nav tabs -->
                      <ul class="nav nav-tabs nav-justified nowrap" role="tablist">
                        <li class="active" role="presentation"><a href="#aboutme" aria-controls="aboutme" role="tab" data-toggle="tab"><h1>ABOUT ME</h1></a></li>
                        <li role="presentation"><a href="#worksamples" aria-controls="worksamples" role="tab" data-toggle="tab"><h1>WORK SAMPLES</h1></a></li>
                        <li role="presentation"><a href="#resumesection" aria-controls="currentprojects" role="tab" data-toggle="tab"><h1>RESUME</h1></a></li>
                        <!--<li role="presentation"><a href="#currentprojects" aria-controls="currentprojects" role="tab" data-toggle="tab"><h1>CURRENT PROJECTS</h1></a></li>-->
                        <!--<li role="presentation"><a href="#blog" aria-controls="blog" role="tab" data-toggle="tab"><h1>BLOG</h1></a></li>-->
                      </ul>
                </div>
            </div>
        </div>
    <!--</div>-->

	<!-- Nav tabs -->
	<div class="container-fluid">
		<div class="row-fluid wrapper no-gutter">
		  	<!-- Tab panes -->
		  	<div id="mainnavcontent" class="tab-content infobox col-xs-12">
			  	<!--About Me Section-->
			    <div role="tabpanel" class="tab-pane fade in active" id="aboutme">
			    	<div class="container">
			    		<div class="row">
                        <div class="col-sm-12">
                        <!--<div id="text1" class="col-sm-10 col-sm-offset-1">-->
	                        <h3>
	                        <span class="biggerfont">
	                        I graduated with distiction </span> in Applied Mathematics & Environmental Hydrology from the University of Arizona in the Spring of 2013. 
	                        <br><br>
	                        <div><span class="biggerfont">I am a published technical writer </span>with the United States Geological Survery, and I have an upcoming authorship for my work in Forest Infrastructure with the World Resources Institute in Washington DC. 
	                        <br><br>
	                        <div><span class="biggerfont">I am a self-learner </span>in a wide array of technical applications - ArcGIS, ArcScene, City Engine, Spatial Analysis Toolsets, QGIS, HTML5, CSS, Javascript, jQuery, ModelBuilder, Mapbox.js, Leaflet.js, Database Management BMPs, Python, Microsoft Office Suite, along with several others supplementary programs.
	                        <br><br>
	                        <div><span class="biggerfont">My ongoing subject matter expertise </span>focuses on sustainable-dev tech, water-use, city design, industrial composting, public transit infrastructure,  environmental risk modeling.
	                        <br><br>  
	                        <div><span class="biggerfont">I am passionate about </span>data-driven urban design and planning, along with current issues in urban analytics, smart-city design, public transit, sustainability-built infrastructure, water security, and overall what makes an urban center thrive and it's citizens prosper. 
	                        <br><br>
	                        <div><span class="biggerfont">What I can provide your team </span>are years of expertise in data-driven GIS analysis. I've worked on a range of research projects, working with small non-profits and large environmental organizations. I am well equipped to assist at any phase of project timelines - from initial proposals, throughout development, to final release for end-users. 
	                        <br><br>
	                        <!--<div><span class="biggerfont">For the past year </span>I have worked as a warehouse laborer and weekend bartender, saving $20000 to pay off the student loans from my undergraduate education. I spent the majority of my free time teaching myself web-development to best prepare myself for cutting-edge application to a future career in GIS. 
	                        <br><br>-->                       
	                        </h3>
                        </div>
					
			    			<!--<div class="aboutmefooter col-xs-10 col-sm-offset-1"><i>More than halfway through my degree program in Physics, I realized I was happier learning about the natural environment around me. I switched my major to Applied Mathematics & Environmental Hydrology and never looked back. I've had the great opportunity to work for both large environmental research institutions, along with small community-based environmental organizations. This diversity have given me a unique prespective on environmental sustainability and new urbanism. I've simultaniously created a strong foundation of skills in critical thinking, data visualization, and geospatial analysis. 
							<br><br>
							I've always been facinated by Stability Theory in Applied Mathematics Coursework - the concept of stable or instable equilibrium points where functions converge or diverge respectively. I apperciate the simplicity of that concept in our societies' built urban systems, slowly harmonizing or creating disonance with our ecosystem's natural processes.</i></div>-->

			    			

						</div>
					</div><!--container-->		
			    </div>
				<!--Worksample Section-->
		        <div role="tabpanel" class="tab-pane fade" id="worksamples">
		            <div class="col-lg-4 col-xs-6">
		                    <a href="dylansc22.github.io/worksample/" class="portfolio-box"><commit_msg>minor changes<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dylan's Portfolio</title>
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">

   	<!--Animation CSS and WOW.JS-->
   	<!-- see http://mynameismatthieu.com/WOW/docs.html for additional details -->
   	<link rel="stylesheet" href="css/animate.css">
   	<script src="js/wow.min.js"></script>

    <!--Awesome Fonts Library-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Google Fonts (from https://www.google.com/fonts )-->
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 	<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
	<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

    <!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

	<!-- Mapbox Css and Js Libraries-->
   	<script src='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script>
	<link href='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' />

	<!--NEW MAPBOX LIBRARIES-->
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.13.1/mapbox-gl.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.13.1/mapbox-gl.css' rel='stylesheet' />

	<!--Skype Call Button-->
	<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
</head>



<body id="bootstrapoverrides">

<script>
	/*enables all animation behavior*/
	new WOW().init();
</script>

    <!--Contact Info Card-->
	<div class="container">
		<div class="row">
			<div id="contactinfo" class="infobox wow fadeInDown text-vertical-center col-sm-offset-3 col-sm-6 col-xs-12">
				<div class="wow fadeInLeft" data-wow-delay="0.5s"><h1><NAME></h1></div>
				<div class="wow fadeInRight" data-wow-delay="1s"><h4>Environmentalist / Urbanist / Cartographer / Data Analyst</h4></div>
				<div class="wow fadeInUp" data-wow-delay="1.2s"><hr class="medium"></div>
				<!--<h3>A Personal Webpage</h3>-->
				<div class="text-center center-block site-header">
					<!--Resume-->
					<a href="#" title="Resume" data-toggle="tooltip" data-placement="bottom"><div class="fa fa-file-text-o fa-3x social-rm grow wow fadeInLeft" data-wow-delay="1.2s" data-toggle="modal" data-target="#ResumeModal" style="outline: 0px; text-decoration: initial; "></div></a>
					<!--Linkedin-->
					<a href="https://www.linkedin.com/in/dylancobean" title="Linkedin" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-linkedin fa-3x social-fb grow wow fadeInDown" data-wow-delay="1.4s"></i></a>
					<!--Github-->
					<a href="https://github.com/dylansc22" title="Github" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-github fa-3x social-gp grow wow fadeInRight" data-wow-delay="1.6s"></i></a>
					<!--Gmail-->
					<a href="mailto:<EMAIL>" title="Email" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-envelope fa-3x social-em grow wow fadeInUp" data-wow-delay="1.8s"></i></a>
					<!--Twitter-->
					<a href="https://twitter.com/MrDylanScott" title="Twitter" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-twitter fa-3x social-tw grow wow fadeInDown" data-wow-delay="2s"></i></a>
					<!--Skype-->
					<a href="skype:dylanvideochat?userinfo" title="Skype" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-skype fa-3x social-sk grow wow fadeInRight" data-wow-delay="2.4s"></i></a>
				</div>
			</div>

			<div id="contactinfofooter" class="row">
				<div class="col-xs-12 text-vertical-center center-block">                 
					<div class="text-vertical-center wow fadeInUp" data-wow-delay="3s">
                 		<a href="#navigationtabs" class="btn btn-lg btn-warning" role="button" style="padding-top:0px; padding-bottom:0px"><h5>Click to Learn More</h5></a>
                    </div>
                    <!-- Circlur Arrow Button-->
						<!--
						<div id="enter" class="text-vertical-center wow bounceInUp" data-wow-delay="3s">
                    	<a href="#aboutme" class="btn btn-circle page-scroll text-vertical-center center-block grow" title="Click to Learn More" data-toggle="tooltip" data-placement="top">
                        <i class="fa fa-angle-double-down"></i>
                    	</a>
                    	</div>
                    	-->
				</div>
			</div>
		</div>
	</div><!--end container-->

    <!--<div id='mapidheader'>-->
        <div class="container-fluid">
            <div class="row-fluid">
                <div id="navigationtabs" class="col-xs-12">
                    <!-- Nav tabs -->
                      <ul class="nav nav-tabs nav-justified nowrap" role="tablist">
                        <li class="active" role="presentation"><a href="#aboutme" aria-controls="aboutme" role="tab" data-toggle="tab"><h1>ABOUT ME</h1></a></li>
                        <li role="presentation"><a href="#worksamples" aria-controls="worksamples" role="tab" data-toggle="tab"><h1>WORK SAMPLES</h1></a></li>
                        <li role="presentation"><a href="#resumesection" aria-controls="currentprojects" role="tab" data-toggle="tab"><h1>RESUME</h1></a></li>
                        <!--<li role="presentation"><a href="#currentprojects" aria-controls="currentprojects" role="tab" data-toggle="tab"><h1>CURRENT PROJECTS</h1></a></li>-->
                        <!--<li role="presentation"><a href="#blog" aria-controls="blog" role="tab" data-toggle="tab"><h1>BLOG</h1></a></li>-->
                      </ul>
                </div>
            </div>
        </div>
    <!--</div>-->

	<!-- Nav tabs -->
	<div class="container-fluid">
		<div class="row-fluid wrapper no-gutter">
		  	<!-- Tab panes -->
		  	<div id="mainnavcontent" class="tab-content infobox col-xs-12">
			  	<!--About Me Section-->
			    <div role="tabpanel" class="tab-pane fade in active" id="aboutme">
			    	<div class="container">
			    		<div class="row">
                        <div class="col-sm-12">
                        <!--<div id="text1" class="col-sm-10 col-sm-offset-1">-->
	                        <h3>
	                        <span class="biggerfont">
	                        I graduated with distiction </span> in Applied Mathematics & Environmental Hydrology from the University of Arizona in the Spring of 2013. 
	                        <br><br>
	                        <div><span class="biggerfont">I am a published technical writer </span>with the United States Geological Survery, and I have an upcoming authorship for my work in Forest Infrastructure with the World Resources Institute in Washington DC. 
	                        <br><br>
	                        <div><span class="biggerfont">I am a self-learner </span>in a wide array of technical applications - ArcGIS, ArcScene, City Engine, Spatial Analysis Toolsets, QGIS, HTML5, CSS, Javascript, jQuery, ModelBuilder, Mapbox.js, Leaflet.js, Database Management BMPs, Python, Microsoft Office Suite, along with several others supplementary programs.
	                        <br><br>
	                        <div><span class="biggerfont">My ongoing subject matter expertise </span>focuses on sustainable-dev tech, water-use, city design, industrial composting, public transit infrastructure,  environmental risk modeling.
	                        <br><br>  
	                        <div><span class="biggerfont">I am passionate about </span>data-driven urban design and planning, along with current issues in urban analytics, smart-city design, public transit, sustainability-built infrastructure, water security, and overall what makes an urban center thrive and it's citizens prosper. 
	                        <br><br>
	                        <div><span class="biggerfont">What I can provide your team </span>are years of expertise in data-driven GIS analysis. I've worked on a range of research projects, working with small non-profits and large environmental organizations. I am well equipped to assist at any phase of project timelines - from initial proposals, throughout development, to final release for end-users. 
	                        <br><br>
	                        <!--<div><span class="biggerfont">For the past year </span>I have worked as a warehouse laborer and weekend bartender, saving $20000 to pay off the student loans from my undergraduate education. I spent the majority of my free time teaching myself web-development to best prepare myself for cutting-edge application to a future career in GIS. 
	                        <br><br>-->                       
	                        </h3>
                        </div>
					
			    			<!--<div class="aboutmefooter col-xs-10 col-sm-offset-1"><i>More than halfway through my degree program in Physics, I realized I was happier learning about the natural environment around me. I switched my major to Applied Mathematics & Environmental Hydrology and never looked back. I've had the great opportunity to work for both large environmental research institutions, along with small community-based environmental organizations. This diversity have given me a unique prespective on environmental sustainability and new urbanism. I've simultaniously created a strong foundation of skills in critical thinking, data visualization, and geospatial analysis. 
							<br><br>
							I've always been facinated by Stability Theory in Applied Mathematics Coursework - the concept of stable or instable equilibrium points where functions converge or diverge respectively. I apperciate the simplicity of that concept in our societies' built urban systems, slowly harmonizing or creating disonance with our ecosystem's natural processes.</i></div>-->

			    			

						</div>
					</div><!--container-->		
			    </div>
				<!--Worksample Section-->
		        <div role="tabpanel" class="tab-pane fade" id="worksamples">
		            <div class="col-lg-4 col-xs-6">
		                    <a href="http://dylansc22.github.io/worksample/" class="portfolio-box">
{'fraction_non_alphanumeric': 0.1595506604063364, 'fraction_numerical': 0.011496774759752512, 'mean_word_length': 2.862057278427385, 'pattern_counts': {'":': 0, '<': 493, '<?xml version=': 0, '>': 493, 'https://': 30, 'lorem ipsum': 0, 'www.': 6, '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': '1135942', 'n_tokens_mistral': 7328, 'n_tokens_neox': 6600, 'n_words': 1728}