Add head guy

Author: lyzidiamond

index.html

@@ -127,6 +127,12 @@
     background-repeat: no-repeat;
     background-color: #fff;
   }
+  .head-guy {
+    background-image: url(http://i.kinja-img.com/gawker-media/image/upload/s--AVyIdHuS--/19c8a2694lgeejpg.jpg);
+    background-position: center 25px;
+    background-repeat: no-repeat;
+    background-color: #fff;
+  }
 
 </style>
 <script src='big.js'></script>
@@ -221,6 +227,7 @@
 <div>Position.</div>
 <div>Direction.</div>
 <div data-bodyclass="na-projections"></div>
+<div data-bodyclass="head-guy"></div>
 <div>Let's start with something <em>familiar</em>.</div>
 <div data-bodyclass="mercator">Hi, Mercator!</div>
 <div>The <a href="http://en.wikipedia.org/wiki/Mercator_projection">Mercator projection</a> was defined by cartographer <strong>Gerardus Mercator</strong> in <em>1569</em>.</div>