/templates/post-listing.mustache

 1<h1>Blog Entries</h1>
 2{{#Pagination}}
 3<div id="Pagination">
 4	<span style="float: left; width: 100px; display: block;">
 5	{{#Before}}
 6	<a href="/post/list?page=1">&laquo;</a> | <a href="/post/list?page={{BeforePage}}">&lt; Previous</a>
 7	{{/Before}}
 8	{{^Before}}&nbsp;{{/Before}}
 9	</span>
10	<span style="margin-left: 150px; float: left; display: block">
11		|{{#Pages}}
12			{{^current}}<a href="/post/list?page={{page}}">{{/current}}{{page}}{{^current}}</a>{{/current}} |
13		{{/Pages}}
14	</span>
15	<span style="float: right; width: 100px; display: block;">
16	{{#After}}
17	<a href="/post/list?page={{AfterPage}}">Next &gt;</a> | <a href="/post/list?page={{LastPage}}">&raquo;</a>
18	{{/After}}
19	{{^After}}&nbsp;{{/After}}
20	</span>
21	<div style="clear: both;"></div>
22</div>
23{{/Pagination}}
24<div id="PostListing">
25	<ul>
26		{{#Posts}}
27		<li>
28			<p><a href="/post/{{Id}}">{{Title}}</a></p>
29			<p style="font-size: 12px">{{Date}}</p>
30		</li>
31		{{/Posts}}
32	</ul>
33</div>
34{{#Pagination}}
35<div id="Pagination">
36	<span style="float: left; width: 100px; display: block;">
37	{{#Before}}
38	<a href="/post/list?page=1">&laquo;</a> | <a href="/post/list?page={{BeforePage}}">&lt; Previous</a>
39	{{/Before}}
40	{{^Before}}&nbsp;{{/Before}}
41	</span>
42	<span style="margin-left: 150px; float: left; display: block">
43		|{{#Pages}}
44			{{^current}}<a href="/post/list?page={{page}}">{{/current}}{{page}}{{^current}}</a>{{/current}} |
45		{{/Pages}}
46	</span>
47	<span style="float: right; width: 100px; display: block;">
48	{{#After}}
49	<a href="/post/list?page={{AfterPage}}">Next &gt;</a> | <a href="/post/list?page={{LastPage}}">&raquo;</a>
50	{{/After}}
51	{{^After}}&nbsp;{{/After}}
52	</span>
53	<div style="clear: both;"></div>
54</div>
55{{/Pagination}}