adding countdown!!!

1 files changed, 40 insertions, 0 deletions

diff --git a/public/assets/js/lib/views/index/countdown.js b/public/assets/js/lib/views/index/countdown.js
new file mode 100644
index 0000000..f2fd666
--- /dev/null
+++ b/public/assets/js/lib/views/index/countdown.js
@@ -0,0 +1,40 @@
+var Countdown = View.extend({
+  
+  el: ".countdown",
+  countdownTo: new Date(2019, 9, 5, 0, 0, 0),
+  
+  events: {
+  },
+  
+  initialize: function(){
+    this.__super__.initialize.call(this)
+    this.update()
+  },
+
+  update() {
+    var now = (this.countdownTo - new Date()) / 1000
+    if (now < 0) {
+      if (now > -86400) {
+        this.$el.html("<b><i><big>today's the day!</big></i></b>")
+      } else {
+        this.$el.html("<b><i><big>bucky says congrats!!!!</big></i></b>")
+      }
+      return
+    }
+    var seconds = Math.floor(now % 60)
+    now /= 60
+    var minutes = Math.floor(now % 60)
+    now /= 60
+    var hours = Math.floor(now % 24)
+    now /= 24
+    var days = Math.floor(now)
+    var date_string = [
+      "<big><b>", days, 'days</big></b>',
+      hours, 'hours,',
+      minutes, 'minutes,',
+      seconds, 'seconds',
+    ].join(' ')
+    this.$el.html( date_string + "<br><i style='display: block;margin-top: 4px;'>until the big day!</i>")
+    setTimeout(this.update.bind(this), 1000)
+  },
+})
\ No newline at end of file