---
jon: <%= person.name %>
---
<p>Note that templates \{{one}}, \{{two}} and \{{three}} get their data from "test/fixtures/data.yml".
When a data file is created with the name "data", it gives you access to the root of the context.</p>

<div class="page-header">
  <h4>{{one}}</h4>
  <h4>{{two}}</h4>
  <h4>{{three}}</h4>
</div>

<div class="examples">
  <h4>person.yml</h4>
  <div>{{person.name}}</div>
</div>

<div class="examples">
  <h4>person.yml - YFM</h4>
  <div>jon: {{jon}}</div>
  <div>page.jon: {{page.jon}}</div>
  <div>underscore.jon: {{underscore.jon}}</div>
  <div>data.jon: {{data.jon}}</div>
  <div>underscore.data.jon: {{underscore.data.jon}}</div>
</div>

<div class="examples">
  <h4>contact.yml</h4>
  <div>{{contact.phone}}</div>
</div>

<div class="examples">
  <h4>animal.json</h4>
  <div>{{animal.type}}</div>
  <p>{{animal.description}}</p>
</div>

<div class="examples">
  <h4>example.json</h4>
  <div>{{example.content}}</div>
</div>

<div class="examples">
  <h4>example.yml</h4>
  <div>{{example.info}}</div>
</div>