src_aurelia-bodylight-plugin/src/elements/markdown-book.html
<template bindable="summary,index,base">
<require from="./w3.css"></require>
<require from="./w3-theme-indigo.css"></require>
<require from="./markdownnav"></require>
<require from="./markdown"></require>
<require from="../attributes/watchhash"></require>
<div class="w3-row">
<div class="w3-theme w3-left" style="max-width:450px" show.bind="showmenu && shownav">
<markdownnav navstyle="vertical" base="${base}" src="${summary}" watchhash="summary,1;base,3"></markdownnav>
</div>
<div class="w3-rest">
<div class="w3-theme-dark" show.bind="showmenu">
<button class="w3-button w3-xlarge" click.delegate="openclosenav()" title="show/hide navigation menu">☰</button>
<span class="w3-left w3-xlarge" title="language settings"><language></language></span>
</div>
<div class="w3-margin">
<div class="w3-large w3-card-2 w3-padding">
<markdown base="${base}" src="${index}" watchhash="index,0;base,3"></markdown>
</div>
</div>
</div>
</div>
</template>