charlespockert

<template>
  <require from="./composition"></require>
  <component-renderer view-model.bind="testVm" element.bind="comp" ref="comp"></component-renderer>
</template>

charlespockert

<template>
  <h1>${message}</h1>
</template>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>

  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <layout-router-view layout-view="main-layout.html"></layout-router-view>
  </div>
</template>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>

  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <router-view layout-view="main-layout.html"></router-view>
    
    <div class="${ someJson.value === undefined ? 'red' : someJson.value }">

charlespockert

<template>
  <section class="au-animate">
    <div class="well">
      <content select="#navigation"></content>
    </div>
    <div>
      <content select="#content"></content>
    </div>
  </section>
</template>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>

  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <router-view></router-view>
  </div>
</template>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <router-view></router-view>
  </div>
</template>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <router-view></router-view>
  </div>
</template>

charlespockert

<template>
  <require from="page4"></require>
  <div class="well">
    This page uses a layout with a bootstrap grid layout where the left column contains a custom element that's not in the main layout
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-4">
        <page4></page4>
      </div>

charlespockert

<template>
  <require from="nav-bar.html"></require>
  <require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>

  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host" style="margin-top:50px">
    <router-view></router-view>
  </div>
</template>