var HomeView = View.extend({

  el: "#home",

  // template: liquid($('#tmpl-home').html()),

  events: {
  },

  initialize: function(options){
    options = options || {}
    var data = this.data = options.data
  },
  
  render: function(){
    if (this.rendered) return
    this.rendered = true
  },

  show: function(){
    document.body.className = "home"
    this.render(this.data)
    environment.load({
      module: 'welcome',
    })
    corner.animate({
      to: 'zeroes',
      tween: 'gradient_diagonal',
      delay: 1000,
      duration: 200,
    }).then({
      to: corner.ascii.snake,
      tween: 'ascii',
      duration: 600,
    }).then({
      from: corner.ascii.snake,
      to: 'zeroes',
      tween: 'ascii_from',
    }).then({
      to: corner.ascii.snake,
      tween: 'ascii',
      duration: 600,
    }).then({
      from: corner.ascii.snake,
      to: 'zeroes',
      tween: 'ascii_from',
    }).then({
      to: corner.ascii.letter_v,
      tween: 'ascii',
    })
  },

  hide: function(){
  },
  
  corner: function(){
  },

})