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 | ||||