Ist heute Maschinendeck Treffen? // source http://jsbin.com/coheve

<!DOCTYPE html>
<html>
<head>
  <title>Ist heute Maschinendeck Treffen?</title>
  <style>
    body {
      text-align: center;
      font-family: Helvetica;
    }
    #state {
      font-size: 25px;
    }
  </style>
<style id="jsbin-css">
ul, li {
  display: block;
  position: relative;
  padding: 1em;
}

.done {
  color: #ccc;
  text-decoration: line-through;
}
</style>
</head>
<body>
  <h1>Ist heute Maschinendeck Treffen?</h1>
  <div id="state"></div>
  <script>
    document.querySelector('#state').innerHTML = ((new Date()).getDay() === 3) ? "Ja" : "Nein";
  </script>
<script id="jsbin-javascript">
(function () {

var TODOModel = Promenade.Model.extend({
    type: 'todo',
    defaults: {
      done: false,
      description: ''
    }
  });

var TODOCollection = Promenade.Collection.extend({
    model: TODOModel
  });

var TODOApplication =   Promenade.Application.extend({
    models: [
      TODOCollection
    ],
    controllers: [
      TODOController
    ],
    view: Promenade.View.extend({
      el: document.body,
      layout: {
        'content': ''
      }
    })
  });

window.app = new TODOApplication();
  
  app.initializes.then(function () {
    Backbone.history.start();
    
    console.log('Done!');
  });

})();
</script>

.done {
  color: #ccc;
  text-decoration: line-through;
}</script>

var TODOModel = Promenade.Model.extend({
    type: 'todo',
    defaults: {
      done: false,
      description: ''
    }
  });

var TODOCollection = Promenade.Collection.extend({
    model: TODOModel
  });

window.app = new TODOApplication();
  
  app.initializes.then(function () {
    Backbone.history.start();
    
    console.log('Done!');
  });

})();</script></body>
</html>