Skip to content

Instantly share code, notes, and snippets.

@mendelk

mendelk/Index

Last active December 18, 2015 00:39
Show Gist options
  • Save mendelk/5698510 to your computer and use it in GitHub Desktop.
Save mendelk/5698510 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Index
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta charset="UTF-8" />
<meta name="viewport" content ="width=device-width, minimum-scale=1.0, initial-scale=1.0">
<title>The Flatiron School</title>
<link rel='stylesheet' href="css/style.css" type='text/css' media='all' />
<!-- <link rel='stylesheet' href="css/style-dark.css" type='text/css' media='all' /> -->
<link rel='stylesheet' href="css/media-queries.css" type='text/css' media='all' />
<link rel='stylesheet' href="css/flexslider.css" type='text/css' media='screen' />
<link rel='stylesheet' href="css/font-awesome.css" type='text/css' media='screen' />
<link rel='stylesheet' id='google_merriweather-css' href='http://fonts.googleapis.com/css?family=Merriweather:400,700&ver=3.5' type='text/css' media='all' />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<script type='text/javascript' src="js/comment-reply.min.js"></script>
<script type='text/javascript' src="js/jquery.js"></script>
<script type='text/javascript' src="js/chirp.min.js"></script>
<style type="text/css">a{color:#60BDDB}</style>
</head>
<body class="home page students">
<!-- Begin Main Wrapper -->
<div class="main-wrapper">
<!-- Begin Header -->
<div class="header-wrapper">
<div class="header">
<div class="header-left">
<h1 class="logo-text">
<a href="/" title="The Flatiron School">
<img src="img/the-flatiron-school-logo-sm-black.png" class="logo">
</a>
</h1>
</div>
<div class="header-right">
<div class="menu-header-container">
<ul id="nav" class="nav">
<li class="menu-item">
<a href="http://flatironschool.com/index.html">Home</a>
</li>
<li>
<a href="program.html">The Program</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/program.html">Basics</a></li>
<li><a href="http://flatironschool.com/curriculum.html">Curriculum</a></li>
<li><a href="http://flatironschool.com/faculty.html">Faculty</a></li>
<li><a href="http://flatironschool.com/speakers.html">Guest Speakers</a></li>
<li><a href="http://flatironschool.com/faq.html">FAQ</a></li>
<li><a href="http://prework.flatironschool.com">Our Prework</a></li>
</ul>
</li>
<li>
<a href="#">The School</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/events.html">Events</a></li>
<li><a href="http://flatironschool.com/contact.html">Contact</a></li>
<li><a href="http://students.flatironschool.com/">Students</a></li>
</ul>
</li>
<li><a href="http://info.flatironschool.com/summer-2013-application"><font color="#26c4ff">Apply</font></a>
</li>
<li>
<a href="http://flatironschool.com/employers.html">Employers</a>
</li>
<li>
<a href="http://blog.flatironschool.com/">Blog</a>
</li>
<li><a href="http://highschool.flatironschool.com/" target="_blank">High School</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Header -->
<!-- Begin Content -->
<div class="container">
<!-- Begin Title Content -->
<div class="page-title">
<h2>Every Story Has Heroes</h2>
<h3>We're 32 people on a journey to learn to love code.</h3>
</div>
<!-- End Title Content -->
<!-- Begin Student Index -->
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div class="section section-services student-index">
<div class="section-title">
<span>Flatiron School Class 002</span>
</div>
</div>
<div class="section section-blog">
<div class="home-blog clearfix">
<ul>
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Jack Altman</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Alex Au</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Steven Brooks</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Jennifer Campbell</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Alisa Chang</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Joshua Collins</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Micah Corn</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Kristen Curtis</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Thomas Deatherage</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Sarah Duve</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Jennifer Eisenberg</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Daniel Friedman</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Joseph Giralt Name</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Chris Gonzales</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Katie Ishibashi</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Maxwell Jacobson</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Mendel Kramer</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Chris Lake</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Carlos Lazo</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">George Lin</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">David Manaster</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Kirin Masood</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Ruthie Nachmany</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Samantha Radocchia</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Desmond Rawls</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">David Rodriguez</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Matthew Schmaus</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 3 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Sagar Shah</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Jordan Trevino</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Anisha Vasandani</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
<!-- Begin 2 Student Row -->
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Adam Waxman</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<li class="home-blog-post">
<img src="img/kitten.jpeg" class="attachment-blog-thumb wp-post-image" alt="">
<div class="blog-title">
<div class="big-comment"><h3><a href="#">Ning Yap</a></h3></div>
<p class="home-blog-post-meta">Hysterical Tag Line</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.</p>
</div>
<div class="clear"></div>
</li>
<!-- End 3 Student Row -->
</ul>
</div>
</div>
</div>
<!-- End Student Index -->
</div>
<div class="clear"></div>
<!-- End Content -->
</div>
<!-- End Main Wrapper -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-text">
<div class="footer-text-right">
<div class="copyright">&copy; 2013. The Flatiron School. All Your Rights Are Belong To Us.</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Footer -->
<script type='text/javascript'>var custom_js_vars={"flexslider_auto":"enabled"};</script>
<script type='text/javascript' src="js/custom.js"></script>
<script type='text/javascript' src="js/jquery.flexslider.js"></script>
<script type='text/javascript' src="js/jquery.tabs.min.js"></script>
<script type='text/javascript' src="js/jquery.fitvids.js"></script>
<script type='text/javascript' src="js/jquery.mobilemenu.js"></script>
<script type="text/javascript">
// On window load. This waits until images have loaded which is essential
jQuery(window).load(function(){
return false;
// Fade in images so there isn't a color "pop" document load and then on window load
jQuery(".blog-thumb img").fadeIn(500);
// clone image
jQuery('.blog-thumb img').each(function(){
var el = jQuery(this);
el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){
var el = jQuery(this);
el.parent().css({"width":this.width,"height":this.height});
el.dequeue();
});
this.src = grayscale(this.src);
});
// Fade image
jQuery('.blog-thumb img').mouseover(function(){
jQuery(this).parent().find('img:first').stop().animate({opacity:1}, 1000);
})
jQuery('.img_grayscale').mouseout(function(){
jQuery(this).stop().animate({opacity:0}, 1000);
});
});
// Grayscale w canvas method
function grayscale(src){
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var imgObj = new Image();
imgObj.src = src;
canvas.width = imgObj.width;
canvas.height = imgObj.height;
ctx.drawImage(imgObj, 0, 0);
var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
for(var y = 0; y < imgPixels.height; y++){
for(var x = 0; x < imgPixels.width; x++){
var i = (y * 4) * imgPixels.width + x * 4;
var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
imgPixels.data[i] = avg;
imgPixels.data[i + 1] = avg;
imgPixels.data[i + 2] = avg;
}
}
ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas.toDataURL();
}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33578770-1']);
_gaq.push(['_setDomainName', 'flatironschool.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Start of Async HubSpot Analytics Code -->
<script type="text/javascript">
(function(d,s,i,r) {
if (d.getElementById(i)){return;}
var n=d.createElement(s),e=d.getElementsByTagName(s)[0];
n.id=i;n.src='//js.hubspot.com/analytics/'+(Math.ceil(new Date()/r)*r)+'/69751.js';
e.parentNode.insertBefore(n, e);
})(document,"script","hs-analytics",300000);
</script>
<!-- End of Async HubSpot Analytics Code -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment