<html>
<head>
<title>Lanceur - Pitaya</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Application root element -->
<div id="pitaya"></div>
<!-- Templates -->
<script id="launcher-view-tpl" type="text/x-template">
<div class="launcher">
{{#unless isRoot}}
<div class="category-header">
<a href="#" class="goback" data-item-path="{{currentItemPath}}">◄</a>
<span class="category-label">{{currentItem.label}}</span>
</div>
{{/unless}}
{{> itemListTpl}}
</div>
</script>
<script id="items-list-tpl" type="text/x-template">
<ul class="apps-list">
{{#each currentItem.items}}
{{> itemTpl currentItemPath=../currentItemPath}}
{{/each}}
</ul>
</script>
<script id="item-tpl" type="text/x-template">
<li class="app-item"
data-item-path="{{currentItemPath}}.{{@index}}">
<img class="app-icon" src="{{icon}}" />
<span class="app-label">{{label}}</span>
</li>
</script>
<!-- Scripts -->
<script type="text/javascript" src="js/dom.js"></script>
<script type="text/javascript" src="js/anim.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<!-- Application bootstrapping -->
<script type="text/javascript">
Pitaya.start('#pitaya')
.then(function() {
console.info('Application started.');
})
.catch(function(err) {
console.error(err.stack ? err.stack : err);
})
;
</script>
</body>
</html>