diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/js/app.js | 24 | ||||
| -rw-r--r-- | public/assets/ok.css | 13 | ||||
| -rw-r--r-- | public/assets/tomato20dancing.gif | bin | 0 -> 36620 bytes |
3 files changed, 34 insertions, 3 deletions
diff --git a/public/assets/js/app.js b/public/assets/js/app.js index fb01ff1..a58854c 100644 --- a/public/assets/js/app.js +++ b/public/assets/js/app.js @@ -1,4 +1,3 @@ - var app = (function() { var app = {} @@ -41,6 +40,10 @@ var app = (function() { app.init() + +$(".cell").css({ 'height': ($(".top").height() + 'px') }); + + $('.top').flickity({ cellAlign: 'left', contain: true, @@ -61,3 +64,22 @@ $('.index').click( function(){ $('.item').click( function(){ $('body').removeClass('navopen'); }); + + +var delay = (function() { + var timer = 0; + return function(callback, ms) { + clearTimeout(timer); + timer = setTimeout(callback, ms); + }; +})(); + +$(window).resize(function() { + $(".cell").css({ 'display': 'none' }); + $('body').addClass('resizing'); + delay(function() { + $(".cell").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' }); + $('.top').flickity('resize'); + $('body').removeClass('resizing'); + }, 400); +});
\ No newline at end of file diff --git a/public/assets/ok.css b/public/assets/ok.css index e4193b8..4696d95 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -116,8 +116,14 @@ nav span { #burger { width: 10px; + vertical-align: top +} +.index:after { + content:"INDEX"; +} +.navopen .index:after { + content:"CLOSE"; } - .index:hover, .navopen .index { color: white; @@ -228,7 +234,6 @@ button.previous:active svg { .cell { width: 100vw; - height: 70vh; /*THIS SHOULD BE DYNAMIC*/ background-position: center; background-size: cover; @@ -240,6 +245,10 @@ button.previous:active svg { background-color: #eee; } +.resizing .top { + background: url(tomato20dancing.gif)center; +} + .bottom { /*height: 20vh;*/ flex: 0 auto; diff --git a/public/assets/tomato20dancing.gif b/public/assets/tomato20dancing.gif Binary files differnew file mode 100644 index 0000000..0416665 --- /dev/null +++ b/public/assets/tomato20dancing.gif |
