Ady Ngom forthehackofit

## index.haml
- @icons = ["happy", "wink", "devil", "wink2", "unhappy", "sleep", "thumbsup", "surprised", "displeased", "angry", "cry", "shoot"]

%header
  .container
    %h1 Direction-aware hover effect
    %p CSS &amp; bits of JS
.container
  %ul
    - @icons.each do |face|
      %li

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<style id="jsbin-css">
body {
  background: #333;
  width: 90%;

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
	- @icons = ["happy", "wink", "devil", "wink2", "unhappy", "sleep", "thumbsup", "surprised", "displeased", "angry", "cry", "shoot"]

	%header
	.container
	%h1 Direction-aware hover effect
	%p CSS & bits of JS
	.container
	%ul
	- @icons.each do \|face\|
	%li
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	<style id="jsbin-css">
	body {
	background: #333;
	width: 90%;
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console