creative-connections/aurelia-bodylight-plugin

<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">&#9776;</button>
      </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>