examples/browser/creme/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Client-side CoffeeCup (Crème)</title>

    <!-- jQuery is NOT required, used here for convenience -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
    <script src="../../../lib/coffeecup.js"></script>

    <script type="text/coffeescript">
      stooges = ['moe', 'larry', 'curly']
      
      $().ready ->
        stringy = """
          h2 'Template as string'

          ul ->
            for guy in @stooges
              li guy
        """

        codey = ->
          h2 'Template as a function'

          ul ->
            for guy in @stooges
              li guy

        $('body').append coffeecup.render(stringy, stooges: stooges)
        $('body').append coffeecup.render(codey, stooges: stooges)
    </script>
  </head>
  <body>
    <h1>Client-side CoffeeCup (crème)</h1>
    <p>Doing everything on the client. Lots of flexibility but a fatty download.</p>
  </body>
</html>