index.html

<!-- Load Client-Side Compiler Dependencies -->
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//rawgithub.com/visionmedia/jade/master/jade.js"></script>
<script src="//learnboost.github.io/stylus/try/stylus.min.js"></script>
<script src="//coffeescript.org/extras/coffee-script.js"></script>

<!-- Process the Template and Stylesheet -->
<script type="text/coffeescript">

jQuery.ajaxSetup async: false

$.get "tournament/index.jade", (template) ->
  template = jade.compile(template, pretty: true)
  contents = document.open("text/html", "replace")
  contents.write template()
  contents.close()

$.get "tournament/index.styl", (styl) ->
  stylus.render styl, (err, css) ->
    styl = document.createElement("style")
    styl.innerHTML = css # Compiled Stylus
    document.body.appendChild(styl)

</script>