index.pug

extends ../src/_base

append head
  :inject(file='bootstrap.css')
  :inject(file='github.svg' css)
  :inject(ext="styl")
    .github-svg
      /* note: you need to specify both if you're using the CSS class */
      background-size: contain
      background-repeat: no-repeat
      width: 30px
      height: 30px
    .raw-svg > svg
      /* styling the <svg> only needs one of either height or width to
      maintain aspect ratio */
      width: 60px
  title Example index.html

append body
  h1 Hello!

  h4 Here is an svg from inlined css
  .github-svg

  h4.
    Here is an svg straight-up, twice as large as above but only in
    one dimension

  .raw-svg
    :inject(file='github.svg')

  div
    a(href="hyper.html") Hyperapp demo

  h4 Here is a demo of a random unstyled chunk of HTML
  include:inject github-fragment.html

  include:inject main.coffee

  :inject(file='jquery.js')

  :inject(ext="coffee")
    $(document).ready -> console.log "this is coffeescript!"