src_aurelia-bodylight-plugin/src/elements/markdown-book-au.html
<template bindable="summary,index,base">
<require from="./w3.css"></require>
<require from="./w3-theme-indigo.css"></require>
<require from="./markdownnav"></require>
<require from="./markdownaurelia"></require>
<require from="../attributes/watchhash"></require>
<div class="w3-row">
<div class="w3-theme w3-left" style="max-width:450px" show.bind="shownav&&showmenu">
<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>
<!--button class="w3-button w3-xlarge" click.delegate="openprevious()" title.bind="previoustitle"><i class="fa fa-chevron-left"></i> ${previoustitleshort}</button>
<button class="w3-button w3-xlarge w3-right" click.delegate="opennext()" title.bind="nexttitle">${nexttitleshort} <i class="fa fa-chevron-right"></i></button-->
</div>
<markdownaurelia base="${base}" src="${index}" watchhash="index,0;base,3"></markdownaurelia>
</div>
</div>
</template>