diff --git a/README.md b/README.md
index cfcbc98bfd..d379648ea1 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,11 @@
-New landing page for HabitRPG (Feb 2014)
+New landing page for HabitRPG
 ======================
+## (February 2014)
 
-# Scrolling animations
+
+## Scrolling animations
 I’ve included a wireframe that shows the interactions I’m looking for. There are also comments in the HTML file.
 
-Thinking of using [ScrollMagic](http://janpaepke.github.io/ScrollMagic/) but if there’s anything anyone else knows and can implement quickly, I’m all ears!
\ No newline at end of file
+Thinking of using [ScrollMagic](http://janpaepke.github.io/ScrollMagic/) but if there’s anything anyone else knows and can implement quickly, I’m all ears!
+
+@lefnire suggests [Skrollr](https://github.com/Prinzhorn/skrollr), so that’s another option!
\ No newline at end of file
diff --git a/home.html b/home.html
index 623b220ec5..4c78aa5d86 100644
--- a/home.html
+++ b/home.html
@@ -77,7 +77,7 @@
 		<div class="page-header">
 			<h1>Turn your to-do list into a game</h1>
 		</div>
-		<img class="text-center" src="http://placehold.it/800x300" /><!--insert intro images-->
+		<img class="text-center" src="images/intro.jpg" /><!--insert intro images-->
 		<div class="introcall">
 			<h3>Join 150,000 players making it fun to get things done!
 			<small><button class="btn btn-primary gamifybutton">Gamify your life, for free</button></small>
@@ -96,7 +96,7 @@
 		<h3>Join us on a mini-quest!</h3><h4><span class="glyphicon glyphicon-chevron-down"></span></h4>
 
 		<!--Avatar fades in from behind, is affixed to travel at the center of the page all the way down until it hits the footer call-to-action-->
-		<img id="myAvatar" data-spy="affix" data-offset-top="400" data-offset-bottom="200" src="http://placehold.it/150x150" />
+		<img id="myAvatar" data-spy="affix" data-offset-top="380" data-offset-bottom="400" src="http://placehold.it/150x150" />
 		
 	</section>
 
@@ -539,14 +539,6 @@ $(document).ready( function() {
 	});
 });
 </script>
-<script type="text/javascript">
-$('#myAvatar').affix({
-  offset: {
-    top: 400,
-    bottom: function () {
-      return (this.bottom = $('.footer').outerHeight(true))
-    }
-  }
-})</script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/images/VICE_by_Baconsaur.png b/images/VICE_by_Baconsaur.png
index afc5020526..bc53415d18 100644
Binary files a/images/VICE_by_Baconsaur.png and b/images/VICE_by_Baconsaur.png differ
diff --git a/images/avatar/Warrior.png b/images/avatar/Warrior.png
index 1fad382b81..4428e4a571 100644
Binary files a/images/avatar/Warrior.png and b/images/avatar/Warrior.png differ
diff --git a/images/avatar/hair_bangs_1_brown.png b/images/avatar/hair_bangs_1_brown.png
index 58efdce3bf..2f1c964f44 100644
Binary files a/images/avatar/hair_bangs_1_brown.png and b/images/avatar/hair_bangs_1_brown.png differ
diff --git a/images/avatar/head_warrior_3.png b/images/avatar/head_warrior_3.png
index 733066b89c..ba446c239e 100644
Binary files a/images/avatar/head_warrior_3.png and b/images/avatar/head_warrior_3.png differ
diff --git a/images/avatar/head_warrior_5.png b/images/avatar/head_warrior_5.png
index 8ba0f0fbec..fab67bb74d 100644
Binary files a/images/avatar/head_warrior_5.png and b/images/avatar/head_warrior_5.png differ
diff --git a/images/avatar/shield_warrior_3.png b/images/avatar/shield_warrior_3.png
index efe915ba64..fb89e66b02 100644
Binary files a/images/avatar/shield_warrior_3.png and b/images/avatar/shield_warrior_3.png differ
diff --git a/images/avatar/shield_warrior_5.png b/images/avatar/shield_warrior_5.png
index 07cce0d4b4..72bb8ba040 100644
Binary files a/images/avatar/shield_warrior_5.png and b/images/avatar/shield_warrior_5.png differ
diff --git a/images/avatar/skin_f5a76e.png b/images/avatar/skin_f5a76e.png
index 35d2f7f08e..670a4d68ca 100644
Binary files a/images/avatar/skin_f5a76e.png and b/images/avatar/skin_f5a76e.png differ
diff --git a/images/avatar/slim_armor_warrior_3.png b/images/avatar/slim_armor_warrior_3.png
index f71a824553..37fa0ca8df 100644
Binary files a/images/avatar/slim_armor_warrior_3.png and b/images/avatar/slim_armor_warrior_3.png differ
diff --git a/images/avatar/slim_armor_warrior_5.png b/images/avatar/slim_armor_warrior_5.png
index 792507f5a4..464b22bbef 100644
Binary files a/images/avatar/slim_armor_warrior_5.png and b/images/avatar/slim_armor_warrior_5.png differ
diff --git a/images/avatar/slim_shirt_black.png b/images/avatar/slim_shirt_black.png
index 5bb3e35d3a..3136ea2526 100644
Binary files a/images/avatar/slim_shirt_black.png and b/images/avatar/slim_shirt_black.png differ
diff --git a/images/avatar/weapon_healer_6.png b/images/avatar/weapon_healer_6.png
new file mode 100644
index 0000000000..c58cba7660
Binary files /dev/null and b/images/avatar/weapon_healer_6.png differ
diff --git a/images/avatar/weapon_warrior_3.png b/images/avatar/weapon_warrior_3.png
index 0be99e87d3..3f309980ac 100644
Binary files a/images/avatar/weapon_warrior_3.png and b/images/avatar/weapon_warrior_3.png differ
diff --git a/images/avatar/weapon_warrior_5.png b/images/avatar/weapon_warrior_5.png
index fe9ca0eccd..efe0633ccc 100644
Binary files a/images/avatar/weapon_warrior_5.png and b/images/avatar/weapon_warrior_5.png differ
diff --git a/images/explosion.jpg b/images/explosion.jpg
new file mode 100644
index 0000000000..ca42ec94f1
Binary files /dev/null and b/images/explosion.jpg differ
diff --git a/images/explosion.png b/images/explosion.png
new file mode 100644
index 0000000000..c5e23b1f8c
Binary files /dev/null and b/images/explosion.png differ
diff --git a/images/intro.jpg b/images/intro.jpg
new file mode 100644
index 0000000000..209bd92770
Binary files /dev/null and b/images/intro.jpg differ
diff --git a/images/intro.psd b/images/intro.psd
new file mode 100644
index 0000000000..d5bcba33be
Binary files /dev/null and b/images/intro.psd differ
diff --git a/style.css b/style.css
index ed6f12c118..b2515562ba 100644
--- a/style.css
+++ b/style.css
@@ -43,16 +43,34 @@ h1, h2, h3, h4, p.sectioninfo {
   max-width:400px;
 }
 
-img#myAvatar.affix-top {
+img#myAvatar {
   margin-left:50%;
   left:-75px;
 }
 
+img#myAvatar.affix-top {
+  position: absolute;
+  top: 750px;
+}
+
+img#myAvatar.affix-bottom {
+  position:absolute;
+  bottom:500px;
+}
+
+img#myAvatar.affix {
+  top: 400px;
+}
+
 button.gamifybutton {
   margin: 20px;
   width:20%;
 }
 
+#rewards {
+  margin-top:200px;
+}
+
 .tweet.popover {
   position:relative;
   display:block;