Add: static/js/about.js, static/sass/(index, about).sass -Minor cleanup before merge into `develop`: remove a superfluous style rule, update header comments.tags/v1.0^2
@@ -1,6 +1,10 @@ | |||||
/* | |||||
* @file Implements a parallax effect on the about page. | |||||
*/ | |||||
var lastVertPos = $(window).scrollTop(); | var lastVertPos = $(window).scrollTop(); | ||||
function parallax(){ | |||||
$(window).scroll(function(e){ | |||||
var currVertPos = $(window).scrollTop(); | var currVertPos = $(window).scrollTop(); | ||||
var delta = currVertPos - lastVertPos; | var delta = currVertPos - lastVertPos; | ||||
$(".bg").each(function(){ | $(".bg").each(function(){ | ||||
@@ -8,8 +12,4 @@ function parallax(){ | |||||
delta * $(this).attr("speed") + "px"); | delta * $(this).attr("speed") + "px"); | ||||
}); | }); | ||||
lastVertPos = currVertPos; | lastVertPos = currVertPos; | ||||
} | |||||
$(window).scroll(function(e){ | |||||
parallax(); | |||||
}); | }); |
@@ -1,7 +1,11 @@ | |||||
/* | |||||
Stylesheet for `templates/about.html` | |||||
*/ | |||||
@import mixins | @import mixins | ||||
@import variables | @import variables | ||||
.bg | |||||
div.bg | |||||
$img-height: 650px | $img-height: 650px | ||||
position: fixed | position: fixed | ||||
@@ -17,7 +21,6 @@ | |||||
&#img-2 | &#img-2 | ||||
background: url(../img/about/bg2.png) no-repeat | background: url(../img/about/bg2.png) no-repeat | ||||
width: 100% | |||||
height: $img-height + 530 | height: $img-height + 530 | ||||
top: 550px | top: 550px | ||||
@@ -1,5 +1,5 @@ | |||||
/* | /* | ||||
Stylesheet for `index.html`. | |||||
Stylesheet for `templates/index.html`. | |||||
*/ | */ | ||||
@import mixins | @import mixins | ||||