Merge branch 'master' of ghghgh.us:luckyplop

2 files changed, 33 insertions, 9 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index b5cc410..4fee1b3 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -177,3 +177,14 @@ marquee {
 
 #luckyimage { background-size: contain; pointer-events: none; position: absolute; }
 #mobile_nav { display: block; position: absolute; }
+
+.panke #image,
+.panke #droparea,
+.panke #mobile_nav,
+.panke #spinner {
+  display: none;
+}
+body.panke {
+  background-repeat: no-repeat;
+  background-color: black;
+}
\ No newline at end of file
diff --git a/public/assets/js/nav.js b/public/assets/js/nav.js
index a53f6fb..ecbfe6d 100644
--- a/public/assets/js/nav.js
+++ b/public/assets/js/nav.js
@@ -30,14 +30,12 @@ var NavView = View.extend({
         return this.fetch(id)
       }
     }
+    if (window.location.pathname.indexOf("/panke/") !== -1) {
+      document.body.classList.add("panke")
+      setInterval(() => { this.fetchAscii() }, 5000)
+      return this.fetchAscii()
+    }
     return this.latest()
-
-    $(".prev").on("touchstart", function(){
-      console.log("<<<<<PREV")
-    })
-    $(".prev").on("click", function(){
-      console.log("<<<<<CLICKPREV")
-    })
   },
 
   keydown: function(e){
@@ -84,15 +82,30 @@ var NavView = View.extend({
   fetch: function(id){
     this.fetching = true
     this.onLatest = false
-console.log('fetch', id)
+    console.log('fetch', id)
     $.get("/p/get/" + id, function(data){
-console.log(data)
+      console.log(data)
       this.fetching = false
       this.display(data)
       history.pushState(data, document.title, "/p/" + data.id)
     }.bind(this))
   },
 
+  fetchAscii: function(){
+    this.fetching = true
+    this.onLatest = false
+    console.log('fetch ascii')
+    $.get("/p/get/randomascii", function(data){
+      console.log(data)
+      var asciiData = {
+        url: "https://s3.amazonaws.com/i.asdf.us/im/" + data.dir + "/" + data.newfile
+      }
+      this.fetching = false
+      this.display(data)
+      // history.pushState(data, document.title, "/p/" + data.id)
+    }.bind(this))
+  },
+
   display: function(data){
     if (! data || ! data.id) {
       this.onLatest = true