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

<head>
	<meta charset="utf-8">

	<title>Natalya</title>

	<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
	<meta name="author" content="<NAME>">

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<link rel="stylesheet" href="css/reveal.min.css">
	<link rel="stylesheet" href="css/theme/default.css" id="theme">

	<!-- For syntax highlighting -->
	<link rel="stylesheet" href="lib/css/zenburn.css">

	<!-- If the query includes 'print-pdf', include the PDF print sheet -->
	<script>
	if( window.location.search.match( /print-pdf/gi ) ) {
		var link = document.createElement( 'link' );
		link.rel = 'stylesheet';
		link.type = 'text/css';
		link.href = 'css/print/pdf.css';
		document.getElementsByTagName( 'head' )[0].appendChild( link );
	}
	</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section data-background="#3a5868">
					<h1>Creative Professional</h1>
					<h2>[in tech]</h2>
					<p>
						<small>Natalya Shelburne/ <a href="http://hakim.se">artist-developer.com </a> / <a href="http://twitter.com/hakimel">@natalyathree</a></small>
						<small> M.Ed in Talent Development, BA Studio Art, BA Developmental Psychology </small>
					</p>
				</section>

				<section data-background= "images/DSC_6426.jpg" data-background-size="500px">
					<h2>A lesson from</h2>
					<h1>Photography</h1>
				</section>

				<section data-background="#9b4741">

					<h2> The web is a </h2><h1 class="fragment">Creative</h1><h1>Medium</h1>
					<h2 class="fragment">And you create, professionally</h2>

					<!-- <aside class="notes">
						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
					</aside> -->
				</section>

				<section data-background="#5b9fbc">
					<h1>Two awesome theories</h1>
					<h3>about creative professionals</h3><h3>in any domain</h3>
					<img width="70px" src="images/lightning-talk.png"/>
				</section>

				<section data-background="#a6b261">
					<h1>Feel the Flow</h1>
					<blockquote>&ldquo;being completely involved in an activity for its own sake. The ego falls away. Time flies. Every action, movement, and thought follows inevitably from the previous one... Your whole being is involved, and you're using your skills to the utmost.&rdquo; -<NAME>
					</blockquote>
		
				</section> 

				<section data-background="#d97d7d">
					<h1>Get in the zone</h1>
					<blockquote> Lev Vygotsky's Zone of Proximal Development (ZPD) is the difference between what a learner can do independently and what he or she can do with more capable guidance.
					</blockquote>
				
				</section> 

				<section data-background="#a97d7d">
					<h2> Vygotsky drew us a map </h2>
					<img width= "700px" src="images/zpd.png"/>
				</section>

				<section data-background="#7dc261">
					<h2> Csíkszentmihályi Drew us a map too </h2>
					<img width= "800px" src="images/flow-channel.png"/>
				</section>

				<section data-background="#a1b561">
					<h2> Don't panic </h2>
					<img width= "700px" src="images/flow-overwhelmed.png"/>
					<h3> Embrace appropriate challenges</h3>
				</section>

				<section data-background="#a2a561">
					<h2> Don't get set in your ways</h2>
					<img width= "700px" src="images/flow-bored.png"/>
					<h3> Be okay with being uncomfortable</h3>
				</section>

				<section data-background="#a6c266">
					<h2> Scaffold your way to awesomeness</h2>
					<img width= "700px" src="images/flow-scaffolding.png"/>
					<h3> seek out challenges that build on existing skills </h3>
				</section>

				<section data-background= "images/photography-2.jpg" data-background-size="800px">
					<h2>Back to</h2>
					<h1>Photography</h1>
				</section>

				<section data-background="#9b4741">
					<h1>Procedural Knowledge</h1>
					<h3>Learn by doing</h3>
					<ul>
						<li class="fragment">Weekly digests are great (I love the HTML, CSS, JS emails) </li>
						<li class="fragment">Retain more information by applying on projects immediately</li>
						<li class="fragment">Have fun: great sandbox (http://codepen.io/)
						<li class="fragment">Be aware of your skills and have clear goals</li>
				</section>	

				<section data-background= "#3a5868">
					<h1>Create,</h1>
					<h1>Professionally</h1>

					<p>
						<small><NAME>/ <a href="http://hakim.se">artist-developer.com </a> / <a href="http://twitter.com/hakimel">@natalyathree</a></small>
					</p>
				</section>










				<!-- Example of nested vertical slides -->
				<!-- <section>
					<section>
						<h2>Vertical Slides</h2>
						<p>
							Slides can be nested inside of other slides,
							try pressing <a href="#" class="navigate-down">down</a>.
						</p>
						<a href="#" class="image navigate-down">
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"><commit_msg>v2 finished<commit_after><!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">

	<title>Natalya</title>

	<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
	<meta name="author" content="<NAME>">

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<link rel="stylesheet" href="css/reveal.min.css">
	<link rel="stylesheet" href="css/theme/default.css" id="theme">

	<!-- For syntax highlighting -->
	<link rel="stylesheet" href="lib/css/zenburn.css">

	<!-- If the query includes 'print-pdf', include the PDF print sheet -->
	<script>
	if( window.location.search.match( /print-pdf/gi ) ) {
		var link = document.createElement( 'link' );
		link.rel = 'stylesheet';
		link.type = 'text/css';
		link.href = 'css/print/pdf.css';
		document.getElementsByTagName( 'head' )[0].appendChild( link );
	}
	</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section data-background="#3a5868">
					<h1>Creative Professional</h1>
					<h2>[in tech]</h2>
					<p>
						<small><NAME>/ <a href="http://hakim.se">artist-developer.com </a> / <a href="http://twitter.com/hakimel">@natalyathree</a></small>
						<small> M.Ed in Talent Development, BA Studio Art, BA Developmental Psychology </small>
					</p>
				</section>

				<section data-background= "images/DSC_6426.jpg" data-background-size="500px">
					<h2>A lesson from</h2>
					<h1>Photography</h1>
				</section>

				<section data-background="#9b4741">

					<h2> The web is a </h2><h1 class="fragment">Creative</h1><h1>Medium</h1>
					<h2 class="fragment">And you create, professionally</h2>

					<!-- <aside class="notes">
						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
					</aside> -->
				</section>

				<section data-background="#5b9fbc">
					<h1>Two awesome theories</h1>
					<h3>about creative professionals</h3><h3>in any domain</h3>
					<img width="70px" src="images/lightning-talk.png"/>
				</section>

				<section data-background="#a6b261">
					<h1>Feel the Flow</h1>
					<blockquote>&ldquo;being completely involved in an activity for its own sake. The ego falls away. Time flies. Every action, movement, and thought follows inevitably from the previous one... Your whole being is involved, and you're using your skills to the utmost.&rdquo; -<NAME>
					</blockquote>
		
				</section> 

				<section data-background="#d97d7d">
					<h1>Get in the zone</h1>
					<blockquote> Lev Vygotsky's Zone of Proximal Development (ZPD) is the difference between what a learner can do independently and what he or she can do with more capable guidance.
					</blockquote>
				
				</section> 

				<section data-background="#a97d7d">
					<h2> Vygotsky drew us a map </h2>
					<img width= "700px" src="images/zpd.png"/>
				</section>

				<section data-background="#7dc261">
					<h2> Csíkszentmihályi Drew us a map too </h2>
					<img width= "800px" src="images/flow-channel.png"/>
				</section>

				<section data-background="#a1b561">
					<h2> Don't panic </h2>
					<img width= "700px" src="images/flow-overwhelmed.png"/>
					<h3> Embrace appropriate challenges</h3>
				</section>

				<section data-background="#a2a561">
					<h2> Don't get set in your ways</h2>
					<img width= "700px" src="images/flow-bored.png"/>
					<h3> Be okay with being uncomfortable</h3>
				</section>

				<section data-background="#a6c266">
					<h2> Scaffold your way to awesomeness</h2>
					<img width= "700px" src="images/flow-scaffolding.png"/>
					<h3> seek out challenges that build on existing skills </h3>
				</section>


				<section data-background="#9b4741">
					<h1>This is Procedural Knowledge</h1>
					<h3>Find your zone and get in the flow</h3>
					<ul>
						<li class="fragment">Be aware of your skills but have challenging goals for growth</li>
						<li class="fragment">Weekly digests are great (I love the <a href="http://html5weekly.com/">HTML</a>, <a href="http://css-weekly.com/">CSS</a>, <a href="http://javascriptweekly.com/">JS</a> emails) </li>
						<li class="fragment">Retain more knowledge by applying it to projects immediately</li>
						<li class="fragment">Have fun and write code every chance you get
							<ul>
								<li>http://codepen.io</li>
								<li>jsfiddle.com</li>
							</ul>
				</section>	

				<section data-background= "images/photography-2.jpg" data-background-size="800px">
					<h2>Back to</h2>
					<h1>Photography</h1>
				</section>

				<section data-background= "#3a5868">
					<h1>Create,</h1>
					<h1>Professionally</h1>

					<p>
						<small><NAME>/ <a href="http://hakim.se">artist-developer.com </a> / <a href="http://twitter.com/hakimel">@natalyathree</a></small>
					</p>
				</section>










				<!-- Example of nested vertical slides -->
				<!-- <section>
					<section>
						<h2>Vertical Slides</h2>
						<p>
							Slides can be nested inside of other slides,
							try pressing <a href="#" class="navigate-down">down</a>.
						</p>
						<a href="#" class="image navigate-down">
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
{'fraction_non_alphanumeric': 0.1653629252319447, 'fraction_numerical': 0.02692377660542114, 'mean_word_length': 3.284879189399844, 'pattern_counts': {'":': 0, '<': 342, '<?xml version=': 0, '>': 340, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6453710', 'n_tokens_mistral': 4620, 'n_tokens_neox': 3671, 'n_words': 968}