From 9dcc0adbf45e4422a1a72d58a248dbe5a3fc0154 Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Sat, 14 Jun 2014 21:14:03 -0400
Subject: [PATCH] Modify parallax image speeds and offsets.

Add:
        templates/about.html, static/sass/about.sass
                -Change parallax image offsets and scroll speeds; current
                implementation still isn't scalable to different resolutions
                (it'll work for most, but not all).
---
 static/sass/about.sass | 15 ++++++++-------
 templates/about.html   |  8 ++++----
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/static/sass/about.sass b/static/sass/about.sass
index 1cac36b..1d93dca 100644
--- a/static/sass/about.sass
+++ b/static/sass/about.sass
@@ -18,25 +18,26 @@ div.bg
     &#img-1
         background: url(../img/about/bg1.png) no-repeat
         background-size: cover
-        height: 400px
-        top: -210px
+        height: 600px
+        top: -300px
 
     &#img-2
         background: url(../img/about/bg2.png) no-repeat
-        height: $img-height + 530
-        top: 550px
+        background-size: cover
+        height: $img-height + 300
+        top: 450px
 
     &#img-3
         background: url(../img/about/bg3.png) no-repeat
         background-size: cover
-        height: $img-height + 250
-        top: 1560px
+        height: $img-height + 300
+        top: 1250px
 
     &#img-4
         background: url(../img/about/bg4.png) no-repeat
         background-size: cover
         height: $img-height + 400
-        top: 5280px
+        top: 2500px
 
 div.section
     background-color: white
diff --git a/templates/about.html b/templates/about.html
index 75fd70e..4a8e46c 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -12,10 +12,10 @@
 = endblock
 
 = block after_body
-  <!-- <div id="img-1" class="bg" speed="-1.25"></div> -->
-  <!-- <div id="img-2" class="bg" speed="1.8"></div> -->
-  <!-- <div id="img-3" class="bg" speed="1.6"></div> -->
-  <!-- <div id="img-4" class="bg" speed="3.64"></div> -->
+  <div id="img-1" class="bg" speed="-1.25"></div>
+  <div id="img-2" class="bg" speed="1.4"></div>
+  <div id="img-3" class="bg" speed="1.4"></div>
+  <div id="img-4" class="bg" speed="1.4"></div>
 
   <div id="top" class="section">
     <div class="centered">