grasp.html

gistfile1.html

  <div data-grasp-template='main' class='container'>

    <div class='header'>
      <h1 class='title'> Welcome to #{title}, on #{date}! </h1>
      <h3 class='sub-title'> #{subtitle} </h3>
      <span> #{time} </span>
    </div>

    <div class='post-container'>
      <div class='post' data-repeat='post in posts'>
        <h4 class='post-title'> #{post.title} </h4>
        <p class='post-content'> #{post.content} </p>
        <span> #{time} </span>
      </div>
    </div>

  </div>

<script>
/* Create the template */
var template = grasp.template('main');

/* Bind the data */
template.bind({
  title: 'My Test Website'
  subtitle: 'This is for some tests.',
  time: Date.now(),
  date: new Date();
  posts: [
    {title: 'My first post', content: 'This is where the content goes'},
    {title: 'My second post', content: 'This is also where the content goes'}
  ]
})
</script>