From 241c3bfe8e52db09d412fd40379121aa0f618917 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 16:59:10 -0400
Subject: testing up and down animations

---
 public/assets/ok.css | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

(limited to 'public/assets/ok.css')

diff --git a/public/assets/ok.css b/public/assets/ok.css
index f762d89..391a16a 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -48,6 +48,7 @@ body {
   position: absolute;
   top: 0;
   left: 0;
+  background:white;
 }
 
 h1 {
@@ -368,22 +369,21 @@ nav b {
 .bottom {
   float: none;
 }
-.bottom * {
+.bottom *, .top {
     transform:translateY(0px);
     transition:150ms transform, 150ms opacity;
     transition-timing-function: cubic-bezier(0, 0, 0, 1);
     opacity:1;
 }
 
-.showing .bottom > * {
-    transform:translateY(20px);
-
+.up .showing .bottom > *, .down .showing .top {
+    transform:translateY(40px);
+    opacity:0;
 }
 
-.hiding .bottom > * {
-    transform:translateY(-20px);
+.down .showing .bottom > *, .up .showing .top  {
+    transform:translateY(-40px);
     opacity:0;
-
 }
 
 /* Flickity */
@@ -563,9 +563,7 @@ ul li {
 }
 
 @media (min-width: 1300px) {
-    .bottom {
-        padding: 7px 0 8px 0;
-    }
+
     .texts {
         font-size: 13px;
         line-height: 16px;
-- 
cgit v1.2.3-70-g09d2


From 5bbafb5aba5dacc63323717036a97eeadb9ecfa6 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 17:20:22 -0400
Subject: item

---
 public/assets/js/lib/ProjectView.js |  4 ++--
 public/assets/ok.css                | 18 +++++++-----------
 2 files changed, 9 insertions(+), 13 deletions(-)

(limited to 'public/assets/ok.css')

diff --git a/public/assets/js/lib/ProjectView.js b/public/assets/js/lib/ProjectView.js
index 1528f10..52ff128 100644
--- a/public/assets/js/lib/ProjectView.js
+++ b/public/assets/js/lib/ProjectView.js
@@ -12,8 +12,8 @@ var ProjectView = View.extend({
     this.project_id = this.$el.data("id")
     this.page_number = opt.page_number
     console.log("INIT", this.project_id)
-    $("<div>").addClass("page-up").insertBefore( this.$(".flickity-viewport") )
-    $("<div>").addClass("page-down").insertAfter( this.$(".flickity-viewport") )
+    $("<item>").addClass("page-up").insertBefore( this.$(".flickity-viewport") )
+    $("<item>").addClass("page-down").insertAfter( this.$(".flickity-viewport") )
   },
   
   show: function(){
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 391a16a..95f5f95 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -48,7 +48,6 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  background:white;
 }
 
 h1 {
@@ -369,21 +368,18 @@ nav b {
 .bottom {
   float: none;
 }
-.bottom *, .top {
-    transform:translateY(0px);
-    transition:150ms transform, 150ms opacity;
-    transition-timing-function: cubic-bezier(0, 0, 0, 1);
-    opacity:1;
-}
 
-.up .showing .bottom > *, .down .showing .top {
-    transform:translateY(40px);
+
+.up .showing.item {
+    transform:translateY(-10px);
     opacity:0;
+    background:white;
 }
 
-.down .showing .bottom > *, .up .showing .top  {
-    transform:translateY(-40px);
+.down .showing.item  {
+    transform:translateY(10px);
     opacity:0;
+    background:white;
 }
 
 /* Flickity */
-- 
cgit v1.2.3-70-g09d2