src_aurelia-bodylight-plugin/src/elements/markdown-book2.html
<template bindable="base,summary,index,model,icon,showicon,type">
<require from="./w3.css"></require>
<require from="./w3-theme-amber.css"></require>
<require from="./markdown-top-nav"></require>
<require from="./markdown-bottom-nav"></require>
<require from="./markdown"></require>
<require from="./markdown-nav2"></require>
<require from="../attributes/watchhash"></require>
<require from="./watch-url-hash"></require>
<require from="./w3fonts.css"></require>
<require from="./markdown-book2.css"></require>
<markdown-top-nav base="${base}" src="${summary}" index="${index}" nav.two-way="shownav" toc.two-way="showtoc" icon="${icon}" showicon="${showicon}"></markdown-top-nav>
<div class="w3-row">
<div class.bind="sidebarclass" show.bind="shownav && expand">
<watch-url-hash></watch-url-hash>
<markdown-nav2 navstyle="vertical" base="${base}" src="${summary}"></markdown-nav2>
</div>
<!--div class.bind="shownav?'bdl-contentbar m4 l2':''"-->
<div>
<div class="w3-rest" css.bind="shownav?'margin:0 20px':''">
<div class="w3-hide-small w3-hide-medium w3-small w3-sans-serif w3-border-left w3-right" show.bind="showtoc">
<div ref="mytoc"></div>
</div>
<span if.bind="model">
<markdown base="${base}" src.bind="model" keepanim="true"></markdown>
</span>
<markdown class.bind="shownav?'w3-padding w3-palatino':'w3-palatino'" base="${base}" src="${index}" watchhash="index,0;base,3" toc.two-way="toc"></markdown>
<markdown-bottom-nav class="w3-padding w3-palatino" base="${base}" index="${index}" src="${summary}" show.bind="shownav"></markdown-bottom-nav>
</div>
</div>
</div>
</template>