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

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