1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html class="lp">
<head>
<title>{{listName}}</title>
<link href='/css/fonts.css' rel='stylesheet' type='text/css' />
<link href='/dist/view.css' rel='stylesheet' type='text/css' />
<style>.lpModalOverlay, #lpImageDialog { display: none;}</style>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
</head>
<body>
<div id="main" class="lpShare">
<nav>
{{#lists}}
<a {{#active}}class="active"{{/active}} href="/list/{{id}}">{{name}}</a>
{{/lists}}
<a class="right" href="/editor">edit</a>
</nav>
<div class="lpList {{#show.images}}lpShowImages{{/show.images}} {{#show.worn}}lpShowWorn{{/show.worn}} {{#show.consumable}}lpShowConsumable{{/show.consumable}} {{#show.price}}lpShowPrices{{/show.price}}">
<h1 class="lpListName">{{listName}}</h1>
{{#show.weight}}
<div class="lpListSummary">
<canvas id="chartContainer" class="lpChart" height="260" width="260"></canvas>
<div class="lpTotalsContainer">
{{>total}}
</div>
</div>
<div style="clear:both"></div>
{{/show.weight}}
{{#listDescription}}
<div id="lpListDescription">
{{{listDescription}}}
</div>
{{/listDescription}}
<ul class="lpCategories">
{{>categories}}
</ul>
</div>
</div>
<div class="lpDialog" id="lpImageDialog"></div>
<div class="lpModalOverlay" id="modalOverlay"></div>
<script type="text/javascript" src="/dist/view.js"></script>
{{#chartData}}
<script type="text/javascript">chartData="{{{chartData}}}";</script>
{{/chartData}}
</body>
</html>