add sticky behavior for navigation

2 files changed, 2 insertions, 2 deletions

diff --git a/static/app.css b/static/app.css
index 321c2a6..dd1f563 100644
--- a/static/app.css
+++ b/static/app.css
@@ -1,2 +1,2 @@
-.burger-wrap{float:right;height:100%}.burger-wrap:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform 0.5s, top 0.2s}.burger .middle{top:.8em;transition:transform 0.5s ease 0.2s, top 0.2s}.burger .bottom{top:1.6em;transition:all 0.5s ease 0.1s}.BurgerMenu--active .burger .top{top:.8em;transform:rotate(135deg)}.BurgerMenu--active .burger .middle{transform:rotate(-135deg)}.BurgerMenu--active .burger .bottom{top:0.8em;opacity:0;transform:rotate(180deg)}.BurgerMenu--active .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.projects .project{margin-bottom:2em}.projects a{position:relative;display:block}.projects a:hover .project-hover{background:#224afa;color:#fff;opacity:0.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.projects .project-image{display:block;max-width:100%;height:auto}.projects .project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding-top:2.7em;padding-left:2.1em;line-height:1.2}.project-caption .project-title{font-size:2.8em;font-weight:bold}.project-caption .project-type{font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width: 22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}.project-caption .project-title{font-size:3.5em}}@media only screen and (min-width: 27.875em){.project-caption .project-type{font-size:1.6em}}@media only screen and (min-width: 46.3125em){.projects{margin-top:10em}.projects .project{float:left}.projects .short-col{width:32.21238%}.projects .wide-col{width:66.01769%}.projects .project:nth-child(2n){margin-right:1.7699%}.project-caption{padding-top:3.7em;padding-left:3.1em}.project-caption .project-title{font-size:4em}}@media only screen and (min-width: 58.5em){.project-caption .project-title{font-size:4.6em}}
+.burger-wrap{float:right;height:100%}.burger-wrap:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform 0.5s, top 0.2s}.burger .middle{top:.8em;transition:transform 0.5s ease 0.2s, top 0.2s}.burger .bottom{top:1.6em;transition:all 0.5s ease 0.1s}.BurgerMenu--active .burger .top{top:.8em;transform:rotate(135deg)}.BurgerMenu--active .burger .middle{transform:rotate(-135deg)}.BurgerMenu--active .burger .bottom{top:0.8em;opacity:0;transform:rotate(180deg)}.BurgerMenu--active .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.projects .project{margin-bottom:2em}.projects a{position:relative;display:block}.projects a:hover .project-hover{background:#224afa;color:#fff;opacity:0.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.projects .project-image{display:block;max-width:100%;height:auto}.projects .project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding-top:2.7em;padding-left:2.1em;line-height:1.2}.project-caption .project-title{font-size:2.8em;font-weight:bold}.project-caption .project-type{font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}.stickyNavigation .nav-container{position:fixed;z-index:10;width:100%;padding-bottom:2em;-webkit-box-shadow:0 5px 7px 0 rgba(1,1,1,0.1);box-shadow:0 5px 7px 0 rgba(1,1,1,0.1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.3s;animation-duration:0.3s}.stickyNavigation .header{padding-top:9.1em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width: 22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}.project-caption .project-title{font-size:3.5em}}@media only screen and (min-width: 27.875em){.project-caption .project-type{font-size:1.6em}}@media only screen and (min-width: 46.3125em){.projects{margin-top:10em}.projects .project{float:left}.projects .short-col{width:32.21238%}.projects .wide-col{width:66.01769%}.projects .project:nth-child(2n){margin-right:1.7699%}.project-caption{padding-top:3.7em;padding-left:3.1em}.project-caption .project-title{font-size:4em}}@media only screen and (min-width: 58.5em){.project-caption .project-title{font-size:4.6em}}
 
diff --git a/static/app.js b/static/app.js
index cbe16bd..49e9ac5 100644
--- a/static/app.js
+++ b/static/app.js
@@ -1 +1 @@
-!function(){"use strict";var r="undefined"==typeof global?self:global;if("function"!=typeof r.require){var e={},n={},t={},i={}.hasOwnProperty,o=/^\.\.?(\/|$)/,a=function(r,e){for(var n,t=[],i=(o.test(e)?r+"/"+e:e).split("/"),a=0,u=i.length;a<u;a++)n=i[a],".."===n?t.pop():"."!==n&&""!==n&&t.push(n);return t.join("/")},u=function(r){return r.split("/").slice(0,-1).join("/")},c=function(e){return function(n){var t=a(u(e),n);return r.require(t,e)}},l=function(r,e){var t=h&&h.createHot(r),i={id:r,exports:{},hot:t};return n[r]=i,e(i.exports,c(r),i),i.exports},s=function(r){return t[r]?s(t[r]):r},f=function(r,e){return s(a(u(r),e))},p=function(r,t){null==t&&(t="/");var o=s(r);if(i.call(n,o))return n[o].exports;if(i.call(e,o))return l(o,e[o]);throw new Error("Cannot find module '"+r+"' from '"+t+"'")};p.alias=function(r,e){t[e]=r};var d=/\.[^.\/]+$/,v=/\/index(\.[^\/]+)?$/,g=function(r){if(d.test(r)){var e=r.replace(d,"");i.call(t,e)&&t[e].replace(d,"")!==e+"/index"||(t[e]=r)}if(v.test(r)){var n=r.replace(v,"");i.call(t,n)||(t[n]=r)}};p.register=p.define=function(r,t){if(r&&"object"==typeof r)for(var o in r)i.call(r,o)&&p.register(o,r[o]);else e[r]=t,delete n[r],g(r)},p.list=function(){var r=[];for(var n in e)i.call(e,n)&&r.push(n);return r};var h=r._hmr&&new r._hmr(f,p,e,n);p._cache=n,p.hmr=h&&h.wrap,p.brunch=!0,r.require=p}}(),function(){"undefined"==typeof window?this:window;require.register("app.js",function(r,e,n){"use strict";e("modernizr");var t=e("jquery"),i={init:function(){this.initBurgerHandler();var r=t(".project");r.length&&this.initFadeInProjects(r)},initFadeInProjects:function(r){var e=t(window),n=function(){var n=e.scrollTop(),i=n+e.height();return r.each(function(r){var e=t(this);if(e.offset().top<=i)return e.addClass("animated fadeInUp").removeClass("transparent")})};r.addClass("transparent"),e.on("scroll",n),e.trigger("scroll")},initBurgerHandler:function(){var r=t(".nav-container"),e=t(".burger");e.click(function(){r.toggleClass("BurgerMenu--active")})}};n.exports=i}),require.register("___globals___",function(r,e,n){})}(),require("___globals___");
\ No newline at end of file
+!function(){"use strict";var r="undefined"==typeof global?self:global;if("function"!=typeof r.require){var n={},e={},t={},i={}.hasOwnProperty,o=/^\.\.?(\/|$)/,a=function(r,n){for(var e,t=[],i=(o.test(n)?r+"/"+n:n).split("/"),a=0,c=i.length;a<c;a++)e=i[a],".."===e?t.pop():"."!==e&&""!==e&&t.push(e);return t.join("/")},c=function(r){return r.split("/").slice(0,-1).join("/")},u=function(n){return function(e){var t=a(c(n),e);return r.require(t,n)}},s=function(r,n){var t=h&&h.createHot(r),i={id:r,exports:{},hot:t};return e[r]=i,n(i.exports,u(r),i),i.exports},l=function(r){return t[r]?l(t[r]):r},f=function(r,n){return l(a(c(r),n))},v=function(r,t){null==t&&(t="/");var o=l(r);if(i.call(e,o))return e[o].exports;if(i.call(n,o))return s(o,n[o]);throw new Error("Cannot find module '"+r+"' from '"+t+"'")};v.alias=function(r,n){t[n]=r};var p=/\.[^.\/]+$/,d=/\/index(\.[^\/]+)?$/,g=function(r){if(p.test(r)){var n=r.replace(p,"");i.call(t,n)&&t[n].replace(p,"")!==n+"/index"||(t[n]=r)}if(d.test(r)){var e=r.replace(d,"");i.call(t,e)||(t[e]=r)}};v.register=v.define=function(r,t){if(r&&"object"==typeof r)for(var o in r)i.call(r,o)&&v.register(o,r[o]);else n[r]=t,delete e[r],g(r)},v.list=function(){var r=[];for(var e in n)i.call(n,e)&&r.push(e);return r};var h=r._hmr&&new r._hmr(f,v,n,e);v._cache=e,v.hmr=h&&h.wrap,v.brunch=!0,r.require=v}}(),function(){"undefined"==typeof window?this:window;require.register("app.js",function(r,n,e){"use strict";n("modernizr");var t=n("jquery"),i={init:function(){this.initBurgerHandler(),this.stickyNavigationHandler();var r=t(".project");r.length&&this.initFadeInProjects(r)},initFadeInProjects:function(r){var n=t(window),e=function(){var e=n.scrollTop(),i=e+n.height();return r.each(function(r){var n=t(this);if(n.offset().top<=i)return n.addClass("animated fadeInUp").removeClass("transparent")})};r.addClass("transparent"),e(),n.on("scroll",e)},initBurgerHandler:function(){var r=t(".nav-container"),n=t(".burger");n.click(function(){r.toggleClass("BurgerMenu--active")})},stickyNavigationHandler:function(){var r=0,n=t(".main-container"),e=t(".nav-container"),i=t(window),o=function(){var t=i.scrollTop(),o=t&&t<r;n.toggleClass("stickyNavigation",o),t>r&&e.removeClass("BurgerMenu--active"),r=t};i.on("scroll",o)}};e.exports=i}),require.register("___globals___",function(r,n,e){})}(),require("___globals___");
\ No newline at end of file