summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/assets/js/app.js24
-rw-r--r--public/assets/ok.css13
-rw-r--r--public/assets/tomato20dancing.gifbin0 -> 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
new file mode 100644
index 0000000..0416665
--- /dev/null
+++ b/public/assets/tomato20dancing.gif
Binary files differ