---
pagination:
  data: collections.posts
  size: 5
  alias: list
  reverse: true
permalink: '<% if (pagination.pageNumber > 0) { %><%= `page${pagination.pageNumber + 1}/index.html` %><% } else { %>index.html<% } %>'
eleventyComputed:
  title: '<% if (pagination.pageNumber > 0) { %><%= `Page ${pagination.pageNumber + 1} | ${site.title}` %><% } else { %><%= site.title %><% } %>'
links: [ { url: 'a', data: { title: 'b' } } ]
sections: [ 
  { slug: 'home', name: 'Home' }, 
  { slug: 'info', name: 'Info' }, 
  { slug: 'screenshots', name: 'Screenshots' }, 
  { slug: 'systems', name: 'Systems' }, 
  { slug: 'pricing', name: 'Pricing' }, 
  { slug: 'download', name: 'Download' }, 
  { slug: 'reviews', name: 'Reviews' }
]
systems: [ 
  { slug: 'skeletal', name: 'Skeletal', status: 'free', order: 1 }, 
  { slug: 'ligamentous', name: 'Ligamentous', status: 'free', order: 1 },
  { slug: 'muscular', name: 'Muscular', status: 'pro', order: 1 }, 
  { slug: 'digestive', name: 'Digestive', status: 'pro', order: 1 },
  { slug: 'respiratory', name: 'respiratory', status: 'pro', order: 1 }, 
  { slug: 'urogenital', name: 'Urogenital', status: 'pro', order: 1 },
  { slug: 'endocrine', name: 'Endocrine', status: 'pro', order: 1 }, 
  { slug: 'circulatory', name: 'Circulatory', status: 'soon', order: 1 },
  { slug: 'nervous', name: 'Nervous', status: 'soon', order: 1 }, 
  { slug: 'limphatic', name: 'Limphatic', status: 'soon', order: 1 }
]
reviews: [ 
  { name: 'Bob S', quote: 'Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium', stars: 3, site: 'Google Play', link: '' }, 
  { name: 'Phil C', quote: 'otam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt', stars: 3.5, site: 'App Store', link: '' }, 
  { name: 'Henk W', quote: 'Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id', stars: 4, site: 'App Store', link: '' }, 
  { name: 'Jaap M', quote: 'Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit', stars: 5, site: 'Google Play', link: '' } 
]
---

<% include /hero %>

<% include /blurb %>

<div class="inset">

  <% include /info %>

</div>

<% include /screenshots %>

<% include /systems %>

<div class="inset">

  <% include /pricing %>

  <% include /download %>

</div>

<% include /reviews %>

<!--
<nav>
  <% links.forEach((link) => { %>
    <a href="<%= link.url %>"><%= link.data.title %></a>
  <% }) %>
</nav>

<ul>
  <% list.forEach((post) => { %>
  <li class="mb-3 flex justify-between">
    <a href="<%= post.url %>"><%= post.data.title %></a>

    <div><%= this.dateFns.format(new Date(post.data.date), 'LLLL d, yyyy') %></div>
  </li>
  <% }) %>
</ul>

<div class="text-sm flex justify-between">
  <% if (pagination.previous) { %>
  <div>
    <a href="<%= pagination.previous.replace(/index.html$/, "") %>">← Newer Posts</a>
  </div>
  <% } %> <% if (pagination.next) { %>
  <div class="text-right ml-auto">
    <a href="<%= pagination.next.replace(/index.html$/, "") %>">Older Posts →</a>
  </div>
  <% } %>
</div>
-->