kazupon/base.jade

## base.jade
!!! 5
html
  head
    h1 My Site
    block scripts
      script(src="/jquery.js")
  body
    block header
      header
        p some header content
    block content
    block footer
      footer
        p some footer content

## extend-append.html
<!DOCTYPE html>
<html>
  <head>
    <h1>My Site
    </h1>
    <script src="/jquery.js"></script>
    <script src="/underscore.js"></script>
  </head>
  <body>
    <header>
      <p>some header content
      </p>
    </header>
    <footer>
      <p>some footer content
      </p>
    </footer>
  </body>
</html>

## extend-append.jade
extends ./base

block append scripts
  script(src="/underscore.js")


## extend-both.html
<!DOCTYPE html>
<html>
  <head>
    <h1>My Site
    </h1>
    <script src="/hoge.js"></script>
    <script src="/underscore.js"></script>
    <script src="/jquery.js"></script>
  </head>
  <body>
    <header>
      <p>some header content
      </p>
    </header>
    <footer>
      <p>some footer content
      </p>
    </footer>
  </body>
</html>

## extend-both.jade
extends ./base

block append scripts
  script(src="/underscore.js")

block prepend scripts
  script(src="/hoge.js")


## extend-prepend.html
<!DOCTYPE html>
<html>
  <head>
    <h1>My Site
    </h1>
    <script src="underscore.js"></script>
    <script src="/jquery.js"></script>
  </head>
  <body>
    <header>
      <p>some header content
      </p>
    </header>
    <footer>
      <p>some footer content
      </p>
    </footer>
  </body>
</html>

## extend-prepend.jade
extends ./base

block prepend scripts
  script(src="underscore.js")


## extend.html
<!DOCTYPE html>
<html>
  <head>
    <h1>My Site
    </h1>
    <script src="/underscore.js"></script>
  </head>
  <body>
    <header>
      <p>some header content
      </p>
    </header>
    <h1>title
    </h1>
    <p>hello world
    </p>
    <footer>
      <p>some footer content
      </p>
    </footer>
  </body>
</html>

## extend.jade
extends ./base

block scripts
  script(src="/underscore.js")

block content
  h1 title
  p hello world
	!!! 5
	html
	head
	h1 My Site
	block scripts
	script(src="/jquery.js")
	body
	block header
	header
	p some header content
	block content
	block footer
	footer
	p some footer content
	<!DOCTYPE html>
	<html>
	<head>
	<h1>My Site
	</h1>
	<script src="/jquery.js"></script>
	<script src="/underscore.js"></script>
	</head>
	<body>
	<header>
	<p>some header content
	</p>
	</header>
	<footer>
	<p>some footer content
	</p>
	</footer>
	</body>
	</html>
	extends ./base

	block append scripts
	script(src="/underscore.js")
	extends ./base

	block prepend scripts
	script(src="underscore.js")